@import url('assets/fonts.css');
:root{--ink:#071a33;--navy:#071a33;--raised:#0b2444;--cyan:#62d8ff;--paper:#f7f9fc;--muted:#4e617f;--line:#dbe3ec;--display:'Instrument Sans',sans-serif;--body:'Manrope',sans-serif;--ease:cubic-bezier(.22,.68,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #078ce4;outline-offset:5px}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:10;color:var(--ink)}.skip:focus{top:10px}.wrap{width:calc(100% - 144px);max-width:1440px;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;height:106px;position:relative;z-index:5;gap:35px}.logo{display:block;width:134px;height:33.5px;object-fit:contain}.nav-links{display:flex;gap:32px;font-size:12px}.nav-links a{padding:10px 0;opacity:.84}.nav-links a:hover{opacity:1}.nav .cta{font-size:12px;min-height:43px;padding:5px 5px 5px 19px;gap:18px}.nav .cta i{width:31px;height:31px;font-size:17px}.mobile-menu{display:none}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;min-height:56px;padding:6px 6px 6px 23px;border-radius:999px;font-weight:600;font-size:13px;transition:transform .3s var(--ease),background .3s var(--ease)}.cta i{display:grid;place-items:center;width:42px;height:42px;background:#ffffff18;border-radius:50%;font-style:normal;font-size:22px;transition:transform .3s var(--ease)}.cta:hover{transform:translateY(-2px)}.cta:hover i{transform:rotate(8deg)}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;font-weight:600;padding:12px 0;border-bottom:1px solid currentColor}.actions{display:flex;align-items:center;gap:28px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600}.hero h1{font-size:102px;line-height:1.01;letter-spacing:-5px}.hero .support{font-size:18px;line-height:1.65}.fig-note{font-size:10px;letter-spacing:.15px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px;padding:26px 0}.hero-foot .small{font-size:10px;opacity:.7}.hero-foot p{max-width:420px}.intro h2{font-size:56px;line-height:1.08;letter-spacing:-2px}.intro p{font-size:15px;line-height:1.75;max-width:470px;color:var(--muted)}.intro .eyebrow{font-size:10px}.intro h2+.sub{margin-top:25px}.principle h3{font-size:28px;line-height:1.15;letter-spacing:-.8px}.principle p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px}.section{padding:96px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.section-title h2{font-size:55px;line-height:1.1;letter-spacing:-2px;margin-top:17px}.section-title>p{font-size:12px;max-width:220px;color:var(--muted)}.section-title .eyebrow{font-size:10px}.system-names{font-size:12px;display:flex;gap:20px}.rule{height:1px;background:var(--line)}
/* A — a panoramic image integrated with one centered promise. */
.a{background:#080f1e}.a .masthead{position:relative;color:var(--paper);background:#080f1e;isolation:isolate;overflow:hidden}.a .nav{border-bottom:1px solid #ffffff17}.a .nav .cta{background:var(--paper);color:var(--ink)}.a .nav .cta i{background:var(--ink);color:var(--cyan)}.a .hero{height:805px;position:relative;text-align:center;padding-top:65px;isolation:isolate}.a .hero-art{position:absolute;inset:0;z-index:-2;margin:0}.a .hero-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.a .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080f1e 0%,#080f1e00 22%)}.a .hero h1{max-width:980px;margin:22px auto 23px;font-weight:450}.a .hero h1 em{font-style:normal;color:var(--paper)}.a .hero .eyebrow{color:#b6c2d8;display:inline-flex;gap:9px;align-items:center}.a .hero .eyebrow::before{content:'';height:5px;width:5px;background:var(--cyan);border-radius:50%}.a .hero .support{max-width:630px;margin:auto;color:#c3cfe4}.a .hero .actions{justify-content:center;margin-top:27px}.a .hero .cta{background:var(--paper);color:var(--ink);box-shadow:0 9px 30px #0003}.a .hero .cta i{background:var(--ink);color:var(--cyan)}.a .hero .text-link{border-color:#ffffff60}.a .hero .fig-note{position:absolute;bottom:30px;left:0;right:0;color:#bbc9dd}.a .hero-foot{border-top:1px solid #ffffff1f;color:#e3ebf6}.a .hero-foot p:last-child{text-align:right}.a .thesis{background:var(--paper);color:var(--ink)}.a .thesis-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:110px}.a .intro h2{margin-top:27px;font-size:54px}.a .intro .sub{max-width:410px}.a .principles{padding-top:8px}.a .principle{padding:27px 0 31px;border-top:1px solid #bdcbd9}.a .principle:last-child{padding-bottom:0}.a .principle h3{display:flex;align-items:baseline;gap:18px}.a .principle h3::before{content:'↗';font-size:19px;color:#346487}.a .principle p{padding-left:37px}.a .practice{background:white;color:var(--ink);border-top:1px solid #dbe3ec}.a .practice-grid{display:grid;grid-template-columns:.8fr 1.25fr;gap:90px;margin-top:50px}.a .practice-copy h3{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:19px 0}.a .practice-copy p{font-size:14px;line-height:1.8;color:var(--muted)}
/* B — enormous asymmetric type, a light material sculpture and a dark proof. */
.b{background:var(--paper)}.b .nav{border-bottom:1px solid #071a3318}.b .hero{height:805px;position:relative;isolation:isolate;padding-top:53px}.b .hero h1{font-size:113px;line-height:1.04;letter-spacing:-6px;max-width:1190px;position:relative;z-index:2}.b .hero h1 span{display:block}.b .hero h1 em{font-style:normal;color:#0d4064}.b .hero-art{position:absolute;right:-50px;top:205px;width:74%;height:560px;z-index:-1;margin:0}.b .hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.b .hero .hero-copy{position:absolute;left:0;top:404px;max-width:324px}.b .hero .support{font-size:19px;line-height:1.65}.b .hero .actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:28px}.b .hero .fig-note{position:absolute;bottom:20px;right:0;text-align:right;color:var(--muted)}.b .hero-foot{border-top:1px solid #071a3318;padding:23px 0}.b .hero-foot .small{color:var(--muted)}.b .thesis{background:var(--navy);color:var(--paper)}.b .thesis-layout{display:block}.b .intro{display:grid;grid-template-columns:.35fr 1.3fr;column-gap:100px}.b .intro .eyebrow{color:var(--cyan);padding-top:9px}.b .intro h2{font-size:55px;max-width:890px}.b .intro .sub{grid-column:2;font-size:16px;color:#b6c2d8;margin-top:24px;max-width:760px}.b .principles{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:58px;margin:65px 0 0 0}.b .principle{border-top:1px solid #42607e;padding-top:25px}.b .principle h3{font-size:32px;letter-spacing:-1px;max-width:350px}.b .principle p{color:#b6c2d8;font-size:13px}.b .practice{background:#edf3f8}.b .practice-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;margin-top:44px}.b .practice-copy h3{font-size:43px;line-height:1.1;letter-spacing:-1.5px;margin:17px 0}.b .practice-copy p{font-size:14px;color:var(--muted)}
/* C — flat typography becomes the operating structure. */
.c{background:var(--cyan)}.c .nav{border-bottom:1px solid #071a3335}.c .logo{background:var(--paper);padding:6px 10px;width:144px;height:36px;box-sizing:content-box}.c .nav .cta{background:var(--navy);color:var(--paper)}.c .hero{padding-top:41px;position:relative}.c .hero h1{font-size:155px;line-height:.95;letter-spacing:-8px;font-weight:600}.c .hero h1>span{display:block}.c .hero h1 .build{font-size:83px;font-weight:450;letter-spacing:-4px;margin-bottom:20px}.c .hero h1 .operating{background:var(--navy);color:var(--paper);width:calc(100% - 132px);margin-left:132px;padding:4px 26px 18px;position:relative}.c .hero h1 .operating::before{content:'';position:absolute;left:-132px;top:0;width:108px;height:100%;background:var(--navy)}.c .hero h1 .advantage{padding-top:13px;padding-left:0}.c .hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin:38px 0 43px;align-items:center}.c .hero .support{max-width:460px;font-size:18px}.c .hero .actions{justify-content:flex-end}.c .hero .cta{background:var(--paper);color:var(--navy)}.c .hero .cta i{background:var(--navy);color:var(--cyan)}.c .hero-foot{border-top:1px solid #071a3335}.c .hero-foot>p:first-child{max-width:550px}.c .hero-foot strong{font-weight:600}.c .hero .fig-note{font-size:10px;color:#1d4868;margin-top:8px}.c .thesis{background:var(--paper)}.c .thesis-layout{display:block}.c .intro{display:grid;grid-template-columns:1.5fr .65fr;gap:32px 100px}.c .intro .eyebrow{grid-column:1/-1}.c .intro h2{font-size:52px;max-width:810px}.c .intro .sub{font-size:17px;margin-top:7px}.c .principles{margin-top:60px;display:flex;flex-direction:column}.c .principle{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;padding:30px 0;border-top:1px solid #aebfcf}.c .principle h3{font-size:40px;font-weight:450;letter-spacing:-1.4px}.c .principle p{font-size:14px;margin-top:2px}.c .practice{background:var(--navy);color:var(--paper)}.c .practice .section-title>p{color:#b6c2d8}.c .practice .section-title .eyebrow{color:var(--cyan)}.c .practice-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:47px}.c .practice-copy h3{font-size:42px;line-height:1.1;letter-spacing:-1.3px;margin:17px 0}.c .practice-copy p{font-size:14px;color:#b6c2d8}.c .system-links{color:#b6c2d8}
/* A readable original Atlas example, no miniature dashboard. */
.message-board{background:white;border-radius:18px;padding:27px 29px;color:var(--navy);box-shadow:0 20px 60px #071a330c,0 0 0 1px #071a330c}.message-top{font-size:11px;display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid #e3eaf1;padding-bottom:21px}.message{display:grid;grid-template-columns:34px 1fr;gap:13px;margin-top:26px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#eaf0f6;border-radius:7px;font:600 15px var(--display)}.avatar.agent{background:var(--navy);color:var(--cyan)}.message-name{font-size:12px;font-weight:700;display:flex;gap:12px;align-items:center}.message-name small{font-size:10px;color:var(--muted);font-weight:400}.message p{font-size:14px;line-height:1.65;margin-top:8px}.message .mention{color:#08709a;background:#e8f7ff;padding:2px 3px;border-radius:3px}.message-status{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.message-status span{font-size:10px;padding:5px 9px;border-radius:5px;background:#eef4f8;color:#264664}.message-status span:last-child{background:#dcf5ff;color:#0d4760}.board-bottom{margin-top:26px;padding-top:17px;border-top:1px solid #e3eaf1;color:var(--muted);font-size:10px}.system-links{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;margin-top:30px;color:var(--muted)}.system-links b{color:inherit;font-weight:600}.concept-notes{padding:60px 0;background:#eaf0f6;color:var(--navy)}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:25px}.concept-notes h2{font-size:34px;line-height:1.1;letter-spacing:-1px}.concept-notes h3{font-size:22px;line-height:1.2}.concept-notes p,.concept-notes li{font-size:13px;color:var(--muted);margin-top:12px}.concept-notes ul{padding-left:18px}.return-nav{background:#071a33;color:white;font-size:12px;padding:19px 30px;display:flex;justify-content:space-between;gap:25px}.return-nav a{text-decoration:underline;text-underline-offset:4px}.tokens{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:35px;padding-top:30px;border-top:1px solid #bfccd9}.swatches{display:flex;height:40px;max-width:440px;margin-top:15px}.swatches i{flex:1}.token-type{font:500 34px/1.1 var(--display);letter-spacing:-1px}.token-data{font-size:11px!important}.prototype-label{font-size:10px;letter-spacing:1px;text-transform:uppercase}
@media(min-width:1600px){.a .hero{height:900px}.a .hero-art img{object-fit:fill}.a .hero h1{font-size:112px}.b .hero h1{font-size:123px}.c .hero h1{font-size:172px}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.nav-links{gap:20px}.hero h1{font-size:82px;letter-spacing:-4px}.a .hero{height:760px}.a .thesis-layout{gap:60px}.intro h2,.a .intro h2,.b .intro h2{font-size:45px}.b .hero h1{font-size:88px;letter-spacing:-4px}.b .hero{height:730px}.b .hero-art{width:74%;top:210px;height:450px}.b .hero .hero-copy{top:350px;max-width:270px}.b .hero .support{font-size:16px}.b .intro{gap:40px}.b .principles{gap:35px}.b .principle h3{font-size:27px}.c .hero h1{font-size:123px;letter-spacing:-6px}.c .hero h1 .build{font-size:71px}.c .intro{gap:45px}.c .intro h2{font-size:42px}.c .principle{gap:55px}.practice-grid{gap:45px!important}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:78px;gap:20px}.logo{width:108px;height:27px}.nav-links,.nav>.cta{display:none}.mobile-menu{display:block;position:relative;font-size:12px}.mobile-menu summary{cursor:pointer;list-style:none;padding:12px 0 12px 18px}.mobile-menu summary::after{content:' ☰';margin-left:9px}.mobile-menu[open] .menu-links{position:absolute;right:0;top:44px;width:210px;padding:19px;background:var(--paper);color:var(--navy);box-shadow:0 12px 38px #0002;border-radius:12px}.menu-links a{display:block;padding:10px}.hero h1{font-size:57px;line-height:1.04;letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero .support{font-size:14px;line-height:1.65}.cta{font-size:12px;min-height:50px;padding-left:18px;gap:20px}.cta i{width:36px;height:36px;font-size:20px}.text-link{font-size:11px;gap:12px}.actions{gap:21px}.hero-foot{font-size:10px;padding:22px 0;gap:25px}.hero-foot p{max-width:220px}.hero-foot .small{font-size:9px}.section{padding:56px 0}.a .hero{height:auto;padding-top:40px;display:flex;flex-direction:column;align-items:center}.a .hero h1{font-size:57px;max-width:350px;margin:18px auto 20px}.a .hero h1 br{display:none}.a .hero .eyebrow{font-size:8px;letter-spacing:1px}.a .hero .support{max-width:300px}.a .hero .actions{margin-top:23px;gap:20px}.a .hero-art{position:relative;inset:auto;order:2;width:100%;height:auto;margin:4px 0 0;z-index:0}.a .hero-art img{width:100%;height:auto;display:block}.a .hero::after{display:none}.a .hero .fig-note{position:static;order:3;font-size:9px;padding:12px 20px 23px;max-width:320px}.a .hero-foot{padding-top:19px;align-items:flex-start}.a .hero-foot p:last-child{max-width:95px}.a .thesis-layout{display:block}.intro h2,.a .intro h2,.b .intro h2,.c .intro h2{font-size:35px;letter-spacing:-1.2px;line-height:1.1}.a .intro h2{margin-top:20px}.intro p,.a .intro .sub{font-size:14px;line-height:1.7}.a .principles{margin-top:36px}.a .principle{padding:25px 0}.principle h3,.a .principle h3{font-size:26px;letter-spacing:-.6px}.a .principle h3{gap:12px}.a .principle p{padding-left:29px;font-size:13px}.b .hero{height:auto;padding-top:36px;display:flex;flex-direction:column}.b .hero h1{font-size:60px;letter-spacing:-3px;line-height:1.05;max-width:350px}.b .hero h1 br{display:none}.b .hero .hero-copy{position:static;max-width:300px;margin-top:23px}.b .hero .support{font-size:15px}.b .hero .actions{flex-direction:row;align-items:center;gap:21px;margin-top:25px}.b .hero-art{position:relative;inset:auto;width:calc(100% + 40px);height:auto;margin:30px -20px 0;z-index:0}.b .hero-art img{display:block;width:100%;height:auto;object-fit:contain}.b .hero .fig-note{position:static;padding:17px 0 23px;text-align:left;font-size:9px;max-width:310px}.b .hero-foot{align-items:flex-start}.b .hero-foot p:last-child{max-width:120px;text-align:right}.b .intro{display:block}.b .intro .eyebrow{padding:0;margin-bottom:20px}.b .intro .sub{font-size:14px;margin-top:23px}.b .principles{display:block;margin-top:35px}.b .principle{padding:23px 0}.b .principle h3{font-size:27px}.b .principle p{font-size:13px;margin-top:13px}.c .logo{width:103px;height:25.75px;padding:4px 7px}.c .hero{padding-top:37px}.c .hero h1{font-size:65px;letter-spacing:-3.6px;line-height:1}.c .hero h1 .build{font-size:43px;letter-spacing:-2px;margin-bottom:15px}.c .hero h1 .operating{margin-left:29px;width:calc(100% - 29px);padding:3px 9px 10px}.c .hero h1 .operating::before{left:-29px;width:20px}.c .hero h1 .advantage{padding-top:12px}.c .hero-bottom{display:block;margin:28px 0 28px}.c .hero .support{font-size:15px;max-width:310px}.c .hero .actions{justify-content:flex-start;margin-top:25px}.c .hero-foot{display:block;padding:23px 0 25px}.c .hero-foot p:last-child{margin-top:13px}.c .hero-foot p{max-width:330px}.c .intro{display:block}.c .intro .eyebrow{margin-bottom:20px}.c .intro .sub{font-size:14px;margin-top:23px}.c .principles{margin-top:35px}.c .principle{display:block;padding:24px 0}.c .principle h3{font-size:30px}.c .principle p{font-size:13px;margin-top:15px}.section-title{display:block}.section-title h2{font-size:36px;letter-spacing:-1.3px}.section-title>p{font-size:11px;margin-top:19px;max-width:260px}.practice-grid{display:block!important;margin-top:32px!important}.practice-copy h3,.a .practice-copy h3,.b .practice-copy h3,.c .practice-copy h3{font-size:31px;letter-spacing:-1px;margin:15px 0}.practice-copy>p{font-size:13px!important}.message-board{padding:22px 18px;margin-top:28px;border-radius:13px}.message-top{font-size:10px;padding-bottom:16px}.message{grid-template-columns:29px 1fr;gap:10px;margin-top:22px}.avatar{width:29px;height:29px;font-size:13px}.message-name{font-size:11px}.message p{font-size:13px}.message-status{gap:6px}.message-status span{font-size:9px;padding:5px 7px}.board-bottom{font-size:9px}.system-links{gap:14px;font-size:10px;margin-top:24px}.notes-grid,.tokens{display:block}.notes-grid>div+div{margin-top:30px}.concept-notes h2{font-size:30px}.concept-notes{padding:40px 0}.tokens>div+div{margin-top:25px}.return-nav{font-size:10px;padding:17px 20px}.return-nav>span{max-width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Final optical and tablet corrections. */
.b .hero-art{right:0;mask-image:linear-gradient(to bottom,transparent 0%,black 11%,black 84%,transparent 100%);}
.b .hero h1{word-spacing:6px}
.concept-notes .token-type{font:500 34px/1.1 var(--display);letter-spacing:-1px;color:var(--ink)}
@media(min-width:701px) and (max-width:1100px){.b .hero h1{font-size:clamp(65px,8.3vw,88px);word-spacing:2px}.b .hero-art{right:0;width:67%}.b .hero .hero-copy{max-width:245px}.nav{gap:20px}.nav-links{gap:16px}.c .hero-bottom{gap:30px}.c .hero .actions{gap:16px}}
@media(max-width:700px){.b .hero h1{word-spacing:0}.b .hero-art{mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 88%,transparent 100%)}}
.cta{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){.a .hero h1 em{display:block}.b .hero .hero-copy{max-width:none;width:100%}.b .hero .support{max-width:300px}.b .hero .actions{gap:20px}}

/* Selected direction A: three portrait benefit cards. */
.a .demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}
.a .demo-heading h2{font-size:55px;line-height:1.1;letter-spacing:-2px}
.a .demo-heading>span{font-size:11px;color:var(--muted);padding-bottom:5px}
.a .atlas-demo{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #dbe3ec;border-radius:18px;overflow:hidden;background:var(--paper)}
.a .atlas-request{background:var(--navy);color:var(--paper);padding:33px 42px 38px;display:flex;flex-direction:column}
.a .demo-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;line-height:1.4;color:var(--muted)}
.a .atlas-request .demo-topline{color:#a9bcd3}
.a .request-author{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:54px}
.a .request-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#15334f;color:var(--cyan)}
.a .request-author small{display:block;color:#a9bcd3;font-size:10px}
.a .request-quote{font:450 30px/1.35 var(--display);letter-spacing:-.65px;margin-top:22px;max-width:430px}
.a .request-quote>span{color:var(--cyan)}
.a .atlas-work{display:flex;align-items:center;gap:15px;margin-top:auto;padding-top:50px}
.a .work-check{display:grid;place-items:center;background:#103b4f;color:var(--cyan);width:29px;height:29px;border-radius:50%}
.a .atlas-work strong{font-size:13px;font-weight:500;display:block}
.a .atlas-work div>span{display:block;font-size:10px;color:#a9bcd3;margin-top:4px}
.a .handoff-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--cyan);color:var(--navy);display:grid;place-items:center;font:400 27px var(--display);border:5px solid var(--paper);border-radius:50%}
.a .atlas-result{padding:33px 42px 30px}
.a .draft-count{background:#e3edf5;border-radius:5px;padding:6px 10px;color:var(--navy)}
.a .email-preview{padding:28px 0 0;margin-top:27px;border-top:1px solid #d4dfe9}
.a .email-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
.a .email-preview h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;max-width:370px;margin:28px 0 25px}
.a .email-preview p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:15px;max-width:420px}
.a .human-review{display:flex;align-items:center;gap:10px;margin-top:31px;border-top:1px solid #d4dfe9;padding-top:22px;font-size:11px;color:var(--navy)}
.a .review-dot{width:6px;height:6px;border-radius:50%;background:#16789a}
.a .human-review>span:last-child{margin-left:auto;font-size:18px}
.a .demo-caption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:19px}
@media(min-width:801px) and (max-width:1100px){.a .atlas-request,.a .atlas-result{padding:28px}.a .request-quote{font-size:26px}.a .email-preview h3{font-size:23px}}
@media(max-width:800px){
 .a .demo-heading{display:block;margin-bottom:29px}
 .a .demo-heading h2{font-size:36px;letter-spacing:-1.3px}
 .a .demo-heading>span{display:block;margin-top:18px;font-size:10px}
 .a .atlas-demo{grid-template-columns:1fr;border-radius:14px}
 .a .atlas-request,.a .atlas-result{padding:26px}
 .a .demo-topline{font-size:10px;gap:12px}
 .a .request-author{margin-top:35px}
 .a .request-quote{font-size:26px;line-height:1.35;letter-spacing:-.5px}
 .a .atlas-work{padding-top:35px}
 .a .atlas-work strong{font-size:12px}
 .a .atlas-work div>span{font-size:9px}
 .a .handoff-arrow{display:none}
 .a .email-preview h3{font-size:23px;margin-top:25px}
 .a .email-preview p{font-size:12px}
 .a .demo-caption{font-size:9px}
}
.a .thesis-layout{display:block}
.a .thesis .intro{display:grid;grid-template-columns:1.35fr .75fr;gap:24px 110px;align-items:end}
.a .thesis .intro .eyebrow{grid-column:1/-1}
.a .thesis .intro h2{margin:0;max-width:780px}
.a .thesis .intro .sub{margin:0 0 4px;max-width:360px}
.a .principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:54px 0 0;counter-reset:benefit}
.a .principle,.a .principle:last-child{min-height:440px;padding:34px 34px 38px;border:1px solid #203954;border-radius:14px;background:var(--navy);color:var(--paper);display:flex;flex-direction:column;position:relative;overflow:hidden}
.a .principle::before{counter-increment:benefit;content:'0' counter(benefit);font:500 12px/1 var(--display);letter-spacing:1px;color:var(--cyan);padding-left:14px;border-left:2px solid var(--cyan)}
.a .principle h3{display:block;font-size:34px;line-height:1.12;letter-spacing:-1px;margin:78px 0 24px;max-width:300px}
.a .principle h3::before{content:none}
.a .principle p{padding:0;margin:auto 0 0;font-size:14px;line-height:1.8;color:#b6c2d8;max-width:315px}
@media(min-width:701px) and (max-width:1100px){
 .a .thesis .intro{gap:24px 50px;grid-template-columns:1.25fr .75fr}
 .a .principles{gap:16px}
 .a .principle,.a .principle:last-child{padding:26px 23px 30px;min-height:430px}
 .a .principle h3{font-size:28px;margin-top:64px}
 .a .principle p{font-size:13px}
}
@media(max-width:800px){
 .a .thesis .intro{display:block}
 .a .thesis .intro h2{margin-top:20px}
 .a .thesis .intro .sub{margin-top:24px;max-width:470px}
 .a .principles{grid-template-columns:1fr;gap:18px;margin-top:36px}
 .a .principle,.a .principle:last-child{min-height:325px;padding:28px}
 .a .principle h3{font-size:30px;max-width:350px;margin:44px 0 24px}
 .a .principle p{font-size:13px;max-width:440px}
}

/* Setrex section-introduction structure, using Advisy's approved fonts. */
.a .thesis .intro,.a .demo-heading{display:block;text-align:center;margin:0 auto}
.a .thesis .intro h2,.a .demo-heading h2{font-size:52px;font-weight:500;line-height:60px;letter-spacing:-2.6px;text-wrap:balance;margin:0 auto}
.a .thesis .intro h2{max-width:880px}
.a .demo-heading h2{max-width:540px}
.a .thesis .intro .sub,.a .demo-heading p{font-size:17px;line-height:26px;font-weight:400;letter-spacing:0;color:var(--muted);text-wrap:balance;max-width:660px;margin:24px auto 0}
.a .principles{margin-top:80px}
.a .demo-heading{margin-bottom:80px}
.a .principle::before{content:none}
.a .principle h3{margin-top:72px;font-weight:500;letter-spacing:-1.1px}
@media(max-width:1100px){.a .thesis .intro h2,.a .demo-heading h2{font-size:44px;line-height:52px;letter-spacing:-2.2px}.a .principles{margin-top:60px}.a .demo-heading{margin-bottom:60px}}
@media(max-width:700px){
 .a .thesis .intro h2,.a .demo-heading h2{font-size:32px;line-height:40px;letter-spacing:-1.6px;margin:0 auto;max-width:350px}
 .a .thesis .intro .sub,.a .demo-heading p{font-size:15px;line-height:24px;margin:20px auto 0;max-width:350px}
 .a .principles{margin-top:40px}
 .a .demo-heading{margin-bottom:40px}
 .a .principle h3{margin-top:32px}
}

/* Reference-led surfaces: original Advisy card elevation and Setrex feature frame. */
.a .thesis{background:radial-gradient(ellipse at 8% 30%,#62d8ff1f,transparent 58%),radial-gradient(ellipse at 92% 83%,#a8bbdc26,transparent 52%),#f2f7fc;padding-bottom:116px}
.a .principles{gap:24px}
.a .principle,.a .principle:last-child{display:block;min-height:390px;padding:34px 32px 38px;background:#ffffff8c;color:var(--navy);border:1px solid #ffffffb3;border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 1px 2px #0a1e3c0a,0 14px 32px #0a1e3c0f,0 32px 64px -20px #0a1e3c1a}
.a .principle h3{font-size:34px;line-height:1.15;letter-spacing:-1.3px;max-width:350px;margin:66px 0 19px;color:var(--navy)}
.a .principle p{color:var(--muted);font-size:14px;line-height:1.8;max-width:330px;margin:0;padding:0}
.a .visual-practice{background:#080f1e;color:var(--paper);border-top:0;padding:116px 0 106px}
.a .demo-heading h2{color:var(--paper)}
.a .demo-heading p{color:#b6c2d8}
.a .atlas-demo{grid-template-columns:.9fr 1.1fr;isolation:isolate;background:radial-gradient(ellipse at 94% 3%,#62d8ff12,transparent 48%),linear-gradient(155deg,#162a41,#0c192c 62%);border:1px solid #bfd6f023;border-radius:26px;box-shadow:inset 0 1px 0 #d6eaff20,0 3px 6px #0002,0 24px 60px -15px #0006}
.a .atlas-request{background:transparent;padding:40px 46px 49px}
.a .request-author{margin-top:60px}
.a .request-quote{font-size:30px;max-width:420px}
.a .atlas-work{padding-top:54px}
.a .atlas-result{align-self:center;margin:34px 34px 34px 0;padding:29px 34px 27px;background:linear-gradient(150deg,#ffffff,#f1f6fc);color:var(--navy);border:1px solid #fff;border-radius:19px;box-shadow:inset 0 1px 0 #fff,0 1px 2px #0002,-10px 20px 45px #0004,0 35px 65px -30px #0007}
.a .handoff-arrow{left:45%;width:42px;height:42px;border:4px solid #102137;box-shadow:0 4px 14px #0004;z-index:2}
.a .email-preview{margin-top:24px;padding-top:24px}
.a .email-preview h3{font-size:25px;line-height:1.2;margin:25px 0 22px}
.a .email-preview p{font-size:13px}
.a .human-review{background:#e0f3fa;border:1px solid #bfdde9;border-radius:8px;padding:13px 15px;margin-top:28px}
.a .human-review>span:last-child{display:none}
.a .demo-caption{color:#a0b1c8;font-size:11px;max-width:730px;margin:24px auto 0;text-align:center}
@media(min-width:801px) and (max-width:1100px){
 .a .principle,.a .principle:last-child{padding:28px 24px 32px;min-height:390px}
 .a .principle h3{font-size:28px;letter-spacing:-1px;margin-top:54px}
 .a .principle p{font-size:13px}
 .a .atlas-request{padding:30px}
 .a .atlas-result{margin:24px 24px 24px 0;padding:25px}
 .a .request-quote{font-size:26px}
 .a .email-preview h3{font-size:23px}
}
@media(max-width:800px){
 .a .thesis{padding-bottom:72px}
 .a .principles{gap:20px}
 .a .principle,.a .principle:last-child{min-height:280px;padding:28px;border-radius:22px}
 .a .principle h3{font-size:30px;letter-spacing:-1.1px;margin:38px 0 17px}
 .a .principle p{font-size:13px;max-width:440px}
 .a .visual-practice{padding:66px 0}
 .a .atlas-demo{grid-template-columns:1fr;border-radius:23px}
 .a .atlas-request{padding:28px 27px 35px}
 .a .request-author{margin-top:35px}
 .a .request-quote{font-size:26px}
 .a .atlas-work{padding-top:35px}
 .a .atlas-result{margin:0 12px 13px;padding:24px 22px;border-radius:15px}
 .a .email-preview h3{font-size:22px}
 .a .email-preview p{font-size:12px}
 .a .demo-caption{font-size:10px;margin-top:21px}
}

/* Image-led benefit cards and a tangible Atlas delivery. */
.a .principle,.a .principle:last-child{padding:0;min-height:0;display:flex;flex-direction:column;background:#ffffffab}
.a .benefit-art{display:grid;place-items:center;height:235px;overflow:hidden;margin:0;padding:22px;background:linear-gradient(145deg,#eef7fb,#e3edf5)}
.a .benefit-art img{width:100%;max-width:340px;height:auto;display:block}
.a .benefit-copy{padding:30px 30px 34px;flex:1;border-top:1px solid #ffffffb3}
.a .principle h3{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:0 0 18px;max-width:350px;text-wrap:balance}
.a .principle p{font-size:13px;line-height:1.8;margin:0;max-width:350px}
.a .art-caption{font-size:10px;text-align:center;color:var(--muted);margin-top:25px}
.a .atlas-result{min-height:525px}
.a .delivery-visual{height:205px;width:290px;position:relative;margin:25px auto 0}
.a .delivery-letter{position:absolute;width:155px;height:149px;left:67px;top:0;transform:rotate(-6deg);background:linear-gradient(130deg,#fff,#e4edf6);border:1px solid #fff;border-radius:7px;box-shadow:0 2px 5px #071a3317,0 18px 24px #071a3326;padding:28px 24px;z-index:1}
.a .delivery-letter span{display:block;height:4px;background:#bbcddb;border-radius:3px;margin-bottom:14px;width:100%}.a .delivery-letter span:nth-child(2){width:80%}.a .delivery-letter span:nth-child(3){width:53%;background:#62d8ff}
.a .delivery-envelope{position:absolute;left:34px;top:65px;width:220px;height:132px;border:1px solid #325672;border-radius:9px;background:linear-gradient(155deg,#1d405a,#071a33);box-shadow:inset 0 1px 0 #9dd0ed50,0 3px 5px #071a3326,0 23px 31px -12px #071a3355;z-index:2;overflow:hidden}
.a .delivery-envelope::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#3a647e,#153b55);clip-path:polygon(0 0,50% 66%,100% 0,100% 100%,0 100%)}
.a .delivery-envelope::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#416b84,#1d435e);clip-path:polygon(0 100%,50% 41%,100% 100%);box-shadow:inset 0 -1px 0 #9bd4f559}
.a .delivery-check{position:absolute;right:11px;bottom:1px;z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#a2ebff,#62d8ff);border:4px solid #f4f8fc;color:var(--navy);height:54px;width:54px;border-radius:50%;font-size:25px;box-shadow:0 9px 16px #071a3326}
.a .delivery-count{display:flex;justify-content:center;align-items:center;gap:16px;margin:15px auto 26px;color:var(--navy)}
.a .delivery-count strong{font:500 62px/1 var(--display);letter-spacing:-3px}
.a .delivery-count>span{font:500 20px/1.2 var(--display);letter-spacing:-.4px}
.a .draft-preview{border-top:1px solid #d4dfe9}
.a .draft-preview summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0 0;list-style:none;cursor:pointer;font-size:12px;font-weight:600}
.a .draft-preview summary::-webkit-details-marker{display:none}
.a .draft-preview summary>span{font-size:20px;font-weight:400;line-height:1}
.a .draft-preview[open] summary>span{transform:rotate(45deg)}
.a .draft-preview .email-preview{margin-top:17px;padding-top:17px}
.a .atlas-result:has(.draft-preview[open]) .delivery-visual{display:none}
.a .atlas-result:has(.draft-preview[open]) .delivery-count{justify-content:flex-start;margin:24px 0}
.a .human-review{margin-top:21px}
@media(min-width:801px) and (max-width:1100px){.a .benefit-copy{padding:25px 23px 30px}.a .principle h3{font-size:26px}.a .delivery-visual{transform:scale(.9);transform-origin:center top;margin-bottom:-20px}.a .atlas-result{min-height:500px}}
@media(max-width:800px){
 .a .benefit-art{height:220px;padding:18px}
 .a .benefit-copy{padding:27px}
 .a .principle h3{font-size:28px;margin:0 0 16px}
 .a .principle p{font-size:13px}
 .a .atlas-result{min-height:0}
 .a .delivery-visual{width:270px;height:195px;transform:scale(.91);transform-origin:center top;margin:25px auto -6px}
 .a .delivery-envelope{left:24px}.a .delivery-letter{left:57px}.a .delivery-check{right:1px}
 .a .delivery-count{margin-top:8px}
 .a .delivery-count strong{font-size:56px}
 .a .delivery-count>span{font-size:19px}
}