.af-new{max-width:1440px;padding:0 5%;margin:auto;color:#edf2fb}.af-new [hidden]{display:none!important}.af-new h1,.af-new h2,.af-new h3{font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0}.af-new h1{font-size:clamp(54px,6.4vw,94px)}.af-new h1 em{font-style:normal;color:#a5bfe2}.af-label{font-size:11px;letter-spacing:.14em;line-height:1.7;color:#a1b8da}.af-lead{font-size:23px;line-height:1.6;margin:28px 0 20px}.af-copy{font-size:15px;line-height:1.8;color:#a7b5ca;max-width:475px}.af-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px}.af-link{display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid #748baa;font-size:13px;color:#d3e3f7}.af-link:hover{color:white;border-color:white}.af-new .button{font-size:13px;min-height:50px}.af-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:740px;padding:85px 0 70px}.af-hero h1{margin-top:30px}.af-art{position:relative;padding:35px 65px 85px 0;min-width:0}.af-art>.af-label{font-size:10px;margin-bottom:20px}.af-browser{display:block;background:#17232c;border:1px solid #7186a33b;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0004;transform:rotate(-3deg);transition:transform .3s}.af-browser:hover{transform:rotate(0)}.af-browser-chrome{display:flex;align-items:center;gap:5px;padding:14px;background:#1b2736}.af-browser i{width:5px;height:5px;border-radius:50%;background:#6e829c}.af-browser-chrome span{font-size:9px;margin-left:auto;color:#b0bed0}.af-browser img{width:100%;height:300px;object-fit:cover}.af-browser strong{display:block;padding:20px 25px 26px;font-size:24px;font-weight:500;letter-spacing:-.04em}.af-browser small{display:block;font-size:10px;letter-spacing:.03em;color:#a2b8d3;margin-top:10px}.af-poster{position:absolute;width:42%;right:0;bottom:35px;border:7px solid #202c3c;box-shadow:0 20px 50px #0006;transform:rotate(7deg);border-radius:8px;overflow:hidden}.af-poster img{width:100%;display:block}.af-poster span{display:block;background:#202c3c;font-size:10px;padding:10px}.af-art-note{font-size:10px;color:#8499b5;padding-top:30px;letter-spacing:.04em}.af-strip{display:flex;justify-content:space-between;gap:30px;border-block:1px solid #afc4e026;padding:26px 0;font-size:12px;color:#a9bbd1}.af-strip span{display:flex;align-items:center;gap:13px}.af-strip span:before{content:'';width:5px;height:5px;border-radius:50%;background:#9ebfe7}.af-directory{padding:95px 0 0;scroll-margin-top:100px}.af-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.af-heading h2,.af-process h2,.af-questions h2,.af-project-details h2{font-size:clamp(35px,4vw,56px);margin-top:24px;line-height:1.15}.af-heading>p{max-width:355px;color:#acbcd2;font-size:15px;line-height:1.8}.af-filters{display:flex;flex-wrap:wrap;gap:8px}.af-filters button{font:12px var(--atlas-body);min-height:46px;border-radius:999px;border:1px solid #556881;background:transparent;color:#bfcee2;padding:12px 20px;cursor:pointer}.af-filters button[aria-pressed=true]{background:#dce8fb;border-color:#dce8fb;color:#16293e}.af-count{font-size:11px;color:#91a4bf;margin:22px 0}.af-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.af-card{display:flex;flex-direction:column;min-width:0;padding:30px 26px;border:1px solid #b1c8e426;border-radius:14px;background:linear-gradient(145deg,#182232b3,#101721d9);scroll-margin-top:115px}.af-card:hover{border-color:#9cbbe76e}.af-card-index{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;color:#8da9cd;font-size:10px;letter-spacing:.1em}.af-card-index>span:last-child{font-size:25px}.af-card h2{font-size:27px;line-height:1.25;letter-spacing:-.045em;max-width:280px}.af-card>p{font-size:13px;color:#adbed4;margin:20px 0 24px;min-height:115px;line-height:1.8}.af-card details{border-block:1px solid #91a8c529}.af-new summary{cursor:pointer;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:12px}.af-new summary::-webkit-details-marker{display:none}.af-card summary span{font-size:23px}.af-card details[open] summary span{transform:rotate(45deg)}.af-card ul{padding-left:17px;font-size:12px;color:#b1c3dc;line-height:1.9;margin:5px 0 22px}.af-card-links{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:15px;font-size:12px}.af-card-links>a{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:44px}.af-card-links .af-example{font-size:11px;color:#8faaca;justify-content:start}.af-process{display:grid;grid-template-columns:1fr 1fr;gap:120px;padding:110px 0;border-bottom:1px solid #afc4e026}.af-process>div>p:not(.af-label){font-size:15px;color:#afc0d6;margin:27px 0;line-height:1.8}.af-process ol,.af-entry ol{list-style:none;margin:0;padding:0}.af-process li,.af-entry li{display:flex;gap:25px;border-bottom:1px solid #a6bddd26;padding:25px 0}.af-process li:first-child,.af-entry li:first-child{padding-top:0}.af-process li>span,.af-entry li>span{font-size:11px;color:#89a6ca;padding-top:4px}.af-process h3,.af-entry h3{font-size:20px;letter-spacing:-.035em}.af-process li p,.af-entry li p{font-size:13px;color:#a9bbd2;margin:12px 0 0;line-height:1.8}.af-questions{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:90px 0}.af-questions details{border-bottom:1px solid #a6bddd26}.af-questions summary{font-size:15px;padding-block:18px;min-height:66px}.af-questions summary:after{content:'+';font-size:22px;color:#8ca6c9}.af-questions details[open] summary:after{content:'−'}.af-questions details p{font-size:14px;color:#adbed4;margin:8px 0 25px;line-height:1.8}.af-final{text-align:center;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#273d605c,transparent 70%),#121b29;padding:65px 25px 70px;margin-bottom:70px;border:1px solid #a4bddd20}.af-final h2{font-size:clamp(36px,5.5vw,76px);margin:24px 0}.af-final>p:not(.af-label){font-size:15px;color:#adbed4;margin-bottom:30px}.af-client-hero{max-width:830px;text-align:center;margin:auto;padding:100px 0 65px}.af-client-hero h1{margin-top:30px}.af-client-hero .af-copy{max-width:620px;margin:0 auto}.af-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;border:1px solid #8ba6cc2e;border-radius:20px;padding:55px;background:linear-gradient(140deg,#1a283d99,#101923);margin-bottom:35px}.af-entry h2{font-size:42px;margin:24px 0;line-height:1.2}.af-entry>div>p{font-size:14px;color:#afc0d7;line-height:1.8}.af-entry label{display:block;font-size:12px;margin:25px 0 10px}.af-entry input{width:100%;background:#0c1421;border:1px solid #597193;border-radius:7px;color:#eff5ff;font:14px var(--atlas-body);min-height:52px;padding:14px;margin-bottom:15px}.af-entry input::placeholder{color:#9baec6}.af-fine{font-size:11px!important;line-height:1.8!important;color:#9eafc6!important;margin-top:23px;max-width:520px}.af-entry aside>.af-label{margin:0 0 30px}.af-entry li h3{font-size:19px;line-height:1.35}.af-entry #client-link-error{color:#ffc4bd;font-size:13px}.af-project{padding:85px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.af-status{font-size:11px;color:#a6c8bd;margin:25px 0}.af-project .button{margin-top:24px}.af-tresses-panel{padding:55px 40px;border-radius:20px;border:1px solid #4e8c7c;background:radial-gradient(ellipse at top right,#24594b,transparent 75%),#112b23;min-height:470px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.af-tresses-panel>p{font-size:10px;letter-spacing:.14em;color:#9cd1c2}.af-tresses-panel h2{font-family:Georgia,serif!important;font-size:43px;font-weight:400;line-height:1.25;letter-spacing:-.04em}.af-tresses-panel h2 em{font-style:normal;color:#63ceb7}.af-tresses-panel div{font-size:10px;line-height:2.5;color:#9cc6b8;letter-spacing:.1em}.af-tresses-panel>span{font-size:11px;color:#b7d4c8;border-top:1px solid #9cd1c235;padding-top:22px}.af-project-details{border-block:1px solid #a4bddd26;padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:40px}.af-project-details ol{padding-left:22px;line-height:2.5;font-size:14px;color:#b9cbe3;margin-top:25px}.af-project-details>div>p:not(.af-label){font-size:14px;color:#afc1d9;margin-top:25px;line-height:1.8}.af-new:has(.af-project){padding-bottom:65px}.af-new a:focus-visible,.af-new button:focus-visible,.af-new input:focus-visible,.af-new summary:focus-visible{outline:3px solid #aacfff;outline-offset:5px}
@media(max-width:1100px){.af-hero{gap:35px;min-height:650px}.af-art{padding-right:40px}.af-browser img{height:245px}.af-grid{grid-template-columns:repeat(2,1fr)}.af-card>p{min-height:90px}.af-process,.af-questions{gap:60px}.af-entry{gap:50px;padding:35px}.af-project{gap:40px}.af-project h1{font-size:68px}}
@media(max-width:760px){.af-new{padding-inline:6%}.af-hero{display:block;min-height:0;padding:55px 0 35px}.af-hero h1{font-size:52px;line-height:1.13;margin-top:24px}.af-lead{font-size:19px;margin-top:25px}.af-copy{font-size:14px}.af-actions{gap:20px}.af-actions .button{font-size:12px}.af-link{font-size:12px}.af-art{margin-top:35px;padding:20px 40px 65px 0;max-width:550px}.af-browser img{height:260px}.af-browser strong{font-size:23px}.af-poster{width:38%;bottom:40px}.af-art-note{max-width:190px;font-size:10px;line-height:1.7}.af-strip{display:grid;gap:17px;padding:25px 0;font-size:12px}.af-directory{padding-top:65px}.af-heading{display:block;margin-bottom:28px}.af-heading h2{font-size:40px}.af-heading>p{font-size:14px;margin-top:22px}.af-filters{gap:7px}.af-filters button{padding:10px 15px;font-size:11px;min-height:44px}.af-grid{grid-template-columns:1fr;gap:14px}.af-card{padding:27px 24px}.af-card-index{margin-bottom:25px}.af-card h2{font-size:27px;max-width:300px}.af-card>p{min-height:0;font-size:14px}.af-card summary{font-size:13px}.af-card ul{font-size:13px}.af-card-links{padding-top:15px;font-size:13px}.af-card-links .af-example{font-size:12px}.af-process{display:block;padding:65px 0}.af-process h2,.af-questions h2{font-size:37px}.af-process>div>p:not(.af-label){font-size:14px}.af-process ol{margin-top:40px}.af-process li p{font-size:14px}.af-questions{display:block;padding:65px 0}.af-questions>div+div{margin-top:30px}.af-questions summary{font-size:14px}.af-final{padding:45px 20px;margin-bottom:40px}.af-final h2{font-size:39px}.af-client-hero{text-align:left;padding:60px 0 40px}.af-client-hero h1{font-size:49px}.af-client-hero .af-copy{font-size:14px}.af-entry{display:block;padding:28px 22px;border-radius:16px}.af-entry h2{font-size:35px}.af-entry aside{margin-top:40px;padding-top:30px;border-top:1px solid #a4bddd26}.af-entry input{font-size:13px}.af-entry .button{font-size:12px}.af-project{display:block;padding:50px 0 45px}.af-project h1{font-size:61px}.af-project .button{font-size:11px;gap:10px;padding-inline:20px}.af-tresses-panel{margin-top:40px;min-height:400px;padding:35px 25px}.af-tresses-panel h2{font-size:37px}.af-project-details{display:block;padding:40px 0}.af-project-details>div+div{margin-top:40px}.af-project-details h2{font-size:36px}.af-project-details ol{font-size:13px}}
@media(prefers-reduced-motion:reduce){.af-browser{transition:none}.af-browser:hover{transform:none}}