:root{--navy:#071a35;--ink:#102b57;--blue:#a3c4f3;--white:#fff;--muted:#677383;--line:#dce1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #458df2;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:20px;z-index:99}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;height:3px;background:#579dff;width:0;z-index:50}header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(20px);z-index:30;border-bottom:1px solid var(--line)}.brand{width:211px;display:block}nav{display:flex;gap:36px;font-size:14px}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--ink);transition:width .3s}nav a:hover:after{width:100%}.nav-cta{font-size:14px;border:1px solid #ccd3dd;padding:15px 20px;border-radius:3px}.nav-cta span{margin-left:28px}.menu{display:none}.hero{position:relative;overflow:hidden;min-height:calc(100svh - 100px);background:var(--navy);color:white;padding:40px 4.5% 24px;display:flex;flex-direction:column;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff09 1px);background-size:25% 100%}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--mx,75%) var(--my,60%),#28538c66,transparent 65%);z-index:-1;pointer-events:none}.hero-top,.hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;line-height:1.6}.hero-top{color:#b9c7d9}.hero h1{font-size:clamp(80px,10.9vw,180px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:74px 0 45px;z-index:2}.line{display:block;animation:enter 1.2s cubic-bezier(.2,.8,.2,1) both}.line:nth-child(2){animation-delay:.14s}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1 em{color:var(--blue)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px;z-index:2}.hero-bottom p{font-size:20px;line-height:1.45;margin:0}.round-link{display:flex;align-items:center;gap:30px;font-size:14px}.circle{width:62px;height:62px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .3s,transform .3s}.round-link:hover .circle{background:#ffffff20;transform:translateY(5px)}.hero-foot{border-top:1px solid #ffffff26;padding-top:20px;margin-top:auto;color:#b9c7d9}.orbit{position:absolute;right:0;top:6%;width:44vw;height:85%;display:grid;place-items:center;z-index:-1;transform:translateY(var(--shift,0px)) rotate(-12deg);opacity:.16}.orbit img{width:100%;filter:brightness(0) invert(1)}.section{padding:120px 6%}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:bold;line-height:1.7}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.correct{display:none}h2{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:0}.muted{color:#8c96a4}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:45px}.intro-copy p,.detail,.steps p{font-size:16px;line-height:1.8;color:#576476;margin:0}.expertise{background:#f3f5f7;padding-top:70px;padding-bottom:40px}.section-head{display:flex;justify-content:space-between;align-items:start;gap:35px;margin-bottom:65px}.section-head p{font-size:22px;line-height:1.4;margin:0}.service{border-top:1px solid #cdd5df;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:65px 0 85px}.index{font-size:14px;color:#68778a}.service h3{font-size:clamp(40px,4.3vw,65px);letter-spacing:-.05em;font-weight:500;line-height:1.06;margin:28px 0 25px}.service-title>p:not(.detail){font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.tags span{font-size:12px;border:1px solid #cbd3de;border-radius:30px;padding:8px 12px}.detail{max-width:420px}.web-demo{align-self:center}.browser-bar{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px;background:#e4e9f0;border-radius:8px 8px 0 0;font-size:10px}.browser-bar button,.flow-top button{border:0;background:transparent;font-size:12px;color:var(--ink);padding:6px}.mini-site{background:var(--navy);padding:26px;color:white;min-height:310px;transition:width .6s,margin .6s;width:100%;margin:0 auto}.mini-nav{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.mini-content{display:flex;justify-content:space-between;align-items:center;padding:36px 0;overflow:hidden}.mini-content strong{font-size:55px;line-height:.95;letter-spacing:-.06em;font-weight:500}.mini-shape{width:115px;height:115px;border:1px solid #94baf4;transform:rotate(25deg);box-shadow:12px 12px 0 -1px var(--navy),12px 12px 0 0 #94baf4,24px 24px 0 -1px var(--navy),24px 24px 0 0 #94baf4;animation:shape 9s ease-in-out infinite}.mini-base{display:flex;justify-content:space-between;font-size:10px;padding-top:15px;border-top:1px solid #ffffff30;gap:12px}.web-demo.compact .mini-site{width:65%}.web-demo.compact .mini-content strong{font-size:38px}.web-demo.compact .mini-shape{width:45px;height:70px}.demo-caption{font-size:12px;color:#6d7b8d;margin-top:20px}.card-stage{align-self:center;perspective:1000px;padding:30px 20px}.business-card{display:block;position:relative;width:100%;aspect-ratio:1.65;border:none;background:none;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);text-align:left;color:white;transform:rotate(-6deg)}.business-card:hover{transform:rotate(-3deg) translateY(-6px)}.business-card.flipped{transform:rotateY(180deg) rotate(3deg)}.card-face{position:absolute;inset:0;border-radius:12px;background:linear-gradient(130deg,#153760,#06162d);padding:30px;box-shadow:0 25px 45px #0a234530;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.card-face img{width:140px;filter:brightness(0) invert(1)}.card-person{font-size:27px;letter-spacing:-.03em}.card-person span{display:block;font-size:12px;letter-spacing:0;margin-top:10px;color:#aebed4}.card-foot{font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center}.card-foot b{font-size:24px}.back{transform:rotateY(180deg)}.back img{width:40px}.back strong{font-size:27px;line-height:1.1;font-weight:400}.back>span{font-size:12px;color:#bfccdd}.card-stage .demo-caption{text-align:center;margin-top:40px}.workflow{align-self:center;background:white;border:1px solid #dce2ea;padding:25px}.flow-top{display:flex;justify-content:space-between;font-size:10px;align-items:center;gap:10px;margin-bottom:20px}.flow-step{display:flex;align-items:center;gap:18px;padding:25px 0;border-top:1px solid #e4e8ee;transition:color .4s,background .4s}.flow-step>span{font-size:12px;color:#8390a2}.flow-step>div{font-size:16px;flex:1}.flow-step small{display:block;font-size:12px;margin-top:8px;color:#7a8595}.flow-step b{font-weight:400}.flow-step.active{color:#1762c7;background:#edf5ff}.flow-status{font-size:12px;color:#617089;min-height:30px;line-height:1.5}.statement{padding:120px 6%;background:#102b57;color:white;position:relative;overflow:hidden}.statement-inner{position:relative}.statement .eyebrow{color:#b7c9e2;margin-bottom:35px}.statement h2{font-size:clamp(44px,6vw,90px);position:relative;z-index:1}.statement h2 span{color:#9ec3f4}.statement p{font-size:18px;line-height:1.7;margin:35px 0 0;color:#c3d1e3}.statement img{position:absolute;right:-7%;width:36%;top:0;opacity:.12;filter:brightness(0) invert(1);transform:rotate(15deg)}.approach .section-head h2{font-size:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:12px;letter-spacing:.1em}.steps h3{font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.03em;margin:30px 0 20px}.project{background:#eaf0f7;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.project h2{font-size:clamp(60px,7vw,108px);margin:30px 0}.project p{font-size:18px;line-height:1.6;color:#586779}.brief{display:flex;flex-direction:column;gap:12px}.brief label{font-size:14px;margin-top:18px}.brief select,.brief textarea{border:0;border-bottom:1px solid #9aaac0;background:transparent;padding:15px 0;color:var(--ink);border-radius:0;width:100%;font-size:16px}.brief textarea{resize:vertical}.brief-button{background:var(--navy);color:white;padding:22px;margin-top:20px;border:0;display:flex;justify-content:space-between;text-align:left;transition:background .25s}.brief-button:hover{background:#245493}.brief .form-note,.brief #brief-status{font-size:12px;margin:0;line-height:1.5}footer{padding:60px 6% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:50px}.footer-top img{width:230px}.footer-top p{font-size:16px;line-height:1.6;color:#677383}.footer-top>a:last-child{font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#677383;gap:20px}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.steps .reveal:nth-child(2){transition-delay:.12s}.steps .reveal:nth-child(3){transition-delay:.24s}@keyframes enter{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes shape{50%{transform:rotate(45deg) translate(-8px,5px)}}@media(min-width:1500px){.hero h1{margin-top:90px}.hero-bottom{margin-top:20px}}@media(max-width:900px){header{height:80px}.brand{width:170px}nav{gap:20px}.nav-cta{display:none}.hero{min-height:calc(90svh - 80px)}.hero h1{font-size:12vw;margin-top:100px}.section{padding:85px 6%}.intro{grid-template-columns:1fr;gap:28px}.service{gap:5%}.card-face{padding:22px}.card-face img{width:110px}.card-person{font-size:22px}.mini-content strong{font-size:42px}.mini-shape{width:70px;height:90px}.project{gap:7%}.steps{gap:24px}.orbit{width:55vw;top:10%}.hero-top span:last-child{display:none}}@media(max-width:600px){header{padding:0 6%;height:74px}.brand{width:165px}.menu{display:block;border:0;background:none;font-size:14px;padding:12px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:24px 6%;border-bottom:1px solid var(--line);flex-direction:column}header.open nav{display:flex}.hero{padding:30px 6% 22px;min-height:720px;min-height:calc(94svh - 74px)}.hero-top{font-size:10px;max-width:240px}.hero h1{font-size:16vw;margin:85px 0 55px;letter-spacing:-.065em}.hero-bottom{display:block;margin-bottom:45px}.hero-bottom p{font-size:17px}.round-link{margin-top:35px;justify-content:space-between}.circle{width:47px;height:47px}.hero-foot{font-size:9px}.hero-foot span:last-child{display:none}.orbit{width:75vw;right:-20%;top:0;opacity:.13}.section{padding:65px 6%}.intro-copy{grid-template-columns:1fr;gap:20px;margin-top:28px}.section-head{display:block;margin-bottom:40px}.section-head p{margin-top:20px;font-size:20px}.service{grid-template-columns:1fr;gap:35px;padding:40px 0 55px}.service h3{font-size:48px;margin-top:20px}.service h3 br{display:none}.service h3 br:after{content:' '}.service h3{max-width:330px}.tags{margin:20px 0}.card-stage{padding:15px 12px}.card-face{padding:25px}.card-person{font-size:25px}.mini-content strong{font-size:50px}.mini-site{min-height:290px}.statement{padding:70px 6%}.statement h2{font-size:43px}.statement img{width:60%;right:-20%;top:70px}.approach .section-head h2{font-size:40px;margin-top:25px}.steps{grid-template-columns:1fr;gap:35px}.steps h3 br{display:none}.steps h3{margin:20px 0 15px}.project{grid-template-columns:1fr;gap:20px}.project h2{font-size:72px}.footer-top{flex-wrap:wrap;align-items:start}.footer-top img{width:180px}.footer-top p{width:100%;order:3;margin:0}.footer-bottom{flex-direction:column;font-size:10px}.back strong{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.orbit{transform:rotate(-12deg)}}

.company-profile{margin-top:60px;border-top:1px solid var(--line);padding-top:32px}.company-profile-heading{margin-bottom:25px}.company-profile-heading h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:0 0 10px}.company-profile-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.company-facts{margin:0}.company-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:19px 0;border-bottom:1px solid var(--line)}.company-facts dt{font-size:14px;color:var(--muted);line-height:1.7}.company-facts dd{margin:0;font-size:16px;line-height:1.7;color:var(--navy)}.company-facts a{overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#a3b6ce;text-underline-offset:5px}.company-facts a span{display:inline-block;transition:transform .25s}.company-facts a:hover span{transform:translate(2px,-2px)}@media(max-width:600px){.company-profile{margin-top:38px;padding-top:26px}.company-facts>div{grid-template-columns:1fr;gap:5px;padding:16px 0}.company-profile-heading h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.company-facts a span{transition:none}}

.company-facts .company-email a{font-weight:600;color:#174f98}.contact-direct{margin-top:32px;border-top:1px solid #b4c4d9;padding-top:25px;min-width:0}.contact-label{display:block;font-size:12px;letter-spacing:.11em;font-weight:700;color:#51657d;line-height:1.6}.contact-address{display:block;font-size:clamp(19px,1.85vw,29px);font-weight:500;line-height:1.5;margin:12px 0 19px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#a6b9d1;text-underline-offset:6px}.contact-email-button{display:inline-flex;align-items:center;gap:32px;padding:15px 22px;background:#102b57;color:white;border-radius:4px;font-size:16px;transition:background .25s}.contact-email-button:hover{background:#245493}.contact-direct>p{font-size:14px;line-height:1.7;max-width:380px;margin:15px 0 0}.project>div{min-width:0}.footer-contact{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:5px 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.footer-contact p{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:10px 0 0}.footer-contact>a{font-size:clamp(18px,2.15vw,32px);line-height:1.5;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#b0c1d7}.footer-contact>a span{display:inline-block;margin-left:10px}@media(max-width:900px){.footer-contact{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:600px){.contact-address{font-size:20px}.footer-contact>a{font-size:20px}.footer-contact{padding-bottom:30px;margin-bottom:30px}.contact-email-button{width:100%;justify-content:space-between}.footer-contact p{font-size:24px}}

.inquiry-title{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:0 0 5px}.brief input{width:100%;min-width:0;border:0;border-bottom:1px solid #9aaac0;background:transparent;padding:15px 0;font-size:16px;color:var(--ink);border-radius:0}.brief input:focus-visible{outline:3px solid #458df2;outline-offset:5px}.optional{font-weight:400;color:#657386}.brief input:focus{background:#ffffff55}#about{border-top:1px solid var(--line)}

.brand-film{padding-top:75px;padding-bottom:75px}.film-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:36px}.film-heading h2{font-size:clamp(32px,3.6vw,54px)}.intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071a35;border-radius:10px;box-shadow:0 18px 55px #071a351a}.intro-video:focus-visible{outline:3px solid #458df2;outline-offset:5px}.film-caption{display:flex;justify-content:space-between;gap:20px;margin-top:17px;font-size:14px;color:#677383;line-height:1.6}@media(max-width:600px){.brand-film{padding-top:50px;padding-bottom:50px}.film-heading{display:block;margin-bottom:24px}.film-heading .eyebrow{margin-bottom:18px}.film-caption{flex-direction:column;gap:6px;font-size:12px}.intro-video{border-radius:5px}}

.launch-value{background:#f3f7fd}.launch-value h2{font-size:clamp(38px,5vw,74px);line-height:1.08;font-weight:500;letter-spacing:-.04em;margin:28px 0}.launch-value h2 em{color:#31588a}.launch-lead{max-width:760px;font-size:20px;line-height:1.7}.launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:48px}.launch-grid article{border-top:1px solid #9daec5;padding-top:22px}.launch-grid article>span{font-size:14px;letter-spacing:.03em}.launch-grid h3{font-size:26px;line-height:1.2;font-weight:500}.launch-grid p{font-size:16px;line-height:1.7;color:#45566e}.launch-actions{display:flex;gap:28px;align-items:center;margin-top:35px;flex-wrap:wrap}.launch-actions a,.about-action a{font-size:16px;padding:16px 22px;border:1px solid #163661}.launch-actions a:first-child,.about-action a{background:#071a35;color:white}.about-page h1{font-size:clamp(42px,5vw,74px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 36px}.about-action{padding:0 4.5% 70px}.about-action a{display:inline-block}.about-page .intro{padding-top:75px}@media(max-width:1050px){.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.launch-grid{grid-template-columns:1fr;gap:20px}.launch-lead{font-size:18px}.hero-bottom p{font-size:17px}.about-page .intro{padding-top:40px}}
