@font-face{font-family:'Commissioner';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/commissioner-variable.woff2') format('woff2')}
:root{--navy:#102850;--deep:#0c2143;--panel:#19365f;--blue:#3158c8;--ice:#c9ddff;--white:#f2f6ff;--orange:#ffad6b;--mint:#b5dacb;--sans:'Commissioner','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2{text-wrap:balance}p{line-height:1.7}a{color:inherit;text-underline-offset:.25em}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--navy)}
.frame{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;padding:15px;background:var(--orange);color:var(--navy)}.skip-link:focus{top:10px}.turnkey-header{position:sticky;top:0;z-index:50;background:#102850f2;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.logo{display:flex}.logo img{display:block;width:58px;height:58px;object-fit:contain}
.turnkey-hero{padding-block:43px 54px}.identity{font-size:13px;color:var(--ice);margin-bottom:25px}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.02em;color:var(--orange);margin-bottom:16px}.turnkey-hero h1{font-size:clamp(48px,5.6vw,78px);font-weight:350;line-height:1.06;letter-spacing:-.045em;max-width:1060px}.hero-bottom{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:55px;margin-top:30px}.hero-lead{font-size:17px;color:var(--ice);max-width:680px}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px 21px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:14px 23px;border:0;border-radius:7px;background:var(--orange);color:var(--deep);font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .2s,transform .2s}.action:hover{background:#ffc08a;transform:translateY(-2px)}.text-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;color:var(--ice);font-size:12px;line-height:1.6;text-decoration:underline;cursor:pointer}.hero-proof{font-size:12px;line-height:1.8;color:#aac5eb;margin-top:22px}
.work-scene{position:relative;margin-top:38px;padding:23px 26px 21px;background:#1a385f;border-radius:12px;overflow:hidden}.work-scene>p{font-size:12px;color:var(--ice);margin-bottom:23px}.flow-buttons{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px}.flow-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:53px;min-width:130px;padding:12px 20px;background:#102850;color:var(--white);border:1px solid #5b78a4;border-radius:8px;font-size:15px;line-height:1.4;box-shadow:0 8px 15px #0b1a3033;transition:background .2s,color .2s,transform .2s}.flow-chip:hover{transform:translateY(-3px)}.flow-chip[aria-pressed=true]{background:var(--orange);color:var(--navy);border-color:var(--orange)}.flow-dot{width:7px;height:7px;background:currentColor;border-radius:50%;opacity:.6}.flow-line{position:absolute;height:1px;left:55px;right:55px;top:91px;background:#6f91c344;overflow:hidden}.flow-line i{display:block;height:100%;background:#ffad6b99;transform-origin:left}.flow-detail{display:flex;gap:16px;align-items:baseline;margin-top:21px;min-height:25px;font-size:13px;line-height:1.7;color:var(--ice)}.flow-detail strong{font-weight:550;color:var(--white);min-width:90px}.flow-fallback{font-size:13px;line-height:1.8;padding-left:18px}.flow-fallback strong{font-weight:550}
h2{font-size:clamp(29px,3.2vw,43px);font-weight:450;letter-spacing:-.035em;line-height:1.17}h3{font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.3}.fit-section{background:var(--deep);padding-block:58px}.fit-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:85px}.fit-layout h2{max-width:360px}.fit-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}.fit-list li{display:flex;gap:17px;align-items:baseline}.fit-list li>span{font-size:22px;line-height:1;color:var(--orange);font-weight:350}.fit-list p{font-size:16px;color:#d5e3f9}.fit-note{font-size:13px;color:#9fbadf;margin-top:23px;max-width:620px}
.work-section{padding-block:66px 58px}.section-opening{display:flex;align-items:baseline;justify-content:space-between;gap:35px;margin-bottom:36px}.section-opening>p{font-size:13px;line-height:1.7;color:var(--ice);max-width:310px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px}.work-card{display:grid;grid-template-columns:51px minmax(0,1fr);gap:20px;padding:22px 17px 24px 0;min-width:0}.work-card p{font-size:15px;line-height:1.75;color:var(--ice);margin-top:12px;max-width:480px}.work-icon{font-size:35px;font-weight:350;line-height:1.3;color:var(--orange);text-align:center}.icon-2,.icon-4{color:var(--mint)}.work-card .sub-link{font-size:12px;margin-top:15px}.sub-link{display:inline-flex;align-items:center;gap:12px;min-height:36px;font-size:13px;color:var(--ice)}.inline-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--panel);padding:19px 25px;border-radius:8px;margin-top:25px}.inline-contact p{font-size:16px}.inline-contact a{color:var(--orange);flex-shrink:0}
.technology-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:40px 65px}.technology-copy h2{max-width:500px}.technology-copy>p:last-of-type{color:var(--ice);font-size:15px;margin-top:25px;max-width:520px}.automation-notes{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.automation-notes span{display:block;padding:8px 11px;border:1px solid #6584ad66;border-radius:30px;font-size:11px;color:#c9ddff}.technology-art{position:relative;isolation:isolate;min-width:0}.technology-art>img{display:block;width:100%;height:auto;border-radius:14px}.mini-stream{position:absolute;right:-9px;bottom:-15px;display:grid;gap:7px;min-width:205px;pointer-events:none}.mini-stream>span{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:10px 13px;border-radius:7px;border:1px solid #5678a5;background:#1a385feb;color:#d5e5ff;box-shadow:0 6px 18px #07152a50;font-size:11px}.mini-stream>span:nth-child(2){margin-left:16px}.mini-stream>span:nth-child(3){margin-left:30px}.mini-stream i{font-style:normal;color:var(--mint)}
.agreement-section{background:#18355c;padding-block:60px}.agreement-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.price-note h2{max-width:520px}.price-note>p:not(.eyebrow){font-size:15px;color:var(--ice);max-width:470px;margin-top:22px}.price-note>.action{margin-top:25px}.start-work h2{font-size:28px}.start-work ul{list-style:none;margin:25px 0 15px;padding:0;display:grid;gap:17px}.start-work li{display:flex;gap:16px;position:relative}.start-work li:not(:last-child):before{position:absolute;content:'';left:4px;top:18px;bottom:-12px;width:1px;background:#7398c94d}.process-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:8px;position:relative;z-index:1}.start-work li p{font-size:14px;line-height:1.7;color:var(--ice)}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:62px 50px}.faq-section details{margin-bottom:7px;padding:10px 0}.faq-section summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;list-style:none;font-size:16px;font-weight:500;line-height:1.5;cursor:pointer}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{font-size:23px;font-weight:350;color:var(--orange)}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details p{padding-top:15px;font-size:14px;color:var(--ice);line-height:1.8}
.contact-section{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;padding-block:28px 65px}.contact-logo{width:70px;height:70px;object-fit:contain;margin-bottom:20px}.contact-copy h2{font-size:clamp(35px,3.7vw,48px);max-width:420px}.contact-copy>p{font-size:14px;color:var(--ice);max-width:430px;margin-top:22px}.contact-links{display:grid;justify-items:start;gap:12px;margin-top:27px;font-size:16px}.contact-telegram{font-size:23px;color:var(--orange);min-height:44px;text-decoration:none}.contact-practice{font-size:12px!important}.project-form{display:grid;gap:20px;padding-top:12px;min-width:0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-form label{display:block;font-size:12px;line-height:1.6;color:var(--ice);margin-bottom:9px}.project-form label>span{font-size:10px;color:#9ebce2;margin-left:4px}.project-form input:not([type=checkbox]),.project-form textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #7795bc88;border-radius:7px;background:#19365b;color:var(--white);font:400 14px/1.6 var(--sans)}.project-form textarea{resize:vertical}.project-form input::placeholder,.project-form textarea::placeholder{color:#9fbadd}.channel-choices{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}.channel-choices legend{padding:0;margin-bottom:12px;color:var(--ice);font-size:12px}.channel-choices label{position:relative;margin:0;cursor:pointer}.channel-choices input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.channel-choices label>span{display:block;margin:0;padding:8px 12px;border:1px solid #6284b2;border-radius:30px;color:var(--ice);font-size:11px;line-height:1.5}.channel-choices input:checked+span{border-color:var(--orange);background:var(--orange);color:var(--navy)}.channel-choices input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}.project-form>.action{justify-self:start}.form-note,#form-status{font-size:11px;line-height:1.7;color:#b2c9e9}.form-note{margin-top:-7px}#form-status:empty{display:none}.message-ready{display:grid;gap:12px}.message-ready>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.message-ready .action{font-size:12px;min-height:44px}.no-script{font-size:15px;color:var(--ice)}.turnkey-footer{display:flex;align-items:center;gap:20px 34px;flex-wrap:wrap;padding-block:23px 32px;font-size:11px;color:#a9c1e5}.turnkey-footer>a:last-child{margin-left:auto}.floating-contact{display:none}
.motion-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .work-scene.is-visible .flow-chip{animation:assemble .7s cubic-bezier(.16,1,.3,1) calc(var(--order)*90ms) both}.motion-ready .work-scene.is-visible .flow-line i{animation:connect 1.1s ease .1s both}.motion-ready .technology-art.is-visible .mini-stream>span{animation:message .65s cubic-bezier(.16,1,.3,1) .3s both}.motion-ready .technology-art.is-visible .mini-stream>span:nth-child(2){animation-delay:.65s}.motion-ready .technology-art.is-visible .mini-stream>span:nth-child(3){animation-delay:1s}@keyframes assemble{from{opacity:0;transform:translateY(24px) rotate(var(--tilt))}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes connect{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes message{from{opacity:0;transform:translateX(22px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.frame{width:calc(100% - 64px)}.hero-bottom{gap:35px}.hero-actions{justify-content:start}.hero-lead{font-size:16px}.flow-chip{min-width:112px;padding:12px 13px;font-size:13px}.fit-layout,.agreement-layout,.contact-section{gap:55px}.technology-section{gap:35px}.work-grid{gap:10px 25px}.work-card{gap:14px}}
@media(max-width:800px){.hero-bottom{grid-template-columns:1fr;gap:23px}.hero-actions{justify-content:start}.flow-buttons{gap:10px;flex-wrap:wrap;justify-content:start}.flow-chip{flex:1;white-space:nowrap;min-width:120px}.flow-line{display:none}.flow-detail{min-height:45px}.fit-layout{grid-template-columns:1fr;gap:28px}.fit-layout h2{max-width:none}.work-section{padding-block:50px}.section-opening{display:block}.section-opening>p{margin-top:18px;max-width:none}.work-grid{gap:5px 20px}.work-card{grid-template-columns:35px minmax(0,1fr);gap:11px}.work-card p{font-size:14px}.work-icon{font-size:30px}h3{font-size:22px}.technology-section{grid-template-columns:1fr;gap:24px;padding-top:15px;padding-bottom:65px}.technology-copy h2,.technology-copy>p:last-of-type{max-width:650px}.technology-art{width:min(580px,100%);justify-self:center}.technology-art>img{max-height:320px;object-fit:contain}.mini-stream{right:0;bottom:-10px}.agreement-layout{gap:45px}.faq-section{gap:45px;grid-template-columns:.7fr 1.3fr}.contact-section{gap:45px}.field-pair{grid-template-columns:1fr;gap:20px}.contact-copy h2{font-size:36px}.contact-links{font-size:14px}}
@media(max-width:560px){.frame{width:calc(100% - 36px)}.header-inner{min-height:76px}.turnkey-hero{padding-block:25px 36px}.identity{font-size:11px;line-height:1.7;margin-bottom:21px}.eyebrow{font-size:11px;margin-bottom:13px}.turnkey-hero h1{font-size:clamp(37px,10.6vw,57px);letter-spacing:-.04em;line-height:1.09;text-wrap:initial}.hero-bottom{margin-top:23px;gap:21px}.hero-lead{font-size:15px;line-height:1.75}.hero-actions{gap:11px 19px}.action{font-size:12px;min-height:49px;padding:13px 18px}.text-action{font-size:12px}.work-scene{margin-top:28px;padding:19px 17px}.work-scene>p{font-size:11px;margin-bottom:17px}.flow-buttons{gap:9px}.flow-chip{font-size:12px;min-height:44px;min-width:110px;padding:10px 12px;flex:1 1 calc(50% - 9px);border-radius:6px}.flow-chip:last-child{flex-basis:100%}.flow-detail{display:block;font-size:12px;line-height:1.7;min-height:67px;margin-top:18px}.flow-detail strong{display:block;margin-bottom:4px}.hero-proof{font-size:11px;margin-top:19px;max-width:320px}h2{font-size:31px;line-height:1.2}.fit-section{padding-block:39px}.fit-layout{gap:23px}.fit-list{gap:14px}.fit-list p{font-size:14px;line-height:1.7}.fit-list li{gap:13px}.fit-note{font-size:12px;margin-top:21px}.work-section{padding-block:40px}.section-opening{margin-bottom:18px}.section-opening>p{font-size:12px;margin-top:14px}.work-grid{grid-template-columns:1fr;gap:0}.work-card{padding-block:20px;gap:13px;grid-template-columns:33px minmax(0,1fr)}h3{font-size:23px}.work-card p{font-size:14px;margin-top:10px}.inline-contact{padding:18px;display:block;margin-top:18px}.inline-contact p{font-size:15px}.inline-contact a{margin-top:5px}.technology-section{padding-top:5px;padding-bottom:49px;gap:20px}.technology-copy>p:last-of-type{font-size:14px;margin-top:20px}.technology-art{padding-bottom:17px}.technology-art>img{max-height:265px}.automation-notes span{font-size:10px}.mini-stream{font-size:10px;min-width:178px;bottom:0;right:1px;gap:5px}.mini-stream>span{padding:8px 10px;font-size:10px}.agreement-section{padding-block:40px}.agreement-layout{grid-template-columns:1fr;gap:40px}.price-note>p:not(.eyebrow){font-size:14px;margin-top:19px}.price-note>.action{margin-top:21px}.start-work h2{font-size:27px}.start-work ul{margin-top:21px;gap:16px}.start-work li p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:19px;padding-block:40px 33px}.faq-section summary{font-size:15px}.faq-section details p{font-size:14px}.contact-section{grid-template-columns:1fr;gap:25px;padding-block:10px 40px}.contact-logo{width:53px;height:53px;margin-bottom:18px}.contact-copy h2{font-size:35px}.contact-copy>p{font-size:14px;margin-top:18px}.contact-links{margin-top:20px;gap:8px}.contact-practice{font-size:11px!important}.project-form{gap:18px}.project-form input:not([type=checkbox]),.project-form textarea{font-size:16px}.project-form .field-pair{gap:18px}.project-form>.action{width:100%}.channel-choices{gap:8px}.channel-choices label>span{font-size:11px;padding:8px 10px}.turnkey-footer{gap:17px 24px;padding-block:20px 95px;line-height:1.7}.turnkey-footer>a:last-child{margin-left:0}.floating-contact{position:fixed;z-index:25;left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:51px;padding:13px 18px;border-radius:8px;background:var(--orange);color:var(--navy);box-shadow:0 6px 25px #06162a66;text-decoration:none;transition:opacity .2s,transform .2s}.floating-contact>span{font-size:13px;font-weight:650}.floating-contact>small{font-size:11px}.contact-dock-hidden .floating-contact{visibility:hidden;opacity:0;transform:translateY(85px);pointer-events:none}}
@media(max-width:360px){.turnkey-hero h1{font-size:36px}.work-scene{padding-inline:13px}.flow-chip{font-size:11px;padding-inline:10px}.work-card{grid-template-columns:27px minmax(0,1fr);gap:11px}.work-icon{font-size:27px}.work-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}
@media print{.turnkey-header,.hero-actions,.floating-contact,.project-form,.inline-contact{display:none!important}body{background:white;color:black}.frame{width:100%}.fit-section,.agreement-section{background:none}.work-grid,.fit-layout,.agreement-layout,.technology-section,.faq-section,.contact-section{display:block}.work-card{break-inside:avoid}.technology-art{max-width:350px}.motion-ready [data-reveal]{opacity:1;transform:none}}
