@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--navy:#061B5B;--navy2:#0a2468;--gold:#D4AF37;--gold2:#ead58b;--paper:#fbfbf8;--ink:#10131a;--muted:#687181;--line:#dfe2e7;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',Arial,sans-serif;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}
.header{position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.14)}.nav{max-width:var(--max);margin:auto;padding:21px 28px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:245px}.mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:600 24px var(--serif)}.brand b{display:block;font-size:18px;letter-spacing:.2em;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.58);margin-top:6px;white-space:nowrap}.nav nav{margin-left:auto;display:flex;gap:28px}.nav nav a,.nav-link{color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.12em;opacity:.8}.nav nav a:hover,.nav-link:hover{color:var(--gold2);opacity:1}
.hero{min-height:790px;background:var(--navy);color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.hero:after{content:'';position:absolute;width:680px;height:680px;border:1px solid rgba(212,175,55,.16);border-radius:50%;right:-260px;top:135px;box-shadow:0 0 0 90px rgba(212,175,55,.025),0 0 0 180px rgba(212,175,55,.015)}.hero-content{max-width:var(--max);width:100%;margin:auto;padding:150px 28px 100px;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:.23em;color:var(--gold);font-weight:600;text-transform:uppercase}.dark-text{color:var(--navy)}.hero h1{font:500 clamp(68px,8vw,114px)/.82 var(--serif);letter-spacing:-.035em;margin:24px 0 38px}.hero h1 em,h1 em,h2 em{font-style:italic;color:var(--gold2)}.hero-text{max-width:590px;color:rgba(255,255,255,.72);font-size:16px}.gold-button{display:inline-flex;gap:24px;align-items:center;background:var(--gold);color:var(--navy);padding:14px 21px;margin-top:34px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:600}.gold-button span{font-size:18px}.gold-button:hover{background:#e1c25a}.hero-footer{position:absolute;bottom:45px;left:28px;right:28px;display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:8px;letter-spacing:.18em;z-index:2}.hero-footer span:first-child{color:var(--gold)}
.section{max-width:var(--max);margin:auto;padding:125px 28px}.label{border-top:1px solid var(--line);padding-top:13px;color:var(--gold);font-size:9px;letter-spacing:.2em;font-weight:600}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:110px;margin-top:68px}.section h2,.app-section h2{font:500 clamp(48px,5.4vw,72px)/.95 var(--serif);letter-spacing:-.025em;margin:0}.large{font-size:19px;line-height:1.65;color:#252a34}.split p:not(.large){color:var(--muted);max-width:510px}
.heading-row{display:flex;justify-content:space-between;gap:70px;align-items:end;margin:60px 0 55px}.heading-row p{max-width:350px;color:var(--muted);font-size:13px}.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discipline{min-height:390px;padding:30px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.discipline:last-child{border-right:0}.discipline:hover{background:#f2f1eb}.discipline.dark{background:var(--navy);color:#fff}.discipline.dark:hover{background:var(--navy2)}.discipline>span{color:var(--gold);font-size:9px;letter-spacing:.13em}.discipline h3{font:600 39px/.9 var(--serif);margin:83px 0 18px}.discipline p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.discipline.dark p{color:rgba(255,255,255,.68)}.card-line{margin-top:auto;border-top:1px solid rgba(0,0,0,.12);padding-top:18px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.dark .card-line{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.48)}
.statement{background:var(--navy);color:#fff;padding:130px 28px}.statement-inner{max-width:880px;text-align:center;margin:auto}.ornament{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--gold);color:var(--gold);font:600 31px var(--serif);margin:auto}.statement blockquote{font:500 clamp(43px,5.3vw,67px)/1.03 var(--serif);letter-spacing:-.025em;margin:35px 0}.statement small{color:rgba(255,255,255,.5);font-size:8px;letter-spacing:.2em}
.about-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:105px;margin-top:65px;align-items:center}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#0b245f,#030d2d);display:grid;place-items:center;position:relative;overflow:hidden}.portrait:before{content:'';position:absolute;width:68%;height:68%;border:1px solid rgba(212,175,55,.28);transform:rotate(45deg)}.portrait div{position:relative;text-align:center}.portrait strong{display:block;color:#fff;font:500 54px/.82 var(--serif)}.portrait small{display:block;color:var(--gold);font-size:8px;letter-spacing:.18em;margin-top:23px}.about-copy h2{margin:20px 0 30px}.about-copy p:not(.large){color:var(--muted);max-width:610px}.credentials{display:flex;gap:30px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}.credentials span{font-size:8px;letter-spacing:.16em;color:var(--gold);font-weight:600}
.principles{padding-top:40px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:58px}.principle-grid>div{padding:28px 24px;border-right:1px solid var(--line)}.principle-grid>div:last-child{border-right:0}.principle-grid b{font-size:9px;color:var(--gold);letter-spacing:.12em}.principle-grid h3{font:600 31px var(--serif);margin:45px 0 8px}.principle-grid p{font-size:12px;color:var(--muted);margin:0}
.app-section{background:#f0eee5;padding:110px 28px;border-top:1px solid #dfdacb;border-bottom:1px solid #dfdacb}.app-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:end}.app-badge{display:inline-block;margin-top:24px;border:1px solid var(--navy);padding:10px 14px;color:var(--navy);font-size:8px;letter-spacing:.14em}
.footer{background:#030d2d;color:#fff;padding:65px 28px 25px}.footer-main{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:70px}.footer-columns{display:flex;gap:75px}.footer-columns>div{display:flex;flex-direction:column;gap:7px}.footer-columns span{color:var(--gold);font-size:8px;letter-spacing:.17em;margin-bottom:10px}.footer-columns a{font-size:11px;color:rgba(255,255,255,.62)}.footer-columns a:hover{color:#fff}.footer-bottom{max-width:var(--max);margin:55px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:7px;letter-spacing:.12em}
.legal{background:var(--paper)}.legal-header{position:relative;background:var(--navy);border:0}.legal-main{max-width:900px;margin:auto;padding:100px 28px}.legal-main h1{font:500 clamp(58px,7vw,92px)/.9 var(--serif);margin:25px 0 12px}.date{font-size:10px;color:var(--muted);letter-spacing:.08em}.legal-content{margin-top:70px;border-top:1px solid var(--line)}.legal-content h2{font:600 28px var(--serif);margin:38px 0 8px}.legal-content p{color:var(--muted);font-size:14px;line-height:1.85}.legal-content a{color:var(--navy);text-decoration:underline}
@media(max-width:850px){.nav nav{display:none}.nav{justify-content:space-between}.hero{min-height:700px}.hero h1{font-size:68px}.hero-footer{flex-direction:column;gap:8px}.split,.about-grid,.app-inner{grid-template-columns:1fr;gap:45px}.heading-row{display:block}.heading-row p{margin-top:25px}.discipline-grid,.principle-grid{grid-template-columns:1fr 1fr}.discipline{border-bottom:1px solid var(--line)}.discipline:nth-child(2){border-right:0}.discipline h3{margin-top:55px}.footer-main{display:block}.footer-columns{margin-top:50px;gap:35px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(max-width:520px){.nav{padding:18px 18px}.brand{min-width:0}.brand small{display:none}.nav-link{font-size:8px}.hero-content,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:57px}.hero-text{font-size:14px}.discipline-grid,.principle-grid{grid-template-columns:1fr}.discipline{border-right:0}.principle-grid>div{border-right:0;border-bottom:1px solid var(--line)}.credentials{gap:14px;flex-wrap:wrap}.app-section{padding-left:20px;padding-right:20px}.footer{padding-left:20px;padding-right:20px}.footer-columns{gap:28px}.legal-main{padding-left:20px;padding-right:20px}}

/* Actual UPAAY brand assets */
.brand-logo{display:block;width:185px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.hero-logo-panel{position:absolute;right:8%;top:230px;width:min(510px,42vw);z-index:1;opacity:.98}
.hero-logo-panel img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 35px rgba(0,0,0,.28))}
.feature-frame{width:100%;border:1px solid rgba(212,175,55,.28);background:#061B5B;box-shadow:0 24px 60px rgba(6,27,91,.15);overflow:hidden}
.feature-frame img{display:block;width:100%;height:auto}
.app-button{margin-top:24px}
@media(max-width:850px){
  .brand-logo{width:150px}
  .hero-logo-panel{position:relative;right:auto;top:auto;width:min(560px,88vw);margin:10px auto 0;padding:0 20px;opacity:.95}
}
@media(max-width:520px){
  .brand-logo{width:125px}
  .hero-logo-panel{width:94vw}
}
