/* Original Opal website styles at fb091c8, retained in their original cascade order. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('/login-font.woff2') format('woff2')}
:root{--navy:#101c32;--ink:#182b43;--paper:#f1f4f7;--line:rgba(164,183,213,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #77b3d7;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;letter-spacing:-.055em}p{line-height:1.65}img{max-width:100%}.skip{position:fixed;top:-100px;left:15px;padding:14px;background:white;color:var(--ink);z-index:30}.skip:focus{top:15px}.progress{position:fixed;height:2px;top:0;left:0;width:0;background:#bdc7e3;z-index:30}header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line)}.logo{width:212px;height:auto;display:block}header nav{display:flex;align-items:center;gap:38px;font-size:14px}header nav a:hover{color:#a5c5ff}.nav-cta{border:1px solid #6a7a93;border-radius:30px;padding:13px 25px}.menu{display:none}.hero{min-height:790px;height:100svh;max-height:1150px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#23334f 0,transparent 52%),var(--navy)}.grid{position:absolute;inset:105px 0 0;z-index:-1;opacity:.1;background-image:linear-gradient(90deg,#8995ad 1px,transparent 1px);background-size:25% 100%;mask-image:linear-gradient(transparent,black,transparent)}.hero-copy{position:relative;z-index:2;width:60%;padding:clamp(190px,25vh,310px) 0 0 7%}.eyebrow{display:flex;gap:10px;align-items:center;font-size:13px;color:#c4d0e4;margin-bottom:32px}.eyebrow i{width:6px;height:6px;background:#a8badc;border-radius:50%}h1{font-size:clamp(70px,7.7vw,124px);line-height:.99;letter-spacing:-.065em;margin-left:-5px}.hero-copy p{font-size:17px;color:#b7c5db;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 22px;border-radius:3px;font-size:14px;font-weight:500;margin-top:32px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.light{background:#e4eaf2;color:#1a2c46}.light:hover{background:#fff}.button span{font-size:20px}.scene{position:absolute;right:-3%;top:100px;bottom:100px;width:65%;pointer-events:none}canvas{width:100%;height:100%;position:relative;z-index:1;display:block}.fallback{position:absolute;width:60%;aspect-ratio:1;top:15%;left:23%;border:55px solid #9cabcb;border-radius:50%;transform:rotate(-30deg) skewY(16deg);box-shadow:inset 0 0 30px #7c549e,0 0 40px #6286b31a}.webgl .fallback{display:none}.orbit-note{position:absolute;bottom:23%;right:8%;color:#acb9cf;font-size:12px}.hero-bottom{position:absolute;bottom:36px;left:7%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;font-size:12px;line-height:1.6;color:#abb9ce}.hero-bottom>span:last-child{text-align:right}.pad{padding:110px 7%}.intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 3fr;gap:45px}.label{font-size:13px;display:block;letter-spacing:-.01em;line-height:1.6}.intro h2,.tech-heading h2{font-size:clamp(32px,3.6vw,58px);line-height:1.13}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:42px;color:#617083;font-size:15px}.journey{height:230vh;position:relative;background:var(--navy)}.sticky{height:100svh;min-height:600px;position:sticky;top:0;padding:45px 7%;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;overflow:hidden}.journey-top{position:absolute;top:42px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:13px;color:#aab9d0}.route-art{position:relative;width:115%;margin-left:-10%;transform:perspective(1000px) rotateY(12deg)}.route-art svg{width:100%;overflow:visible}.route-labels{display:flex;justify-content:space-between;padding:0 7%;font-size:11px;color:#9badc8}.steps{position:relative;padding-left:12%;height:290px}.step{position:absolute;inset:0 0 0 12%;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s,transform .6s,visibility .5s}.step.active{opacity:1;visibility:visible;transform:none}.step .label{color:#9eafc9;margin-bottom:24px}.step h2{font-size:clamp(36px,4.1vw,64px);line-height:1.07}.step p{color:#aebdd3;font-size:15px;max-width:370px;margin-top:24px}.indicators{position:absolute;bottom:-45px;display:flex;gap:7px}.indicators i{width:30px;height:2px;background:#3b4b64}.indicators i.active{background:#c5d5ef}.journey-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#9aacC6}
.technology{background:#e8edf3;color:var(--ink)}.tech-heading{display:grid;grid-template-columns:1fr 3fr;gap:45px}.tabs{margin-top:58px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #bac6d5}.tabs button{color:#66778d;background:none;border:0;border-bottom:2px solid transparent;padding:22px 0;text-align:left;font-size:19px;display:flex;justify-content:space-between;margin-right:28px}.tabs button:last-child{margin-right:0}.tabs button[aria-selected=true]{color:#1c355a;border-color:#1c355a}.panel{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;padding:50px 0 65px;align-items:center}.platform-copy .label{color:#62758d;margin-bottom:15px}.platform-copy h3{font-size:36px;line-height:1.1}.platform-copy p{color:#607188;font-size:14px;margin-top:20px;max-width:320px}.platform-copy ul{list-style:none;padding:0;margin:25px 0;font-size:13px;line-height:2.2;color:#53667e}.platform-copy li:before{content:'+';margin-right:12px;color:#52729c}.text-link{display:inline-flex;justify-content:space-between;gap:40px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:9px}.screen{background:#18263b;border:1px solid #425470;border-radius:9px;padding:0 12px;box-shadow:0 22px 50px #1c34551a;transform:perspective(1200px) rotateY(-4deg) rotateX(3deg);transition:transform .5s}.screen:hover{transform:none}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;color:#a4b5cf;font-size:9px;padding:15px 3px;gap:12px}.screen-body{background:#080a0d;border:1px solid #445165;min-height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-body img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain}.screen-bottom{font-size:10px}.integrations{display:grid;grid-template-columns:1fr 1.65fr .75fr;gap:60px;align-items:start;border-top:1px solid #c1ccd9;padding-top:40px}.integrations h3{font-size:27px}.integrations p{font-size:14px;color:#607188}.integrations .text-link{justify-self:end}.pricing{background:#f8f9fb;color:var(--ink);display:grid;grid-template-columns:1.4fr 1fr;gap:100px}.pricing h2{font-size:clamp(36px,3.8vw,58px);line-height:1.1;margin-top:35px}.pricing>div>p{font-size:15px;color:#66758a;max-width:410px;margin-top:24px}.dark{background:var(--ink);color:#f0f4fa}.dark:hover{background:#334e70}.price-detail{border-left:1px solid #c4ceda;padding-left:60px;display:flex;flex-direction:column;align-items:flex-start}.price{margin:45px 0 10px;display:flex;flex-direction:column}.price small{font-size:12px;color:#6a7b91}.price strong{font-size:clamp(48px,5vw,78px);font-weight:450;letter-spacing:-.07em;line-height:1.5}.price>span{font-size:16px}.pricing .price-detail>p{font-size:12px;max-width:320px;margin-bottom:24px}.contact{background:linear-gradient(120deg,#253b5c,#152339 70%);display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact h2{font-size:clamp(64px,7.8vw,120px);line-height:.98;margin-top:38px}.contact-details{align-self:end;padding-bottom:8px}.contact-details>p{font-size:21px;color:#b9c8de;margin-bottom:45px;line-height:1.5}.email{font-size:clamp(16px,1.7vw,25px);display:flex;justify-content:space-between;border-bottom:1px solid #78879f;padding-bottom:18px;gap:20px}.phone{display:block;font-size:20px;margin-top:23px}.hours{font-size:11px;color:#a5b7d0;margin-top:14px;display:block}footer{padding:50px 7% 25px;background:#0b1527}.footer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a8b9d1}.disclosures{display:flex;gap:16px 27px;flex-wrap:wrap;padding:40px 0;border-bottom:1px solid var(--line);font-size:11px;color:#9eafc7}.disclosures a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#98a8be;padding-top:22px}@media(max-width:1000px){header nav{gap:22px}.hero-copy{width:70%}.scene{right:-15%;width:78%}.orbit-note{right:6%;bottom:20%}.intro,.tech-heading{gap:25px}.panel{gap:25px}.screen-body{min-height:250px}.pricing{gap:45px}.price-detail{padding-left:35px}.integrations{gap:30px}.contact{gap:35px}}
@media(max-width:700px){header{height:82px;padding:0 6%}.logo{width:185px}.menu{display:block;background:none;border:1px solid #667a98;color:white;border-radius:22px;padding:9px 15px;font-size:12px}header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#14243d;padding:25px 6%;border-bottom:1px solid #73829a;align-items:stretch}header nav.open{display:flex;flex-direction:column;gap:24px}.nav-cta{max-width:170px}.hero{height:900px;min-height:0;max-height:none}.hero-copy{padding:132px 6% 0;width:100%}.eyebrow{margin-bottom:22px;font-size:12px}h1{font-size:clamp(58px,13vw,83px);margin-left:-2px}.hero-copy p{font-size:14px;margin-top:22px}.button{margin-top:24px;padding:15px 18px;font-size:13px}.scene{top:410px;bottom:65px;left:0;right:0;width:100%}.orbit-note{right:7%;bottom:123px;font-size:10px}.hero-bottom{bottom:25px;left:6%;right:6%;font-size:10px}.hero-bottom>span:first-child{display:none}.pad{padding:70px 6%}.intro,.tech-heading{display:block}.intro h2,.tech-heading h2{font-size:34px;margin-top:25px}.intro-bottom{display:block;margin-top:25px}.intro-bottom p+p{margin-top:18px}.intro-bottom p{font-size:14px}.journey{height:240vh}.sticky{min-height:670px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:80px 6% 100px}.journey-top{left:6%;right:6%;top:28px}.route-art{width:100%;margin:0;max-width:440px;justify-self:center}.route-labels{font-size:9px}.steps{padding:25px 0 0;height:245px;align-self:start}.step{inset:25px 0 0}.step h2{font-size:39px}.step .label{margin-bottom:14px}.step p{font-size:14px;max-width:340px;margin-top:17px}.indicators{bottom:-20px}.journey-bottom{left:6%;right:6%;font-size:9px;bottom:24px}.journey-bottom>span{display:none}.tabs{margin-top:35px}.tabs button{font-size:12px;margin-right:14px;padding:17px 0;gap:6px}.panel{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 40px;gap:35px}.platform-copy h3{font-size:34px}.platform-copy p{max-width:none}.screen{width:100%;transform:none}.screen-body{min-height:200px}.integrations{display:block;padding-top:30px}.integrations p{margin:15px 0 25px}.pricing{display:block}.pricing h2{font-size:38px;margin-top:25px}.price-detail{border-left:0;border-top:1px solid #c4ceda;padding:30px 0 0;margin-top:50px}.price{margin:25px 0}.price strong{font-size:73px}.contact{display:block}.contact h2{font-size:72px;margin-top:25px}.contact-details{margin-top:45px}.contact-details>p{font-size:19px;margin-bottom:30px}.email{font-size:17px}.hours{font-size:10px}footer{padding:35px 6% 25px}.footer-top .logo{width:170px}.footer-bottom{display:block;line-height:1.7}.footer-bottom>span{display:block;margin-bottom:10px}.disclosures{gap:16px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:auto}.sticky{height:auto;min-height:0;display:block;position:relative;padding-top:100px;padding-bottom:90px}.route-art{max-width:600px;margin:0 auto 50px}.steps{height:auto;padding:0;display:grid;gap:35px}.step{position:static;visibility:visible;opacity:1;transform:none}.step h2{font-size:34px}.indicators,#step-count{display:none}}

/* Opal / editorial revision. Loaded directly by every page. */
:root{--navy:#0b1529;--paper:#f3f4fa;--opal-blue:#9be8f4;--opal-violet:#bba5f3;--opal-rose:#efbfd4}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:24px;font-weight:500;letter-spacing:-1.1px;color:#f4f5ff}.brand-light{font-weight:400}.brand-opal{display:block;width:24px;height:28px;border-radius:50%;background:conic-gradient(from 25deg,#f1c8d4,#9ba4ec 22%,#83e3eb 40%,#ece0d7 56%,#e5afd1 73%,#aab9fc 90%,#f1c8d4);box-shadow:inset 1px 0 3px #ffffffc0,0 0 14px #c6baff22;transform:rotate(-28deg) scaleX(.79);position:relative}.brand-opal:after{content:'';position:absolute;inset:4px;background:#12223a;border-radius:50%;box-shadow:1px 1px 2px #19284dcc,inset 0 0 3px #cbdafa90}
header{inset:22px 4% auto;max-width:1550px;margin:auto;height:75px;background:linear-gradient(115deg,#bfd7ff17,#adbfed08 45%,#e8c0e91c);border-radius:60px;border-color:#d4dbff3a;padding:0 25px;backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 0 #ffffff55,inset 1px 0 0 #ffffff20,inset -1px -1px 0 #c7d4fe20,0 10px 40px #02071822}header nav{gap:27px;font-size:12px}header nav .nav-cta{background:linear-gradient(115deg,#c0e8f022,#e2c3f02e);padding:12px 20px;display:flex;gap:22px;color:#f7f4ff}header.scrolled{background:linear-gradient(115deg,#1a2d48e8,#1c2344eb 60%,#372b48eb)}.menu{display:none}
.hero{height:100svh;min-height:730px;max-height:1100px;background:#081326;isolation:isolate;overflow:hidden}.hero:before,.hero:after{display:none}.hero-art{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% 50%;animation:art-float 18s ease-in-out infinite alternate;will-change:transform}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#081326d9 0%,#0813268c 29%,#08132622 52%,transparent 73%),linear-gradient(0deg,#081326 0%,transparent 19%)}.hero-copy{width:67%;padding:clamp(188px,26vh,280px) 0 0 7%}.hero h1{font-size:clamp(70px,7.8vw,124px);font-weight:450;line-height:1.02;letter-spacing:-.067em}.hero .opal-text{background-image:linear-gradient(110deg,#d9f6ff,#aedbe9 22%,#d0b9ef 50%,#efb6cd 80%,#f3d2bd);text-shadow:none}.hero-copy p{font-size:16px;line-height:1.8;max-width:430px;color:#bdcadd;margin-top:25px}.hero .eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:32px;color:#d3dbea}.eyebrow i{width:5px;height:5px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:31px}.hero-actions .button{margin:0;gap:35px;font-size:12px;padding:17px 23px}.quiet-link{font-size:12px;color:#d5d9e7;display:flex;gap:13px;align-items:center}.quiet-link span{transition:transform .3s}.quiet-link:hover span{transform:translate(3px,-3px)}.art-caption{position:absolute;right:6%;bottom:16%;display:flex;gap:12px;align-items:center;color:#c3c8db;font-size:10px;letter-spacing:.03em}.caption-line{height:1px;width:28px;background:linear-gradient(90deg,#c4b5ee,#a8dcf4)}.hero-bottom{bottom:32px;left:7%;right:6%;align-items:center;font-size:10px;letter-spacing:.04em}.hero-bottom>span:last-child{display:flex;gap:22px}.scroll-cue{display:flex;gap:12px;align-items:center}.scroll-cue>span{display:flex;width:29px;height:40px;align-items:center;justify-content:center;border:1px solid #b6c6df33;border-radius:20px;font-size:16px;animation:scroll-nudge 3s ease-in-out infinite}.principles-strip{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px 7%;font-size:11px;color:#b2bfd5;background:#0b1529;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff15}.principles-strip>span:first-child{color:#e5e4ed;font-size:13px}.principles-strip>span{display:flex;align-items:center;gap:12px}.principles-strip i{width:4px;height:4px;border-radius:50%;background:#cbb4ed;box-shadow:0 0 10px #cbb4ed70}
.pad{padding:110px 7%}.label{font-size:10px;letter-spacing:.09em}.intro{padding-top:120px;padding-bottom:120px;background:radial-gradient(ellipse at 95% 15%,#e2cdeb80,transparent 60%),linear-gradient(115deg,#e8f2f5,#f4f1f8)}.intro h2,.tech-heading h2{font-size:clamp(32px,3.6vw,57px)}.soft-ink{color:#6b728b}.intro-bottom{gap:45px;color:#626e83;font-size:14px}.journey{height:205vh;background:radial-gradient(ellipse at 20% 40%,#54719e32,transparent 48%),radial-gradient(ellipse at 80% 90%,#8867a52a,transparent 55%),#0b1529}.sticky{padding-top:105px}.journey-top{top:115px;font-size:11px}.journey .step h2{font-size:clamp(35px,4vw,63px)}.route-art{transform:none}.routes path{stroke-dasharray:8 6;animation:route-flow 35s linear infinite}.technology{background:radial-gradient(ellipse at 5% 80%,#bfdeef60,transparent 60%),linear-gradient(120deg,#eff2f8,#ece6f2)}.panel{grid-template-columns:.8fr 1.5fr;gap:65px}
.platform-stage{border:1px solid #fff;border-radius:18px;background:linear-gradient(120deg,#fffffff0,#ffffff70 65%,#e5d9ed70);box-shadow:0 20px 60px #43507b13;overflow:hidden}.stage-top,.stage-bottom{display:flex;align-items:center;gap:8px;font-size:10px;color:#55657f;padding:18px 22px}.stage-top{border-bottom:1px solid #8e98bc26}.stage-top>span:last-child{margin-left:auto;font-size:9px;color:#7b8294}.stage-dot{width:5px;height:5px;border-radius:50%;background:#8e87bb}.stage-bottom{justify-content:space-between;border-top:1px solid #8e98bc26;font-size:9px}.stage-bottom a{font-size:10px;display:flex;gap:15px}.platform-visual{min-height:300px;display:grid;align-items:center;position:relative;padding:28px 8px;background:radial-gradient(ellipse at 50% 80%,#c7c9e84d,transparent 65%)}.platform-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 15px #2d345621)}.connection-visual{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center}.connection-overline{font-size:9px;color:#82879a;letter-spacing:.13em;margin-bottom:18px}.connection-visual strong{font-weight:500;font-size:clamp(24px,2.7vw,40px);letter-spacing:-.055em;z-index:1}.connection-opal{font-size:20px;letter-spacing:-.04em}.connection-caption{font-size:10px;color:#7f879e;margin-top:10px}.connection-path{height:62px;border-left:1px solid #a6a0c7;display:flex;flex-direction:column;justify-content:space-around;margin:15px 0;position:relative}.connection-path i{display:block;width:5px;height:5px;position:relative;left:-3px;border-radius:50%;background:#9d8ab6;animation:flow-dot 2s linear infinite}.connection-path i:nth-child(2){animation-delay:.3s}.connection-path i:nth-child(3){animation-delay:.6s}.connection-ring{position:absolute;width:200px;height:200px;border:1px solid #9f9fc42b;border-radius:50%;transform:rotateX(55deg);background:radial-gradient(ellipse,#d2bee633,transparent 65%)}.price-detail{border:1px solid #d9d8ea;border-radius:18px;padding:35px 45px;background:linear-gradient(135deg,#fff9,#e7e0f366,#ebd9e833)}.price{margin-top:25px}.pricing{align-items:center}.pricing .price-detail>p{margin-top:0}.price strong{line-height:1.3}.contact{padding-top:115px;padding-bottom:115px;background:#101c32}.contact-details>p{font-size:19px}.support-inline{display:inline-block;font-size:12px;color:#cbbbe5;margin-top:30px}.contact .button{font-size:12px;padding:16px 23px}.footer-top .brand{font-size:23px}.footer-top .brand-opal{width:22px;height:26px}.footer-links{font-size:11px}
.sub-hero{background:#081326;min-height:520px;padding-top:185px}.sub-hero:before{inset:0;background:linear-gradient(90deg,#081326fa 0%,#081326d9 42%,#08132622 100%),url('assets/opal-sculpture.png') right center/cover no-repeat;filter:none;animation:none;opacity:.82}.sub-hero .sub-orbit{display:none}.sub-hero .lede{font-size:16px;max-width:520px}.sub-hero h1{font-size:clamp(58px,7vw,106px)}.contact-body h2{margin-top:24px}.contact-body .contact-channel{background:none}.inquiry{border-radius:19px}.form-status a{display:inline-block;border-bottom:1px solid currentColor;margin-top:5px}.support-body{padding-top:70px}.support-cards{margin-top:0}.support-card .card-number{font-size:10px;letter-spacing:.1em}.support-card h3{font-size:25px}.support-card{background:linear-gradient(120deg,#ffffffc9,#ffffff45);border-radius:16px}.support-card p{font-size:13px}.support-bottom{border:1px solid #fff}.faq summary{font-size:17px}.motion-toggle:disabled{opacity:.7;cursor:default}.skip{z-index:100}.progress{z-index:99}footer{position:relative}
@keyframes art-float{from{transform:scale(1.015) translateY(-.5%)}to{transform:scale(1.065) translateY(1%)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes route-flow{to{stroke-dashoffset:-280}}@keyframes flow-dot{0%,100%{opacity:.25}50%{opacity:1}}
@media(min-width:1600px){.hero-art img{object-position:50% 50%}.hero-copy{padding-left:max(7%,calc((100vw - 1460px)/2))}.hero h1{font-size:126px}}
@media(max-width:1100px){header nav{gap:19px}header .brand{font-size:21px}.brand-opal{width:21px;height:25px}.panel{gap:35px}.hero-copy{width:70%}.hero-actions{gap:20px}.quiet-link{font-size:10px}.hero-art img{object-position:60%}.principles-strip{gap:20px;font-size:10px}.platform-visual{min-height:250px}.art-caption{bottom:19%}}
@media(max-width:800px){header{inset:12px 4% auto;height:65px;padding:0 19px;border-radius:35px}header nav{display:none;top:75px;border-radius:22px}header nav.open{display:flex}.menu{display:flex;gap:18px;align-items:center;border:0;background:transparent;padding:10px 0 10px 10px}header .brand{font-size:21px}.hero{height:930px;min-height:0;max-height:none}.hero-copy{padding:140px 6% 0;width:100%}.hero h1{font-size:clamp(66px,11.5vw,88px);max-width:670px}.hero-copy p{font-size:15px}.hero .eyebrow{font-size:9px;margin-bottom:25px}.hero-art{top:290px;bottom:20px;left:-50%;right:-5%}.hero-art img{object-fit:cover;object-position:80% 60%}.hero-wash{background:linear-gradient(180deg,#081326 0%,#081326 25%,#08132650 49%,transparent 63%,#081326 100%)}.hero-actions{gap:24px}.hero-actions .button{font-size:12px}.hero-bottom>span:last-child{display:block;line-height:1.8}.hero-bottom time{display:block}.hero-bottom{font-size:9px;bottom:25px}.art-caption{bottom:120px;right:6%;font-size:9px}.principles-strip{padding:23px 6%;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.principles-strip>span:first-child{font-size:11px}.principles-strip>span{gap:8px}.pad{padding:75px 6%}.intro h2,.tech-heading h2{font-size:34px}.intro,.tech-heading{display:block}.intro h2{margin-top:28px}.intro-bottom{display:block}.intro-bottom p+p{margin-top:18px}.journey{height:220vh}.sticky{height:100svh;min-height:690px;padding:100px 6% 75px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.journey-top{top:100px;left:6%;right:6%}.route-art{max-width:440px;margin:0;justify-self:center;width:100%}.steps{padding:15px 0 0;height:245px;align-self:start}.step{inset:15px 0 0}.step .label{margin-bottom:16px}.journey .step h2{font-size:39px}.step p{font-size:14px;margin-top:17px}.indicators{bottom:-8px}.panel{display:flex;flex-direction:column;align-items:stretch}.platform-visual{min-height:230px}.tabs{margin-top:35px}.tabs button{font-size:12px;margin-right:16px}.stage-top{font-size:10px;padding:16px}.stage-top>span:last-child{font-size:8px}.integrations{display:block}.integrations p{margin:20px 0}.pricing{display:block}.pricing h2{font-size:38px}.price-detail{margin-top:40px;padding:30px}.price strong{font-size:70px}.contact{display:block}.contact h2{font-size:68px}.contact-details{margin-top:45px}.contact-details>p{font-size:18px}.footer-top .brand{font-size:22px}.footer-links{gap:23px}.sub-hero{min-height:480px;padding:145px 6% 65px}.sub-hero:before{background-position:70% center;opacity:.7}.sub-hero .lede{font-size:15px}.support-body{padding-top:45px}.contact-body{display:grid}.support-cards{gap:16px}.support-card p{max-width:420px}.faq-heading h2{font-size:34px}}
@media(max-width:460px){.hero{height:880px}.hero-copy{padding-top:135px}.hero h1{font-size:clamp(59px,14.5vw,70px)}.hero-copy p{font-size:13px;line-height:1.8;margin-top:22px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:25px}.quiet-link{font-size:11px}.hero-art{top:330px;bottom:32px;left:-64%;right:-9%}.art-caption{bottom:101px}.hero-bottom>span:last-child{font-size:8px}.hero .eyebrow{letter-spacing:.11em}.intro h2{font-size:31px}.stage-top>span:last-child{display:none}.platform-visual{min-height:210px}.sub-hero h1{font-size:55px}.sub-hero .lede{font-size:14px}.sub-hero{min-height:485px}.footer-top{gap:28px}.footer-links{font-size:10px;gap:20px}.principles-strip{font-size:9px}.contact h2{font-size:62px}.hero-wash{background:linear-gradient(180deg,#081326 0%,#081326 35%,#08132622 60%,transparent 67%,#081326 100%)}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none;will-change:auto}.routes path{stroke-dasharray:none}.journey{height:auto}.sticky{height:auto;display:block;min-height:0}.journey-top{top:45px}.route-art{margin:0 auto 40px}.step{position:static}.steps{height:auto}.journey-bottom{position:static;margin-top:40px}.hero-copy{opacity:1!important;transform:none!important}}
html.motion-paused .routes path{stroke-dasharray:none}html.motion-paused .hero-art img{will-change:auto}html.motion-paused .journey-top{top:45px}html.motion-paused .journey-bottom{position:static;margin-top:40px}
@media(max-width:800px){.hero-art{top:405px}.hero-wash{background:linear-gradient(180deg,#081326 0%,#081326 32%,#08132622 57%,transparent 68%,#081326 100%)}}
@media(max-width:460px){.hero-art{top:425px}.hero-wash{background:linear-gradient(180deg,#081326 0%,#081326 41%,#08132622 61%,transparent 70%,#081326 100%)}}

/* Original logo, continuous dark palette. */
header .logo{width:200px;height:auto;filter:none}footer .logo{width:200px;height:auto;filter:none}
.intro{color:#e9edf6;background:radial-gradient(ellipse at 85% 20%,#59508022,transparent 60%),linear-gradient(125deg,#111d31,#141d30)}
.soft-ink{color:#a1acc6}.intro-bottom,.intro-bottom p{color:#aeb9ce}.intro>.label,.tech-heading>.label{color:#91a2bd}
.technology{color:#edf0f8;background:radial-gradient(ellipse at 10% 65%,#29536323,transparent 60%),radial-gradient(ellipse at 95% 10%,#66527825,transparent 55%),#101a2d}
.tabs{border-bottom-color:#ffffff1f}.tabs button{color:#8f9eb8}.tabs button[aria-selected=true]{color:#e3d6f8}.tabs button:hover{color:#dfd5ef}
.platform-copy .label{color:#97a9c2}.platform-copy p,.platform-copy ul,.integrations p{color:#a5b3c9}.platform-copy li:before{color:#aa98cf}.integrations{border-top-color:#ffffff1c}
.platform-stage{background:linear-gradient(130deg,#19283a,#20263b 60%,#29273d);border-color:#ffffff21;box-shadow:inset 0 1px 0 #ffffff0c,0 24px 60px #0309182b}
.stage-top,.stage-bottom{color:#b9c3d6;border-color:#ffffff15}.stage-top>span:last-child{color:#8e9bb3}.stage-dot{background:#b2a3db}.platform-visual{background:radial-gradient(ellipse at 50% 80%,#7b719726,transparent 70%)}.platform-visual img{filter:drop-shadow(0 18px 15px #0005)}
.connection-overline,.connection-caption{color:#a1abc3}.connection-visual strong{color:#e8e5f4}.connection-opal{color:#cdd7ec}.connection-ring{border-color:#b5a4de26;background:radial-gradient(ellipse,#cbb3ed13,transparent 65%)}
.pricing{color:#eef0f6;background:radial-gradient(ellipse at 90% 50%,#65517127,transparent 55%),#121c2e}.pricing>div>p,.pricing .price-detail>p{color:#a6b3c9}.price-detail{border-color:#ffffff20;background:linear-gradient(125deg,#1c2b3da8,#25284080,#31273b80);box-shadow:inset 0 1px 0 #ffffff08}.price small{color:#9dacc3}.price strong{background-image:linear-gradient(110deg,#d0f0f3,#c8b3e7 60%,#e8bacd)}
.dark{background:linear-gradient(115deg,#2c415b,#443955);color:#f0edf8;border:1px solid #b9b1df35}.dark:hover{background:linear-gradient(115deg,#3a536d,#56446a)}
.contact{background:#101b2d;border-top:1px solid #ffffff12}.contact:before{opacity:.6}.contact-body{color:#edf0f8;background:radial-gradient(ellipse at 5% 35%,#36576d20,transparent 55%),radial-gradient(ellipse at 95% 60%,#66527826,transparent 50%),#111b2e}.contact-body .section-description{color:#aebad0}.contact-channel{border-top-color:#ffffff1f}.contact-channel .label,.contact-channel small{color:#a0afc7}
.inquiry{border:1px solid #ffffff20;background:linear-gradient(145deg,#1b2940d9,#24253ad9);box-shadow:inset 0 1px 0 #ffffff0b,0 20px 80px #03071630}.inquiry label{color:#bcc8db}.inquiry input,.inquiry select,.inquiry textarea{color:#e7edf7;background:#101a2dc9;border-color:#7d8bac40;color-scheme:dark}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#8593ad}.inquiry input:focus,.inquiry textarea:focus,.inquiry select:focus{border-color:#ab9acb;box-shadow:0 0 0 3px #b9a1ff12}.form-note,.form-status{color:#a5b0c6}.form-status a{color:#d1bfea}
.support-body{color:#edf0f8;background:radial-gradient(ellipse at 80% 20%,#66508027,transparent 50%),#111b2e}.support-card{border-color:#ffffff20;background:linear-gradient(135deg,#21304795,#23233995);box-shadow:inset 0 1px 0 #ffffff08}.support-card:hover{box-shadow:0 20px 45px #03091838}.support-card .card-number{color:#b6a7d5}.support-card p{color:#a9b6ca}.support-card .text-link{color:#c6d4e8}.faq-heading .label,.search-wrap{color:#9eacc4}.search-wrap input{background:#172337;color:#e3eaf5;border-color:#8796b244}.search-wrap input::placeholder{color:#8592ab}.faq,.faq details{border-color:#ffffff1e}.faq summary:after{color:#c5afdf}.faq details p{color:#a9b8ce}.faq details p a{color:#ceb9e9;border-color:#b7a2d666}.no-results{color:#aabbcf}.support-bottom{border-color:#ffffff20;background:linear-gradient(110deg,#203447,#2b2c48 60%,#352b43)}.support-bottom p{color:#adbcd0}.support-bottom .dark{border-color:#b9b1df30}
@media(max-width:800px){header .logo{width:180px}footer .logo{width:180px}}
@media(max-width:380px){header .logo{width:164px}}

/* A compact glass navigation that stays within reach while reading. */
header{position:fixed;z-index:1000;transition:top .28s ease,left .28s ease,right .28s ease,max-width .28s ease,height .28s ease,padding .28s ease,background .28s ease,box-shadow .28s ease}
header.scrolled{top:12px;left:6%;right:6%;max-width:1080px;height:60px;padding:0 22px;background:linear-gradient(115deg,#172942f2,#1d2544f3 60%,#352b46f2);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff30,0 12px 36px #0005}
header .logo{transition:width .45s ease}
header.scrolled .logo{width:170px}
header.scrolled nav{gap:20px}
header.scrolled .nav-cta{padding:9px 16px}
.progress{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
@media(max-width:800px){header.scrolled{top:10px;left:9%;right:9%;max-width:390px;height:54px;padding:0 17px}header.scrolled .logo{width:155px}header.scrolled nav{top:64px;gap:24px}}
@media(max-width:380px){header.scrolled{left:6%;right:6%}header.scrolled .logo{width:140px}}
@media(prefers-reduced-motion:reduce){header,header .logo{transition:none}}
html.motion-paused header,html.motion-paused header .logo{transition:none}

:root{--opal-bg:#0a1322;--opal-panel:#101d30;--opal-line:rgba(184,202,226,.16);--opal-blue:#9cc8e3;--opal-rose:#e6bea8;--opal-violet:#bea9d3}
.button:has(.ui-icon),.hero-actions .button:has(.ui-icon),.text-link:has(.ui-icon),.quiet-link:has(.ui-icon),a:has(>.ui-icon){justify-content:flex-start;align-items:center;gap:10px}
.ui-icon{flex-shrink:0;vertical-align:middle}
@media(min-width:801px){header nav,header.scrolled nav{gap:clamp(10px,1.2vw,20px);font-size:12px}header .logo{max-width:180px}.nav-login{margin-left:0}.nav-account,.nav-login{padding-inline:12px}}
@media(min-width:801px) and (max-width:1050px){header .logo{max-width:140px}header nav,header.scrolled nav{gap:10px;font-size:11px}.nav-account,.nav-login{padding-inline:8px}}
header nav{gap:clamp(14px,1.7vw,30px)}
.nav-account,.nav-login{border:1px solid rgba(218,226,240,.28);border-radius:999px;padding:11px 18px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.nav-account{background:rgba(235,239,247,.1);border-color:rgba(235,239,247,.38)}
.nav-login{padding-inline:16px;color:#d9e3f1}
.nav-account{margin-left:4px}.nav-login{margin-left:-14px}
.nav-account:hover,.nav-login:hover{background:rgba(235,239,247,.16);border-color:rgba(235,239,247,.62);transform:translateY(-1px)}

/* Editorial workflow: one measured grid, less empty stage space, clearer hierarchy. */
.journey{height:205vh;background:
  radial-gradient(circle at 22% 42%,rgba(96,131,177,.17),transparent 36%),
  radial-gradient(circle at 80% 58%,rgba(177,132,165,.12),transparent 32%),#0a1424}
.journey .sticky{min-height:680px;grid-template-columns:minmax(0,1.16fr) minmax(340px,.74fr);gap:clamp(42px,6vw,110px);padding:clamp(110px,13vh,150px) max(6vw,calc((100vw - 1540px)/2)) clamp(78px,9vh,110px)}
.journey-top{top:clamp(96px,11vh,126px);left:max(6vw,calc((100vw - 1540px)/2));right:max(6vw,calc((100vw - 1540px)/2));letter-spacing:.12em;text-transform:uppercase;color:#8596ad}
.route-art{width:100%;margin:0;padding:clamp(22px,2.5vw,38px);border:1px solid var(--opal-line);border-radius:30px;background:linear-gradient(145deg,rgba(19,35,56,.88),rgba(10,21,37,.72));box-shadow:0 36px 90px rgba(2,8,18,.35),inset 0 1px rgba(255,255,255,.04);transform:none;overflow:hidden}
.route-art:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 50% 48%,rgba(172,152,210,.13),transparent 37%);pointer-events:none}
.route-art svg{position:relative;filter:drop-shadow(0 18px 35px rgba(1,8,18,.24))}
.route-labels{position:relative;padding:18px 0 0;border-top:1px solid rgba(177,195,219,.12);letter-spacing:.08em;text-transform:uppercase}
.steps{height:360px;padding:0;border-left:1px solid rgba(198,211,230,.2)}
.step{inset:0;padding:34px 0 34px clamp(34px,4vw,66px);display:flex;flex-direction:column;justify-content:center}
.step .label{margin-bottom:28px;color:#aab9cb;letter-spacing:.13em;text-transform:uppercase}
.step h2{font-size:clamp(42px,4.7vw,72px);line-height:1.02;text-wrap:balance}
.step p{max-width:440px;font-size:clamp(14px,1.05vw,17px);line-height:1.75;color:#b9c5d6}

.perspectives{padding-inline:max(6vw,calc((100vw - 1540px)/2));background:
  radial-gradient(circle at 12% 10%,rgba(125,166,204,.15),transparent 30%),
  linear-gradient(145deg,#111a2b,#1e1c30 68%,#142536)}
.perspective-heading{grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);align-items:end;max-width:1540px;margin-inline:auto}
.perspective-heading h2{font-size:clamp(48px,5vw,76px);letter-spacing:-.055em;line-height:1.03}
.perspective-heading>p{grid-column:2;max-width:36ch;font-size:15px;line-height:1.8}
.trade-explorer{max-width:1540px;margin:70px auto 0;border-top:1px solid rgba(198,211,232,.17)}
.trade-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border:0}
.trade-tabs button{position:relative;min-height:78px;padding:0 28px;border:0;border-bottom:1px solid rgba(198,211,232,.17);border-radius:0;background:transparent;color:#8e9eb4;text-align:left;transition:color .25s ease,background .25s ease}
.trade-tabs button+button{border-left:1px solid rgba(198,211,232,.12)}
.trade-tabs button span{display:block;margin-top:5px;color:#e7ebf3;font-size:17px;letter-spacing:-.02em}
.trade-tabs button:after{content:"";position:absolute;left:14px;top:50%;width:4px;height:22px;border-radius:4px;background:linear-gradient(var(--opal-blue),var(--opal-rose));transform:translateY(-50%) scaleY(0);transition:transform .25s ease}
.trade-tabs button[aria-selected=true]{background:rgba(255,255,255,.025);color:#d5b7cc}
.trade-tabs button[aria-selected=true]:after{transform:translateY(-50%) scaleY(1)}
.trade-view{grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr);gap:clamp(42px,5vw,86px);align-items:stretch;padding:46px 0 24px}
.trade-scene{min-height:560px;padding:28px;border:1px solid rgba(190,207,229,.17);border-radius:28px;background:
  radial-gradient(circle at 55% 45%,rgba(131,151,193,.13),transparent 37%),
  linear-gradient(145deg,rgba(13,29,48,.92),rgba(10,20,35,.82));box-shadow:0 34px 80px rgba(3,8,18,.3),inset 0 1px rgba(255,255,255,.035);overflow:hidden}
.scene-caption{padding:2px 4px 20px;color:#aab7c9;letter-spacing:.08em;text-transform:uppercase}
.trade-copy{align-self:center;padding:clamp(18px,2vw,34px) 0}
.trade-copy .trade-number{display:block;margin-bottom:28px;color:#c7accb;letter-spacing:.12em;text-transform:uppercase}
.trade-copy h3{font-size:clamp(42px,4.2vw,66px);line-height:1.02;text-wrap:balance}
.trade-copy>p{max-width:49ch;margin-top:28px;color:#bdc8d8;font-size:15px;line-height:1.8}
.trade-copy ul{margin:30px 0;padding:0;list-style:none;border-top:1px solid rgba(195,210,230,.14)}
.trade-copy li{padding:14px 0;border-bottom:1px solid rgba(195,210,230,.14);color:#d5dce8;font-size:13px}
.trade-copy li:before{content:"";display:inline-block;width:6px;height:6px;margin:0 14px 1px 0;border-radius:50%;background:linear-gradient(135deg,var(--opal-blue),var(--opal-rose))}
.explorer-footer{border-top:1px solid rgba(195,210,230,.14);padding-top:22px}

.market-story{padding-inline:max(6vw,calc((100vw - 1540px)/2));background:
  radial-gradient(circle at 84% 16%,rgba(155,124,169,.12),transparent 31%),#0c1626}
.market-heading,.execution-tabs,.execution-explorer,.execution-note{max-width:1540px;margin-left:auto;margin-right:auto}
.market-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);align-items:end}
.market-heading h2{font-size:clamp(48px,5vw,76px);letter-spacing:-.055em}
.market-heading>p{justify-self:end;max-width:36ch;font-size:15px}
.execution-tabs{margin-top:54px;margin-bottom:0;padding-bottom:24px;border-bottom:1px solid rgba(193,208,228,.15)}
.execution-tabs button{border-radius:999px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.execution-tabs button:hover{transform:translateY(-2px);border-color:rgba(221,204,225,.6)}
.execution-explorer{grid-template-columns:minmax(0,1.15fr) minmax(360px,.72fr);gap:clamp(42px,5vw,86px);padding:46px 0;border:0}
.execution-picture{padding:28px;border-radius:28px;background:
  radial-gradient(circle at 58% 40%,rgba(130,153,194,.13),transparent 40%),
  linear-gradient(145deg,rgba(16,32,53,.96),rgba(10,20,35,.9));box-shadow:0 34px 80px rgba(3,8,18,.3),inset 0 1px rgba(255,255,255,.035)}
.execution-copy{align-self:center}
.execution-copy>span{letter-spacing:.12em;text-transform:uppercase}
.execution-copy h3{font-size:clamp(42px,4.2vw,66px);line-height:1.02;margin:26px 0}
.execution-copy>p{max-width:49ch;font-size:15px;line-height:1.8}
.execution-detail{margin:30px 0;padding:18px 22px;border-left:2px solid #c5a9c9;background:linear-gradient(90deg,rgba(194,163,199,.1),transparent)}

@media(max-width:1100px){
  .journey .sticky,.trade-view,.execution-explorer{grid-template-columns:1fr;gap:34px}
  .journey{height:auto}.journey .sticky{position:relative;height:auto;min-height:0;padding-block:120px 90px}.journey-top{top:76px}
  .steps{height:330px;order:-1}.route-art{margin-top:0}
  .trade-scene{min-height:480px}.trade-copy,.execution-copy{max-width:720px}
}
@media(max-width:760px){
  header nav{gap:8px}
  .nav-account,.nav-login{margin-left:0}
  .perspective-heading,.market-heading{display:block}.perspective-heading>p,.market-heading>p{margin-top:20px}
  .trade-explorer{margin-top:42px}.trade-tabs{grid-template-columns:1fr}.trade-tabs button+button{border-left:0}.trade-tabs button{min-height:64px}
  .trade-view{padding-top:28px}.trade-scene{min-height:0;padding:18px;border-radius:20px}
  .journey .sticky{padding-inline:6vw}.route-art{padding:16px;border-radius:20px}.steps{height:350px}.step{padding-left:28px}
  .execution-picture{padding:16px;border-radius:20px}.execution-tabs{gap:8px}.execution-tabs button{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){.nav-account,.nav-login,.trade-tabs button:after,.execution-tabs button{transition:none}}

/* Structured financial diagrams: square geometry and motion that follows actual routes. */
.route-art{position:relative;border-radius:3px;background-color:#0c1829;background-image:linear-gradient(rgba(172,194,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(172,194,220,.035) 1px,transparent 1px);background-size:42px 42px;box-shadow:18px 18px 0 rgba(3,10,20,.22);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.route-art:before{inset:0;background:linear-gradient(135deg,transparent 49.8%,rgba(156,200,227,.08) 50%,transparent 50.2%)}
.execution-fabric{display:block;width:100%;height:auto}.fabric-grid path{stroke:rgba(155,180,211,.12);stroke-width:1}.fabric-labels,.fabric-foot{fill:#8497ae;font-size:11px;letter-spacing:2px}.fabric-rails path{stroke:rgba(153,177,207,.32);stroke-width:2}.fabric-packets path{stroke:url(#rg);stroke-width:3;stroke-dasharray:5 24;animation:fabric-flow 4s linear infinite}.fabric-sources rect{fill:#101e31;stroke:#8ea6c4;stroke-width:2}.fabric-core>rect:first-child{fill:#12233a;stroke:#c3b0d5;stroke-width:2}.fabric-core>path{stroke:rgba(184,201,221,.18);stroke-width:1}.fabric-core text{fill:#e4eaf3;font-size:15px;letter-spacing:2px}.fabric-core text:last-child{fill:#9badc2;font-size:10px}.fabric-core .core-scan{fill:url(#rg);opacity:.75;animation:core-scan 3.2s cubic-bezier(.4,0,.2,1) infinite}.route-labels{border-top:1px solid rgba(177,195,219,.2)}
.trade-scene{border-radius:3px;background-color:#0c1829;background-image:linear-gradient(rgba(172,194,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(172,194,220,.04) 1px,transparent 1px);background-size:48px 48px;box-shadow:16px 16px 0 rgba(3,10,20,.2);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.scene-controls button,.explorer-motion,.journey-controls button{border-radius:2px}.scene-controls [aria-pressed=true]{background:linear-gradient(90deg,rgba(156,200,227,.16),rgba(190,169,211,.12))}.trade-copy li:before{border-radius:0;transform:rotate(45deg)}
@keyframes fabric-flow{to{stroke-dashoffset:-116}}@keyframes core-scan{0%,10%{transform:translateX(0)}70%,100%{transform:translateX(160px)}}
@media(prefers-reduced-motion:reduce){.fabric-packets path,.fabric-core .core-scan{animation:none}}

/* Performance pass: pre-rendered glass, native scrolling, and curved surfaces. */
.route-art.liquid-art{display:block;position:relative;width:100%;height:min(60vh,620px);min-height:440px;margin:0;padding:0;border:1px solid rgba(192,207,228,.15);border-radius:38px;background:#071326;box-shadow:0 34px 85px rgba(2,8,18,.28),inset 0 1px rgba(255,255,255,.04);clip-path:none;overflow:hidden;isolation:isolate;animation:liquid-scroll linear both;animation-timeline:view();animation-range:entry 5% cover 70%}
.route-art.liquid-art:before{display:none}.route-art.liquid-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:67% 50%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease}.route-art.liquid-art>span{position:absolute;left:28px;bottom:24px;color:#b9c5d6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.route-art.liquid-art:hover img,.route-art.liquid-art.is-shifted img{transform:scale(1.045) translate3d(-1.5%,0,0);filter:saturate(1.08) brightness(1.06)}.route-art.liquid-art:active{transform:scale(.995)}
.trade-scene{border-radius:34px;background:radial-gradient(ellipse at 58% 42%,rgba(117,103,157,.17),transparent 48%),linear-gradient(145deg,rgba(13,29,48,.94),rgba(10,20,35,.86));background-size:auto;box-shadow:0 32px 80px rgba(3,8,18,.26),inset 0 1px rgba(255,255,255,.04);clip-path:none}
.locate-architecture{transition:transform .8s cubic-bezier(.22,1,.36,1)}.route-scene:hover .locate-architecture{transform:scale(1.018)}
@keyframes liquid-scroll{from{transform:translate3d(0,28px,0);opacity:.7}to{transform:translate3d(0,-18px,0);opacity:1}}
@media(max-width:800px){.route-art.liquid-art{height:330px;min-height:300px;border-radius:26px}.route-art.liquid-art>span{left:20px;bottom:18px}.trade-scene{border-radius:26px}}
@media(prefers-reduced-motion:reduce){.route-art.liquid-art{animation:none}.route-art.liquid-art img,.locate-architecture{transition:none}}

/* Keep the glass artwork open and the navigation stable while scrolling. */
.trade-scene.route-scene{border:0;background:radial-gradient(ellipse at 52% 50%,rgba(112,95,151,.18),transparent 68%);box-shadow:none}
.grid{display:none}
header,header.scrolled{top:22px;left:4%;right:4%;max-width:1550px;height:75px;padding:0 25px;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);transition:background .25s ease,box-shadow .25s ease}
header.scrolled .logo{width:200px}
header.scrolled nav{gap:clamp(14px,1.7vw,30px)}
@media(max-width:800px){header,header.scrolled{top:12px;left:4%;right:4%;height:65px;padding:0 19px}header.scrolled .logo{width:177px}header.scrolled nav{top:75px}}

/* Open kinetic compositions: no card, no static artwork. */
.kinetic-field{position:relative;width:116%;height:min(67vh,680px);min-height:500px;margin-left:-10%;padding:0;border:0;background:transparent;color:#afbed1;overflow:visible;isolation:isolate}
.kinetic-field>span{position:absolute;left:11%;bottom:5%;font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.68}
.kinetic-sculpture{display:block;width:100%;height:100%;overflow:visible;transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.kinetic-halo{fill:none;stroke:#b9c9df;stroke-width:1;opacity:.13;transform-origin:365px 315px;animation:kinetic-orbit 24s linear infinite}
.kinetic-halo ellipse+ellipse{stroke-dasharray:4 13;opacity:.65}
.kinetic-ribbons path{stroke:url(#kinetic-glass);stroke-width:38;opacity:.23;transform-origin:365px 315px;animation:kinetic-breathe 9s ease-in-out infinite alternate}
.kinetic-ribbons path:nth-child(2){stroke-width:25;animation-delay:-3s}.kinetic-ribbons path:nth-child(3){stroke-width:17;animation-delay:-6s}
.kinetic-threads path{stroke-width:1.7;stroke-dasharray:3 13;animation:kinetic-flow 5s linear infinite}.kinetic-threads path:nth-child(2){animation-duration:6.5s}.kinetic-threads path:nth-child(3){animation-duration:8s}
.kinetic-points circle{fill:#efe1ee;stroke:#a5deed;stroke-width:1.5;filter:drop-shadow(0 0 12px #c8b4ed);animation:kinetic-node 3s ease-in-out infinite alternate}.kinetic-points circle:nth-child(2){animation-delay:-1s}.kinetic-points circle:nth-child(3){animation-delay:-2s}
.kinetic-field.is-shifted .kinetic-sculpture{transform:translate3d(calc(var(--mx,0) + 22px),calc(var(--my,0) - 12px),0) rotate(4deg)}
.trade-scene.route-scene{min-height:530px;padding:0;overflow:visible;background:transparent}.route-scene .scene-caption{position:absolute;z-index:2;top:2%;left:0;right:0}.route-scene .locate-architecture{width:112%;margin:3% 0 0 -8%;overflow:visible;filter:none;transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.route-scene:hover .locate-architecture{transform:translate3d(var(--mx,0),var(--my,0),0)}
.source-orbits path{stroke:#a99fc8;stroke-width:1.15;opacity:.25;stroke-dasharray:2 12}.locate-ribbons path{stroke:#8aa6c7;stroke-width:22;opacity:.06}.locate-streams path{stroke-width:2.2;stroke-dasharray:3 15;opacity:.8;animation:locate-flow 5s linear infinite}.locate-streams path:nth-child(2){animation-delay:-1.2s}.locate-streams path:nth-child(3){animation-delay:-2.4s}.locate-streams path:nth-child(4){animation-delay:-3.6s}.opal-aperture{transform-origin:395px 214px;animation:aperture-drift 9s ease-in-out infinite alternate}.opal-aperture path{stroke-width:1.15;opacity:.55}.locate-points circle{fill:#eee1ef;stroke:#a7dbea;stroke-width:1.5;filter:drop-shadow(0 0 9px #baa6dd);animation:kinetic-node 2.8s ease-in-out infinite alternate}.locate-architecture .graph-labels{fill:#9eb1c7;font-size:9px;letter-spacing:1.8px}.locate-architecture .graph-labels text{stroke:#101a2b;stroke-width:3px}
@keyframes kinetic-orbit{to{transform:rotate(360deg)}}@keyframes kinetic-breathe{to{transform:scale(1.035) rotate(2deg);opacity:.34}}@keyframes kinetic-flow{to{stroke-dashoffset:-96}}@keyframes locate-flow{to{stroke-dashoffset:-108}}@keyframes aperture-drift{to{transform:rotate(7deg) scale(1.04)}}@keyframes kinetic-node{to{opacity:.48;transform:scale(.86)}}
@media(max-width:800px){.kinetic-field{width:112%;height:340px;min-height:320px;margin-left:-6%}.kinetic-field>span{left:7%}.trade-scene.route-scene{min-height:360px}.route-scene .locate-architecture{width:108%;margin:8% 0 0 -4%}}
@media(prefers-reduced-motion:reduce){.kinetic-halo,.kinetic-ribbons path,.kinetic-threads path,.kinetic-points circle,.locate-streams path,.opal-aperture,.locate-points circle{animation:none}.kinetic-sculpture,.route-scene .locate-architecture{transition:none}}

/* Restrained computational fields: one readable idea, no decorative card chrome. */
.journey{height:205vh;background:#0a1424}
.journey .sticky{grid-template-columns:minmax(0,1.18fr) minmax(340px,.72fr);gap:clamp(52px,7vw,118px)}
.journey-visual,.journey .steps{min-width:0}
.journey-visual{position:relative;width:100%;height:min(62vh,600px);min-height:460px;margin:0;overflow:visible}
.journey-visual canvas,#locate-field{display:block;width:100%;height:100%}
.field-rail{position:absolute;left:0;right:0;bottom:2%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;color:#75879d;font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.field-rail:before{content:"";position:absolute;left:0;right:0;top:-13px;height:1px;background:linear-gradient(90deg,#8296aa55,#aacddd88,#d4aa7e88)}
.field-rail span{display:grid;gap:4px}.field-rail b{font-weight:500;color:#aebdcd}
.trade-scene.route-scene{min-height:500px;padding:0;background:transparent;overflow:visible}.route-scene #locate-field{position:absolute;inset:4% 0 0;width:100%;height:94%}.route-scene .scene-caption{top:0}
.perspectives,.technology,.market-story,.pricing,.contact{content-visibility:auto;contain-intrinsic-size:auto 900px}
@media(max-width:1100px){.journey .sticky{grid-template-columns:1fr;grid-template-rows:auto 380px;gap:20px}.journey .steps{height:260px}.journey-visual{height:380px;min-height:340px}}
@media(max-width:800px){.journey .sticky{grid-template-rows:auto 320px}.journey-visual{height:320px;min-height:300px}.field-rail{gap:8px;font-size:6px}.trade-scene.route-scene{min-height:360px}.route-scene #locate-field{inset:7% 0 0;width:100%;height:90%}}

/* Full-width at rest, compact glass capsule while reading. */
html{scroll-padding-top:110px}
.perspectives,.technology,.market-story,.pricing,.contact{content-visibility:visible}
header{top:12px;left:50%;right:auto;width:calc(100% - 32px);max-width:none;margin:0;height:82px;padding:0 4%;border-radius:42px;transform:translateX(-50%);transition:top .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}
header.scrolled{top:18px;left:50%;right:auto;width:min(92%,1180px);max-width:none;height:68px;padding:0 24px;border-radius:42px;transform:translateX(-50%)}
header.scrolled .logo{width:178px}header.scrolled nav{gap:clamp(13px,1.45vw,24px)}header.scrolled .nav-account,header.scrolled .nav-login{padding-top:9px;padding-bottom:9px}
@media(max-width:800px){header,header.scrolled{top:10px;left:50%;right:auto;width:92%;height:65px;padding:0 19px;border-radius:34px;transform:translateX(-50%)}header.scrolled .logo{width:160px}header.scrolled nav{top:75px}}
@media(min-width:801px){header,header.scrolled{width:var(--nav-width,calc(100% - 32px));height:var(--nav-height,82px);top:var(--nav-top,12px);padding-inline:var(--nav-padding,4%);transition:width .12s linear,height .12s linear,top .12s linear,padding .12s linear,background .3s ease,box-shadow .3s ease}}

.portal-page{min-height:100dvh;background:
  radial-gradient(circle at 16% 12%,rgba(110,153,194,.2),transparent 31%),
  radial-gradient(circle at 88% 78%,rgba(184,132,164,.14),transparent 32%),#091321;color:#eef2f8}


.portal-main{min-height:100dvh;display:grid;place-items:center;padding:clamp(138px,15vh,175px) 6vw 70px}
.portal-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);overflow:hidden;border:1px solid rgba(196,211,231,.18);border-radius:32px;background:rgba(12,25,42,.88);box-shadow:0 34px 90px rgba(1,7,16,.34),inset 0 1px rgba(255,255,255,.04)}
.portal-intro{position:relative;min-height:610px;padding:clamp(42px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 20% 25%,rgba(111,153,195,.18),transparent 42%),linear-gradient(145deg,rgba(36,56,84,.9),rgba(21,31,52,.92))}
.portal-intro:before,.portal-intro:after{content:"";position:absolute;border:1px solid rgba(183,202,228,.16);border-radius:50%;pointer-events:none}.portal-intro:before{width:520px;height:250px;right:-260px;top:40px;transform:rotate(-35deg)}.portal-intro:after{width:420px;height:180px;left:-230px;bottom:80px;transform:rotate(28deg)}
.portal-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b9c6d8}
.portal-intro{container-type:inline-size}
.portal-intro .portal-headline{max-width:none;font-size:clamp(24px,10.8cqi,58px);line-height:1.12;letter-spacing:-.045em;text-wrap:initial}
.portal-headline>span{display:block;white-space:nowrap}
.portal-intro p{position:relative;z-index:1;max-width:43ch;color:#bec9d8;font-size:14px;line-height:1.8}
.portal-trust{display:grid;gap:12px;font-size:12px;color:#aab9cd}
.portal-trust span{display:flex;align-items:center;gap:10px}.portal-trust i{width:8px;height:8px;border:1px solid #9dc9e2;background:transparent;transform:rotate(45deg)}
.portal-panel{padding:clamp(42px,5vw,72px);align-self:center}
.portal-panel h2{font-size:clamp(34px,3.5vw,50px);line-height:1.05;letter-spacing:-.045em;margin-top:22px}
.portal-panel>.lede{margin:18px 0 34px;color:#aebdce;font-size:14px}
.portal-form{display:grid;gap:20px}.portal-form label,.question-form label{display:grid;gap:9px;color:#cdd7e4;font-size:12px;letter-spacing:.01em}
.portal-form input,.question-form input,.question-form select,.question-form textarea{width:100%;min-height:52px;border:1px solid rgba(190,207,228,.22);border-radius:10px;background:rgba(4,12,23,.45);color:#eef2f8;padding:13px 15px;font:inherit;transition:border-color .2s,background .2s,box-shadow .2s}
.portal-form input:focus,.question-form input:focus,.question-form select:focus,.question-form textarea:focus{outline:0;border-color:#9cc8e3;background:rgba(7,17,31,.7);box-shadow:0 0 0 4px rgba(156,200,227,.1)}
.portal-form input::placeholder,.question-form input::placeholder,.question-form textarea::placeholder{color:#71849b}
.portal-action{min-height:54px;border:0;border-radius:10px;background:#eef2f7;color:#12243a;font-weight:600;transition:transform .2s,background .2s}.portal-action:hover{transform:translateY(-2px);background:#fff}.portal-action:active{transform:translateY(0)}
.portal-action.secondary{background:transparent;color:#d8e1ed;border:1px solid rgba(190,207,228,.25)}
.portal-status{min-height:22px;color:#e5b8ae;font-size:12px;line-height:1.6}.portal-status.success{color:#a9d7c5}
.portal-note{margin-top:28px;padding-top:24px;border-top:1px solid rgba(190,207,228,.14);color:#8799ae;font-size:11px;line-height:1.7}.portal-note a{color:#d5deea;text-decoration:underline;text-underline-offset:4px}

.questionnaire-main{min-height:calc(100dvh - 105px);padding:48px max(5vw,calc((100vw - 1480px)/2)) 100px}
.questionnaire-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.questionnaire-head h1{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.055em}.questionnaire-head p{max-width:48ch;margin-top:16px;color:#9fb0c5;font-size:14px}
.questionnaire-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.question-nav{position:sticky;top:105px;padding:24px;border:1px solid rgba(190,207,228,.16);border-radius:22px;background:rgba(11,24,41,.72)}
.question-progress{height:3px;margin-bottom:25px;border-radius:3px;background:#29384d;overflow:hidden}.question-progress i{display:block;width:20%;height:100%;background:linear-gradient(90deg,#8fc2df,#dfb49f);transition:width .35s ease}
.question-nav ol{display:grid;gap:4px;margin:0;padding:0;list-style:none;counter-reset:steps}.question-nav li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;color:#788aa0;font-size:12px}.question-nav li:before{counter-increment:steps;content:"0" counter(steps);font-variant-numeric:tabular-nums}.question-nav li.active{background:rgba(255,255,255,.045);color:#edf2f7}.question-nav small{display:block;margin-top:22px;color:#71849a;line-height:1.6}
.question-card{padding:clamp(28px,4vw,58px);border:1px solid rgba(190,207,228,.16);border-radius:26px;background:rgba(12,25,42,.78);box-shadow:0 30px 90px rgba(1,7,16,.28)}
.question-card fieldset{display:none;margin:0;padding:0;border:0}.question-card fieldset.active{display:block;animation:question-in .45s cubic-bezier(.2,.8,.2,1)}
.question-card legend{margin-bottom:10px;font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.045em}.step-description{max-width:62ch;margin-bottom:30px;color:#9fb0c5;font-size:14px}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.question-grid .full{grid-column:1/-1}.question-form textarea{min-height:120px;resize:vertical}.question-form option{color:#12243a}
.sensitive-note{grid-column:1/-1;padding:14px 16px;border-left:2px solid #d9b3a1;background:rgba(217,179,161,.06);color:#aebdce;font-size:11px;line-height:1.65}
.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:12px!important}.check-row input{width:18px!important;min-height:18px!important;margin-top:2px;padding:0}.check-row a{text-decoration:underline;text-underline-offset:3px}
.question-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(190,207,228,.14)}.question-actions>div{display:flex;gap:10px}.question-actions button{min-height:46px;padding:0 20px;border-radius:9px}
.save-state{font-size:11px;color:#8496ac}.portal-logout{border:0;background:transparent;color:#aebed1;text-decoration:underline;text-underline-offset:4px}
@keyframes question-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-intro{min-height:360px}.portal-intro h1{max-width:11ch}.questionnaire-layout{grid-template-columns:1fr}.question-nav{position:relative;top:auto}.question-nav ol{grid-template-columns:repeat(5,1fr)}.question-nav li{display:grid;gap:5px;padding:8px;font-size:10px}}
@media(max-width:650px){.portal-page header nav{top:75px}.portal-main{padding:108px 16px 40px}.portal-shell{border-radius:22px}.portal-intro,.portal-panel{padding:32px 24px}.questionnaire-main{padding-inline:16px}.questionnaire-head{display:block}.questionnaire-head .portal-logout{margin-top:22px}.question-nav ol{grid-template-columns:1fr}.question-nav li{display:flex}.question-grid{grid-template-columns:1fr}.question-grid .full{grid-column:auto}.question-card{padding:28px 20px;border-radius:20px}.question-actions{align-items:flex-start;flex-direction:column-reverse}.question-actions>div{width:100%}.question-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.question-card fieldset.active{animation:none}.portal-action,.question-progress i{transition:none}}

[hidden]{display:none!important}.login-tools{display:flex;justify-content:space-between;gap:18px;margin-top:12px;font-size:12px;color:#bec9d8}.login-tools button{border:0;background:none;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px}.portal-action:disabled{opacity:.6;cursor:wait;transform:none}.portal-panel{min-width:0}.portal-status{overflow-wrap:anywhere}.portal-form select{min-height:52px;background:#101c32;color:#eef2f8;border:1px solid #617083;border-radius:10px;padding:13px 15px;font:inherit}
.login-tools{flex-wrap:wrap;gap:16px 24px;margin-top:20px}.login-tools button{min-height:44px;padding:10px 0}.portal-form{gap:24px}.portal-form .portal-action{margin-top:8px}.portal-panel h2{margin-bottom:18px}.nav-login{margin-left:0}
html{-webkit-text-size-adjust:100%}
.password-visibility{justify-self:start;min-height:44px;margin-top:-18px;padding:8px 0;border:0;background:transparent;color:#bec9d8;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.password-visibility:focus-visible{outline:2px solid #b8d5e9;outline-offset:4px}
.portal-form[data-password-setup=true]{gap:16px}
.portal-form[data-password-setup=true] .password-visibility{margin-top:-10px}
.portal-panel:has(.portal-form[data-password-setup=true]) h2{font-size:clamp(28px,3vw,36px);line-height:1.15}
.password-guidance{--password-feedback:#e2a8b4;min-width:0;padding:14px;border:1px solid #40556f;border-radius:8px;background:#102033}
.password-guidance[data-state=complete]{--password-feedback:#a6d9bc}
.password-guidance[data-state=empty],.password-guidance[data-state=unknown]{--password-feedback:#b7cadc}
.password-quality{margin:0;color:var(--password-feedback);font-size:13px;line-height:1.6}
.password-guidance meter{display:block;width:100%;height:7px;margin:10px 0 12px;border:0;border-radius:4px;background:#2b3c51}
.password-guidance meter::-webkit-meter-bar{border:0;border-radius:4px;background:#2b3c51;box-shadow:none}
.password-guidance meter::-webkit-meter-optimum-value,.password-guidance meter::-webkit-meter-suboptimum-value,.password-guidance meter::-webkit-meter-even-less-good-value{background:var(--password-feedback);border-radius:4px;transition:width .15s,background .15s}
.password-guidance meter::-moz-meter-bar{background:var(--password-feedback);border-radius:4px}
.password-requirements{display:grid;gap:5px;list-style:none;padding:0;margin:0}
.password-requirements li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;color:#c8d5e5;font-size:12px;line-height:1.5}
.password-rule-result{color:#e2a8b4;font-size:12px;white-space:nowrap}
.password-requirements [data-met=true] .password-rule-result{color:#a6d9bc}
.password-guidance[data-state=empty] .password-rule-result{color:#a8b9cc}
.password-policy-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #3b4f67;color:#aabed1;font-size:12px;line-height:1.6}
.password-match{margin:-6px 0 0;min-height:18px;color:#b7cadc;font-size:12px;line-height:1.5}
.password-match[data-state=incomplete]{color:#e2a8b4}.password-match[data-state=complete]{color:#a6d9bc}
@media(prefers-reduced-motion:reduce){.password-guidance meter::-webkit-meter-optimum-value{transition:none}}
#portal-status+button{min-height:44px;padding:10px 18px;border:1px solid #617083;border-radius:10px;background:#101c32;color:#eef2f8;font:inherit;cursor:pointer}
@media(max-width:800px){
  .portal-page header{top:calc(10px + env(safe-area-inset-top,0px))}
  .portal-page .portal-main{padding-top:calc(110px + env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
  .portal-page header .logo{width:170px;max-width:calc(100vw - 150px);height:auto}
  .portal-page .menu{min-height:44px;min-width:52px}
  .portal-page header nav{max-height:calc(100dvh - 120px - env(safe-area-inset-top,0px));overflow:auto}
  .portal-form input,.portal-form select,.portal-form textarea{font-size:16px}
  .portal-intro{min-height:0}.portal-intro h1{font-size:clamp(34px,9vw,48px)}
  .portal-panel,.portal-intro{padding:28px 22px}
}