:root{--ink:#202020;--muted:#747471;--paper:#fafaf8;--soft:#efefec;--line:#dededa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #333}header{height:100px;margin:0 5%;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.symbol{font-size:42px;margin-right:10px;line-height:1}.brandai{font-size:12px;letter-spacing:0;margin:0 0 10px 5px}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a:hover,.footlinks a:hover{text-decoration:underline;text-underline-offset:5px}.navcta{background:var(--ink);color:white;padding:12px 22px;font-size:14px;border-radius:5px}.navcta span{margin-left:24px}.menu{display:none}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}section{padding:90px 7%;}.hero{min-height:710px;padding:90px 5% 75px;display:grid;grid-template-columns:1.06fr 1fr;gap:4%;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;display:block;color:#62625f}.dot{display:inline-block;width:7px;height:7px;background:#4e4e49;border-radius:100%;margin-right:8px}.hero h1{font-size:clamp(55px,5.8vw,91px);line-height:1.03;letter-spacing:-5px;margin:32px 0 26px;font-weight:500}.hero em{font-family:Georgia,serif;font-weight:400;letter-spacing:-5px}.lead{font-size:23px;line-height:1.5;letter-spacing:-.4px}.hero .lead{font-size:22px;margin-bottom:20px}.hero-detail{max-width:420px;color:#62625e;font-size:15px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:#fff;padding:16px 22px;border:1px solid var(--ink);border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#40403e;transform:translateY(-2px)}.textlink{display:inline-block;font-size:13px;border-bottom:1px solid #aaa;padding-bottom:5px}.work-visual{position:relative;background:linear-gradient(130deg,#f0f0ed,#e5e5e1);border-radius:7px;height:475px;overflow:hidden;box-shadow:inset 0 0 0 1px #e1e1dc}.visual-top{position:absolute;top:24px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#686862}.visual-orbit{position:absolute;inset:55px 0 65px}.orbit-ring{position:absolute;border:1px solid #cececa;border-radius:50%;width:335px;height:335px;top:10px;left:50%;transform:translateX(-50%)}.orbit-ring.inner{width:245px;height:245px;top:55px;border-style:dashed}.core{position:absolute;top:115px;left:50%;transform:translateX(-50%);background:#222;color:white;border-radius:22px;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:67px;line-height:.8;box-shadow:0 15px 40px #0002}.core small{font-size:11px;line-height:1;margin-top:8px;letter-spacing:.2px}.task{position:absolute;background:#ffffffed;border:1px solid #e2e2dc;box-shadow:0 12px 24px #00000008;border-radius:6px;padding:14px 16px;font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap}.task span{background:#eee;padding:0 6px;border-radius:3px;font-size:16px}.task b{font-size:8px;font-weight:400;color:#6c6c65;border:1px solid #ddd;padding:3px 5px;border-radius:3px}.t1{top:42px;left:12%}.t2{top:180px;right:4%}.t3{top:285px;left:10%}.visual-bottom{position:absolute;bottom:40px;left:26px;font-size:9px;letter-spacing:.15px}.illustrative{position:absolute;bottom:15px;right:20px;font-size:8px;color:#777}.strip{margin:0 5%;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#696964}.strip span:first-child{color:#222;font-weight:600}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:start}h2{font-size:clamp(34px,3.7vw,55px);letter-spacing:-2px;font-weight:500;line-height:1.13;margin:22px 0 28px}.muted{color:#92928b}.split p{color:#65655f;font-size:16px;max-width:460px}.split .large{font-size:23px;color:#222;margin-top:25px}.introsection{padding-top:110px;padding-bottom:110px}.introsection .textlink{margin-top:15px}.soft{background:var(--soft)}.sectionheading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.sectionheading h2{margin-bottom:0}.sectionheading p{font-size:14px;color:#65655f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;padding:32px 26px 65px;background:var(--paper);border:1px solid var(--line);border-radius:5px;min-height:280px;transition:transform .2s,border .2s}.card:hover{transform:translateY(-5px);border-color:#aaa}.card h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin-top:32px}.card p{font-size:14px;color:#696964}.cardarrow{position:absolute;bottom:22px;right:25px;font-size:24px}.flowdemo{border:1px solid var(--line);border-radius:6px;background:#f0f0ed;overflow:hidden}.flowtabs{display:flex;border-bottom:1px solid var(--line);padding:10px;gap:5px}.flowtabs button{flex:1;font-size:11px;border:0;background:transparent;padding:12px 6px;cursor:pointer;border-radius:4px}.flowtabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 6px #0001}.flowpanel{padding:34px}.flowicon{display:flex;width:50px;height:50px;align-items:center;justify-content:center;background:#242424;color:white;font-size:26px;border-radius:8px}.flowpanel h3{font-size:25px;letter-spacing:-.8px;font-weight:500}.flowpanel p{min-height:78px;font-size:14px}.flowstatus{border-top:1px solid #d9d9d3;padding-top:22px;font-size:11px}.dark,.endcta{background:#222;color:#fafaf8}.dark .eyebrow,.endcta .eyebrow{color:#aaa}.dark h2{font-size:60px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:50px 0 35px}.principles>div{border-top:1px solid #555;padding-top:20px}.principles span{font-size:11px;color:#999}.principles h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.principles p{font-size:14px;color:#b6b6b1}.productrows{border-top:1px solid var(--line)}.productrows a{display:grid;grid-template-columns:55px 1fr 180px 30px;align-items:center;gap:20px;padding:22px 10px;border-bottom:1px solid var(--line)}.productrows a:hover{background:#efefec}.productrows h3{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:10px 0}.productrows small{font-size:11px;color:#777;margin-left:3px}.note{font-size:12px!important;line-height:1.6;color:#777!important}.endcta{padding:80px 7%;display:block}.endcta h2{font-size:clamp(38px,4.5vw,64px);margin-bottom:35px}.light{background:#f4f4f0;color:#222;border-color:#f4f4f0}.light:hover{background:white}footer{padding:65px 7% 25px;background:#e9e9e5}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.footer-top p{font-size:13px;color:#60605b}.footlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:750px;margin-left:auto;margin-bottom:65px}.footlinks div{display:flex;flex-direction:column;gap:10px;font-size:12px}.footlinks b{margin-bottom:9px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.footer-bottom{border-top:1px solid #cecec7;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#666}.footer-bottom a{margin-right:14px}.pagehero{padding-top:65px;padding-bottom:70px;border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(44px,5.4vw,77px);letter-spacing:-3.7px;line-height:1.06;font-weight:500;margin:28px 0}.pagehero .lead{max-width:740px;color:#66665f;font-size:21px}.breadcrumb{display:block;font-size:10px;color:#777;margin-bottom:45px}.article-layout{display:grid;grid-template-columns:230px 1fr;gap:10%;max-width:1280px;margin:auto}.article-layout aside{position:sticky;top:30px;display:flex;align-self:start;flex-direction:column;gap:15px;font-size:12px;color:#6c6c66}.article-layout aside a:hover{color:#111}.aside-cta{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;color:#222}.articlepart{padding-bottom:38px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.articlepart h2{font-size:31px;letter-spacing:-1px;margin-top:0}.articlepart p{font-size:17px;line-height:1.85;color:#5f5f59}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.contact-layout>div>p{font-size:15px;color:#666}.notice{border:1px solid #d5d5cf;padding:20px;background:#efefeb;margin:30px 0}.notice b{font-size:12px}.notice p{font-size:13px;color:#666;margin-bottom:0}form label{display:block;font-size:12px;margin-bottom:24px}input,select,textarea{display:block;width:100%;margin-top:9px;border:1px solid #ccc;background:#fff;padding:13px;border-radius:3px;font-size:14px;color:#222}textarea{resize:vertical}#brief-result{margin-top:30px;border-top:1px solid #ddd;padding-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee;padding:20px;font-family:inherit;font-size:13px}.cards:has(.card:nth-child(5)){grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){header{gap:20px}nav{gap:18px}.hero{gap:25px}.hero h1{letter-spacing:-3px}.actions{align-items:start;flex-direction:column;gap:16px}.work-visual{height:420px}.task{font-size:9px;padding:11px}.task b{display:none}.orbit-ring{width:280px;height:280px;top:25px}.orbit-ring.inner{width:210px;height:210px;top:60px}.core{top:105px;width:105px;height:105px}.t3{top:255px}.split{gap:7%}.cards{gap:14px}.card{padding:25px 20px 55px}.card h3{font-size:22px}.article-layout{grid-template-columns:190px 1fr;gap:7%}}@media(max-width:720px){header{height:80px;margin:0 6%;gap:12px}.brand{font-size:22px}.symbol{font-size:33px}.navcta{margin-left:auto;font-size:11px;padding:10px 12px}.navcta span{margin-left:5px}.menu{display:block;background:none;border:1px solid #ccc;padding:9px;font-size:11px;border-radius:3px}header nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);z-index:5;border-bottom:1px solid #ccc;padding:25px 6%;flex-direction:column;font-size:16px}header.open nav{display:flex}.hero{padding:55px 6%;display:block;min-height:0}.hero h1{font-size:61px;letter-spacing:-3.4px}.hero em{letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero .lead{font-size:20px}.hero-detail{font-size:14px}.actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.btn{font-size:12px;padding:14px 17px}.textlink{font-size:12px}.work-visual{margin-top:45px;height:390px}.visual-orbit{inset:40px 0 55px}.t1{left:7%}.t2{right:7%}.t3{left:9%;top:250px}.task{font-size:11px}.visual-bottom{bottom:33px;font-size:8px}.strip{margin:0 6%;flex-wrap:wrap;font-size:9px;gap:12px 25px;padding:18px 0}.strip span:first-child{width:100%}section{padding:65px 6%}.split{display:block}h2{font-size:38px;letter-spacing:-1.6px}.split .large{margin-top:35px}.introsection{padding:70px 6%}.sectionheading{display:block}.sectionheading .textlink{margin-top:20px}.cards,.cards:has(.card:nth-child(5)){grid-template-columns:1fr}.card{min-height:220px;padding:25px 23px 50px}.card h3{margin-top:23px;font-size:26px;max-width:300px}.card p{max-width:350px}.flowdemo{margin-top:35px}.dark h2{font-size:44px}.principles{grid-template-columns:1fr;gap:24px;margin-top:30px}.principles h3{margin:14px 0}.productrows a{grid-template-columns:22px 1fr 25px;gap:12px;padding:20px 0}.productrows h3{font-size:22px}.productrows a>span:nth-of-type(2){grid-column:2;font-size:15px}.productrows b{grid-column:3;grid-row:1/3}.footer-top{display:block}.footlinks{grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.footer-bottom{flex-wrap:wrap}.pagehero{padding:50px 6%}.pagehero h1{font-size:49px;letter-spacing:-2.5px}.pagehero .lead{font-size:19px}.breadcrumb{margin-bottom:30px}.article-layout{display:block}.article-layout aside{display:none}.articlepart h2{font-size:29px}.articlepart p{font-size:16px}.contact-layout{display:block}.contact-layout form{margin-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Full-width, cursor-responsive hero canvas */
.hero{display:block;position:relative;padding:0;min-height:720px}
.herocopy{position:absolute;z-index:3;top:72px;left:5%;width:45%;margin:0;pointer-events:none}
.herocopy .actions{pointer-events:auto}
.hero h1{max-width:760px;font-size:clamp(58px,6.6vw,104px);margin-top:28px}
.hero .lead{font-size:clamp(20px,1.8vw,27px)}
.hero-detail{max-width:500px}
.work-visual{--mx:0;--my:0;--gx:72%;--gy:50%;width:100%;height:720px;min-height:720px;margin:0;border-radius:0;border-bottom:1px solid #d8d8d3;background:linear-gradient(110deg,#f7f7f4 0%,#eeeeea 43%,#e4e4df 100%);isolation:isolate;cursor:crosshair}
.work-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--gx) var(--gy),rgba(255,255,255,.95),rgba(255,255,255,.22) 42%,transparent 72%);opacity:.9;transition:opacity .35s ease}
.work-visual::after{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(45,45,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,45,42,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.visual-top{top:28px;left:52%;right:5%;font-size:9px}
.visual-orbit{top:54px;right:0;bottom:58px;left:43%;transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 10px),0);transition:transform .12s linear;will-change:transform}
.orbit-ring{width:470px;height:470px;top:50%;transform:translate(-50%,-50%) translate3d(calc(var(--mx) * -10px),calc(var(--my) * -8px),0);transition:transform .16s linear}
.orbit-ring.inner{width:340px;height:340px;top:50%;transform:translate(-50%,-50%) translate3d(calc(var(--mx) * -18px),calc(var(--my) * -14px),0)}
.core{top:50%;transform:translate(-50%,-50%) translate3d(calc(var(--mx) * 24px),calc(var(--my) * 20px),0);width:152px;height:152px;border-radius:30px;font-size:82px;transition:transform .1s linear,box-shadow .25s ease;will-change:transform}
.work-visual:hover .core{box-shadow:calc(var(--mx) * -18px) calc(20px + var(--my) * 10px) 52px #0003}
.task{transition:transform .1s linear,box-shadow .25s ease;will-change:transform}
.t1{top:18%;left:13%;transform:translate3d(calc(var(--mx) * 34px),calc(var(--my) * 26px),0)}
.t2{top:43%;right:10%;transform:translate3d(calc(var(--mx) * -42px),calc(var(--my) * -30px),0)}
.t3{top:70%;left:18%;transform:translate3d(calc(var(--mx) * 28px),calc(var(--my) * -34px),0)}
.work-visual:hover .task{box-shadow:0 18px 35px #00000014}
.visual-bottom{left:52%;bottom:27px}.illustrative{right:5%;bottom:23px}

@media(max-width:1000px){.hero{min-height:650px}.herocopy{top:55px;width:49%}.hero h1{font-size:clamp(50px,7vw,68px)}.work-visual{height:650px;min-height:650px}.visual-orbit{left:46%}.orbit-ring{width:360px;height:360px}.orbit-ring.inner{width:265px;height:265px}.core{top:50%;width:122px;height:122px}.t1{top:19%;left:4%}.t2{top:44%;right:3%}.t3{top:70%;left:6%}}
@media(max-width:720px){.hero{padding:50px 0 0;min-height:0}.herocopy{position:relative;top:auto;left:auto;width:88%;margin:0 auto 48px;pointer-events:auto}.hero h1{font-size:61px}.work-visual{margin-top:0;height:430px;min-height:430px}.visual-top{left:6%;right:6%}.visual-orbit{inset:40px 0 50px}.visual-bottom{left:6%}.orbit-ring{width:300px;height:300px}.orbit-ring.inner{width:215px;height:215px}.core{top:50%;width:108px;height:108px;font-size:62px}.t1{top:15%;left:5%}.t2{top:47%;right:3%}.t3{top:74%;left:7%}.task{font-size:10px;padding:10px}.work-visual::after{background-size:38px 38px}}
@media(hover:none),(pointer:coarse){.work-visual{cursor:auto}.visual-orbit,.orbit-ring,.orbit-ring.inner,.core,.task{transform:none}.orbit-ring,.orbit-ring.inner{transform:translate(-50%,-50%)}.core{transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.visual-orbit,.orbit-ring,.orbit-ring.inner,.core,.task{transform:none!important}.orbit-ring,.orbit-ring.inner,.core{transform:translate(-50%,-50%)!important}.work-visual::before{display:none}}

/* Branded missing-page experience */
.not-found{min-height:680px;padding:0 5%;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;border-bottom:1px solid var(--line)}
.nf-copy{display:flex;flex-direction:column;justify-content:center;padding:82px 9% 82px 2%}
.nf-copy h1{font-size:clamp(62px,7vw,108px);font-weight:500;letter-spacing:-5px;line-height:.94;margin:30px 0}
.nf-copy .lead{max-width:520px;color:#65655f;font-size:19px}
.nf-visual{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(135deg,#efefec,#e2e2de);border-left:1px solid #d8d8d3;isolation:isolate;display:flex;align-items:center;justify-content:center}
.nf-visual::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(45,45,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,45,42,.05) 1px,transparent 1px);background-size:48px 48px}
.nf-visual::after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#fff9 0,transparent 68%);z-index:-1}
.nf-code{position:absolute;top:22px;right:26px;font-size:clamp(100px,14vw,220px);font-weight:600;letter-spacing:-14px;line-height:1;color:#d0d0cb}
.nf-orbit{position:relative;width:380px;height:380px;display:flex;align-items:center;justify-content:center}
.nf-ring{position:absolute;inset:0;border:1px solid #bdbdb7;border-radius:50%;animation:nf-turn 20s linear infinite}
.nf-ring::before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#252525;top:40px;right:60px;box-shadow:0 0 0 8px #ffffff8c}
.nf-ring-inner{inset:62px;border-style:dashed;animation-direction:reverse;animation-duration:28s}
.nf-ring-inner::before{top:auto;right:auto;bottom:5px;left:102px;width:7px;height:7px;box-shadow:0 0 0 6px #ffffff8c}
.nf-mark{width:126px;height:126px;border-radius:27px;background:#222;box-shadow:0 22px 54px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transform:rotate(-3deg)}
.nf-mark i{display:block;width:64px;height:6px;border-radius:9px;background:#f7f7f3}
.nf-mark i:first-child{transform:translateX(-7px)}.nf-mark i:last-child{transform:translateX(7px)}
.nf-visual p{position:absolute;left:24px;bottom:20px;margin:0;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#666}.nf-visual p b{padding:0 7px}
@keyframes nf-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.not-found{grid-template-columns:1fr}.nf-copy{padding:70px 2%}.nf-visual{min-height:480px;border-left:0;border-top:1px solid #d8d8d3}.nf-code{font-size:150px}.nf-orbit{width:320px;height:320px}.nf-ring-inner{inset:54px}}
@media(max-width:520px){.not-found{padding:0 6%}.nf-copy h1{font-size:68px;letter-spacing:-3.5px}.nf-copy .actions{align-items:flex-start;flex-direction:column}.nf-visual{min-height:390px;margin:0 -6%}.nf-orbit{width:270px;height:270px}.nf-ring-inner{inset:46px}.nf-mark{width:104px;height:104px}.nf-code{font-size:112px;right:18px}.nf-visual p{font-size:7px;left:18px}}

/* Wider site gutters with edge-to-edge section backgrounds */
@media(min-width:1001px){
 header{margin-left:15%;margin-right:15%}
 section{padding-left:17%;padding-right:17%}
 .strip{margin-left:15%;margin-right:15%}
 footer{padding-left:17%;padding-right:17%}
 .herocopy{left:15%;width:35%}
 .visual-top{right:15%}
 .illustrative{right:15%}
 .not-found{padding-left:15%;padding-right:15%}
}
@media(min-width:721px) and (max-width:1000px){
 header{margin-left:10%;margin-right:10%}
 section{padding-left:10%;padding-right:10%}
 .strip{margin-left:10%;margin-right:10%}
 footer{padding-left:10%;padding-right:10%}
 .herocopy{left:10%;width:40%}
 .visual-top{right:10%}
 .illustrative{right:10%}
 .not-found{padding-left:10%;padding-right:10%}
}
