:root{--bg:#0a0f1c;--fg:#f2f5ff;--mut:#9aa0b0;--line:#1f2a47;--soft:#111a2e;--acid:#6f97ff;--d:"Syne","Arial Black",Arial,sans-serif;--s:"Instrument Serif",Georgia,serif;--b:"DM Sans",Arial,Helvetica,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.5 var(--b);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{color:inherit}main{max-width:1480px;margin:auto;padding:0 28px}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
h1,h2,h3{font-family:var(--d);margin:0;text-transform:uppercase;font-weight:700}
em{font-family:var(--s);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em}
/* intro, progress, cursor */
.pre{display:none}.js .pre{display:flex;position:fixed;inset:0;z-index:200;background:#0a0a0a;color:#f4f3ee;align-items:flex-end;justify-content:space-between;padding:28px;font-family:var(--d)}
.pre-n{font-size:clamp(80px,22vw,260px);line-height:.8;font-weight:800}.pre-t{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.pre.out{transform:translateY(-100%);transition:transform .9s cubic-bezier(.76,0,.24,1)}
.bar{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;background:var(--acid);transform:scaleX(0);transform-origin:0 50%;z-index:100}
.cur{position:fixed;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid #fff;border-radius:50%;mix-blend-mode:difference;pointer-events:none;z-index:150;transition:width .3s,height .3s,margin .3s,background .3s}
.cur.big{width:76px;height:76px;margin:-38px 0 0 -38px;background:#fff}
/* split words */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .05em .14em;margin:-.08em -.05em -.14em}
.w>span{display:inline-block;transform:translateY(115%) rotate(4deg);transition:transform 1s cubic-bezier(.2,.75,.2,1) var(--d,0ms)}
.in .w>span{transform:none}
.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
/* nav */
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.brand{font:800 15px var(--d);text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:14px;height:14px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 2px var(--fg);animation:morph 4s ease-in-out infinite}
.navlinks{display:flex;gap:28px}.navlinks a{text-decoration:none;position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--acid);transition:right .35s}.navlinks a:hover:after{right:0}
/* hero */
.hero{position:relative;min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center;padding:70px 0 110px}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:34px;display:flex;align-items:center;gap:12px}
.eyebrow:before{content:"";width:46px;height:2px;background:var(--fg)}
.hero h1{font-size:clamp(40px,7.4vw,124px);line-height:.92;letter-spacing:-.045em;max-width:1200px;position:relative;z-index:2}
.hero h1 em{font-size:1.12em;color:var(--fg);background:linear-gradient(var(--acid),var(--acid)) 0 88%/0 .26em no-repeat;transition:background-size 1s .9s cubic-bezier(.2,.7,.2,1)}
.hero h1.in em{background-size:100% .26em}
.hero-copy{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-top:50px;position:relative;z-index:2}
.hero-copy p{font-size:19px;max-width:600px;margin:0}
.btn{display:inline-flex;align-items:center;background:var(--fg);color:var(--bg);text-decoration:none;padding:16px 26px;border-radius:999px;font:700 12px var(--b);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;transition:background .35s,color .35s,box-shadow .35s}
.btn:hover{background:var(--acid);color:#0a0a0a;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.shapes{position:absolute;inset:0;pointer-events:none;z-index:1}
.sh{position:absolute;transition:transform .25s ease-out}
.sh i{display:block;width:100%;height:100%}
.s1{right:6%;top:12%;width:clamp(120px,19vw,300px);aspect-ratio:1}.s1 i{background:var(--acid);animation:morph 7s ease-in-out infinite}
.s2{right:20%;top:46%;width:clamp(70px,10vw,150px);aspect-ratio:1}.s2 i{border:2px solid var(--fg);border-radius:50%;animation:float 6s ease-in-out infinite}
.s3{right:3%;top:58%;width:clamp(50px,6vw,90px);aspect-ratio:1;color:var(--fg)}.s3 svg{width:100%;height:100%;animation:spin 14s linear infinite}
.badge{position:absolute;right:14%;bottom:8%;width:clamp(100px,11vw,150px);z-index:2;animation:spin 18s linear infinite}
.badge text{fill:var(--fg);font:700 13px var(--b)}
/* marquee */
.marq{overflow:hidden;border-block:1px solid var(--fg);padding:20px 0;margin:0 -28px;white-space:nowrap;transform:rotate(-1.2deg)}
.track{display:inline-flex;gap:34px;animation:slide 28s linear infinite;padding-right:34px}
.marq:hover .track{animation-play-state:paused}
.track span{font:800 clamp(32px,5vw,70px) var(--d);text-transform:uppercase;letter-spacing:-.03em}
.track span:nth-child(4n+3){-webkit-text-stroke:1.5px var(--fg);color:transparent}
.track b{font-size:clamp(28px,4vw,56px);color:var(--acid);-webkit-text-stroke:1.5px var(--fg);animation:spin 6s linear infinite;display:inline-block}
/* proof */
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-top:70px}
.proof div{padding:26px 18px;border-right:1px solid var(--line);transition:background .4s,transform .4s}.proof div:last-child{border:0}
.proof div:hover{background:var(--soft);transform:translateY(-6px)}
.proof b{display:block;font:700 clamp(28px,3.4vw,46px) var(--d)}.proof small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
/* sections */
.section{padding:150px 0}
.label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--mut);margin-bottom:30px}
.section h2{font-size:clamp(34px,6.2vw,96px);line-height:.95;letter-spacing:-.045em;max-width:1200px}
.section h2 em{font-size:1.1em}
.lead{font-size:21px;max-width:640px;margin:44px 0 0}
.si{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px}.si .mini{max-width:340px;font-size:14px;color:var(--mut)}
.services{border-top:2px solid var(--fg)}
.service{position:relative;display:grid;grid-template-columns:70px 1fr 1fr 45px;gap:25px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start;overflow:hidden;transition:padding-left .4s,color .3s}
.service:before{content:"";position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.service:hover{padding-left:16px;color:#0a0a0a}.service:hover:before{transform:none}
.n{font-size:12px;color:var(--mut)}.service:hover .n,.service:hover p{color:#0a0a0a}
.service h3{font-size:clamp(26px,3.4vw,52px);line-height:.95;letter-spacing:-.04em;transition:letter-spacing .4s}
.service:hover h3{letter-spacing:-.01em}.service p{margin:0;color:var(--mut);max-width:430px;font-size:15px}
.plus{font-size:28px;transition:transform .4s}.service:hover .plus{transform:rotate(45deg) scale(1.2)}
/* work */
.work{background:#0a0a0a;color:#f4f3ee;margin:0 -28px;padding:120px 28px;position:relative;overflow:hidden}
.work:before{content:"";position:absolute;width:50vw;height:50vw;right:-25vw;top:-25vw;border-radius:50%;border:1px solid #2a2a2a;box-shadow:0 0 0 80px #151515,0 0 0 160px #101010;animation:spin 40s linear infinite}
.work>*{position:relative}.work .label{color:#aaa}.work h2{color:#f4f3ee}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px;perspective:1000px}
.case{min-height:500px;background:#121212;border:1px solid #2c2c2c;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease-out,border-color .3s;transform-style:preserve-3d;will-change:transform}
.case:hover{border-color:var(--acid)}
.meta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa;margin-top:20px}
.case h3{font-size:clamp(34px,4.4vw,64px);line-height:.9;letter-spacing:-.045em;margin:16px 0 10px;transition:transform .4s}.case:hover h3{transform:translateX(10px)}
.case p{color:#aaa;max-width:480px;margin:0}.link{margin-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;transition:letter-spacing .35s,color .3s}.case:hover .link{letter-spacing:.2em;color:var(--acid)}
/* concept cards */
.sub{color:#aaa;max-width:620px;margin:30px 0 0;font-size:16px}
.fl{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.fl button{font:700 11px var(--b);text-transform:uppercase;letter-spacing:.09em;color:#f4f3ee;background:transparent;border:1.5px solid #3a3a3a;border-radius:999px;padding:11px 18px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.fl button:hover{border-color:var(--acid)}.fl button.on{background:var(--acid);color:#0a0a0a;border-color:var(--acid)}
.case{min-height:0;gap:22px;justify-content:flex-start}.case[hidden]{display:none}
.work .case h3{font-size:clamp(26px,2.8vw,40px);margin:10px 0 8px}
.mock{--mb:#fff;--mf:#111;--ma:#e33;--mt:var(--d);height:300px;border-radius:8px;overflow:hidden;background:var(--mb);color:var(--mf);display:flex;flex-direction:column;box-shadow:0 22px 50px rgba(0,0,0,.45)}
.mbar{height:26px;flex:none;background:rgba(128,128,128,.2);display:flex;align-items:center;gap:5px;padding:0 10px}
.mbar u{width:7px;height:7px;border-radius:50%;background:var(--mf);opacity:.35}.mbar s{margin-left:10px;height:9px;flex:1;max-width:150px;border-radius:5px;background:var(--mf);opacity:.15}
.mv{flex:1;display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:16px 18px 0}
.mt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.mn{font:700 10px var(--b);text-transform:uppercase;letter-spacing:.14em;opacity:.7}
.mt h4{font:700 clamp(22px,2.3vw,32px)/1 var(--mt);margin:2px 0 0;letter-spacing:-.02em}
.mt p{margin:0;font-size:11px;opacity:.7;max-width:230px}
.mc{font:700 10px var(--b);text-transform:uppercase;letter-spacing:.08em;background:var(--ma);color:var(--mb);padding:9px 14px;border-radius:999px;transition:transform .3s}
.case:hover .mc{transform:translateX(6px) scale(1.06)}
.ms{font-size:10px;letter-spacing:.06em;color:var(--ma);margin-top:auto;padding-bottom:14px}
.mi{border-radius:90px 90px 0 0;background:linear-gradient(160deg,var(--ma),color-mix(in srgb,var(--ma) 30%,var(--mb)));margin-top:6px;position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mi:after{content:"";position:absolute;width:46%;aspect-ratio:1;border-radius:50%;background:var(--mb);opacity:.85;left:50%;top:22%;translate:-50% 0;animation:float 5s ease-in-out infinite}
.case:hover .mi{transform:translateY(-8px) scale(1.04)}
.m1{--mb:#1c1410;--mf:#f3e6d3;--ma:#e0793a;--mt:var(--s)}.m1 h4,.m2 h4,.m7 h4{font-weight:400;font-size:clamp(26px,2.8vw,38px)}
.m2{--mb:#efe8e1;--mf:#2a2a26;--ma:#8a9a6b;--mt:var(--s)}.m3{--mb:#eaf4f8;--mf:#0f2c3a;--ma:#1aa5c8;--mt:var(--b)}
.m4{--mb:#20262c;--mf:#ffffff;--ma:#f2a413}.m4 h4,.m8 h4{text-transform:uppercase;font-size:clamp(20px,2.1vw,28px)}.m5{--mb:#f6f4ef;--mf:#12302a;--ma:#1f6f5c;--mt:var(--b)}
.m6{--mb:#e8f7ee;--mf:#0d2b1a;--ma:#17a35a;--mt:var(--b)}.m7{--mb:#111;--mf:#f1ede6;--ma:#c9b79c;--mt:var(--s)}.m8{--mb:#101216;--mf:#fff;--ma:#ff4d2e}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#ccc;border:1px solid #333;border-radius:999px;padding:6px 11px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #2c2c2c}
.trust div{padding:22px 18px 0 0;font-size:14px;color:#bbb}.trust b{display:block;font:700 18px var(--d);color:#f4f3ee;text-transform:uppercase;margin-bottom:6px;letter-spacing:-.02em}
@keyframes pop{from{opacity:0;transform:translateY(32px) scale(.96)}}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}.mock{height:270px}}
/* trend thumbnails */
.mock{container-type:inline-size;height:auto;aspect-ratio:16/11;border-radius:14px}
.mbar{height:6cqw;min-height:20px}
.sc{flex:1;position:relative;overflow:hidden;isolation:isolate;font-family:var(--b)}
.sc:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.sc:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(34cqw circle at var(--mx,70%) var(--my,30%),rgba(255,255,255,.25),transparent 60%)}
.case:hover .sc:before{opacity:1}
.sc h4{position:absolute;margin:0;z-index:2;text-transform:none}.sc h4 em{font-family:var(--s)}
.nv{position:absolute;left:5cqw;right:5cqw;top:3.6cqw;display:flex;justify-content:space-between;align-items:center;font:700 2.3cqw var(--b);text-transform:uppercase;letter-spacing:.14em;z-index:3}
.pl{padding:1.4cqw 3cqw;border-radius:99px;background:var(--pc);color:var(--pt)}
.gs{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);border-radius:3cqw;position:absolute;z-index:3}
.gs.lt{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9)}
.ph{position:absolute;right:5cqw;bottom:-7cqw;width:19cqw;height:38cqw;border:.8cqw solid #0a0a0a;border-radius:4cqw;background:var(--pb);transform:rotate(7deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);z-index:4;overflow:hidden;box-shadow:0 3cqw 6cqw rgba(0,0,0,.35)}
.ph b{display:block;height:44%;background:var(--pa)}.ph u{display:block;height:1.5cqw;margin:2.2cqw 2.4cqw 0;border-radius:1cqw;background:currentColor;opacity:.25}.ph s{display:block;margin:3cqw 2.4cqw 0;height:4.4cqw;border-radius:3cqw;background:var(--pa)}
.case:hover .ph{transform:translateY(-4cqw) rotate(2deg)}
.rb{position:absolute;width:17cqw;z-index:3;animation:spin 16s linear infinite}.rb text{font:700 9px var(--b);fill:currentColor}
/* 1 restaurant */
.t1{background:radial-gradient(60cqw 40cqw at 75% 85%,#ff7a2f,transparent 60%),radial-gradient(40cqw 30cqw at 8% 8%,#7a2a10,transparent 70%),#140c08;color:#f3e6d3;--pc:#e0793a;--pt:#140c08;--pb:#1c1410;--pa:#e0793a}
.t1 h4{left:5cqw;top:13cqw;font:400 21cqw/.8 var(--s);letter-spacing:-.03em}.t1 h4 em{display:block;font-size:.55em;color:#ff9a55}
.pz{position:absolute;right:23cqw;top:11cqw;width:40cqw;aspect-ratio:1;border-radius:50%;z-index:2;background:radial-gradient(circle at 30% 30%,#d0402a 0 4%,transparent 4.5%),radial-gradient(circle at 68% 26%,#d0402a 0 4%,transparent 4.5%),radial-gradient(circle at 56% 62%,#d0402a 0 4.5%,transparent 5%),radial-gradient(circle at 28% 66%,#d0402a 0 4%,transparent 4.5%),radial-gradient(circle at 76% 70%,#d0402a 0 3.6%,transparent 4%),radial-gradient(circle,#f2b84b 0 62%,#c9621f 64% 70%,#e7a35a 72%);box-shadow:0 0 12cqw rgba(255,122,47,.5);animation:spin 40s linear infinite}
.t1 .ch{left:5cqw;bottom:5cqw;padding:2cqw 3cqw;display:flex;flex-direction:column}.t1 .ch b{font-size:3cqw}.t1 .ch small{font-size:2.3cqw;opacity:.7}.t1 .rb{right:4cqw;top:13cqw}
/* 2 salon */
.t2{background:radial-gradient(50cqw 40cqw at 20% 95%,#f4c9b0,transparent 60%),radial-gradient(45cqw 40cqw at 90% 5%,#bcd0a0,transparent 60%),#efe8e1;color:#2a2a26;--pc:#2a2a26;--pt:#efe8e1;--pb:#efe8e1;--pa:#8a9a6b}
.t2 h4{left:5cqw;top:15cqw;width:46cqw;font:400 9.6cqw/.98 var(--s);letter-spacing:-.02em}.t2 h4 em{color:#6b7f4a}
.ar{position:absolute;border-radius:11cqw 11cqw 0 0;overflow:hidden;z-index:1;animation:drift 6s ease-in-out infinite}.ar:after{content:"";position:absolute;width:46%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.55);left:27%;top:18%}
.a1{right:30cqw;top:10cqw;width:21cqw;height:44cqw;background:linear-gradient(#cfdcb6,#7d9060)}.a2{right:11cqw;top:20cqw;width:19cqw;height:36cqw;background:linear-gradient(#f6bf9f,#e9a58a);animation-delay:-2s}
.t2 .bk{left:5cqw;bottom:5cqw;padding:2cqw 2.6cqw;font-size:2.4cqw}.bk small{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.4cqw}.bk div{display:flex;gap:1.4cqw}.bk i{font-style:normal;border:1px solid rgba(42,42,38,.3);border-radius:99px;padding:1cqw 2.2cqw}.bk i.on{background:#6b7f4a;color:#fff;border-color:#6b7f4a}
/* 3 dental */
.t3{background:linear-gradient(135deg,#dff3fa,#fff 70%);color:#0f2c3a;--pc:#0f2c3a;--pt:#fff;--pb:#fff;--pa:#1aa5c8}
.bl{position:absolute;right:-12cqw;top:-14cqw;width:62cqw;aspect-ratio:1;background:linear-gradient(135deg,#1aa5c8,#8be3ff);animation:morph 7s ease-in-out infinite}
.t3 h4{left:5cqw;top:14cqw;width:56cqw;font:700 8.6cqw/.98 var(--d);letter-spacing:-.04em}.t3 h4 em{color:#0f8fb0;font-size:1.15em}
.bt{position:absolute;left:5cqw;bottom:5cqw;display:flex;gap:1.6cqw;z-index:3}.bt .gs{position:static;padding:2cqw 2.4cqw;font:700 2.4cqw var(--b)}
.cp{position:absolute;width:6cqw;height:12cqw;border-radius:99px;background:#fff;box-shadow:0 2cqw 5cqw rgba(26,165,200,.35);animation:float 4s ease-in-out infinite;z-index:2}.c1{right:34cqw;top:12cqw;rotate:30deg}.c2{right:46cqw;top:30cqw;rotate:-20deg;animation-delay:-2s;background:#1aa5c8}
/* 4 remodel */
.t4{background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 6cqw),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 6cqw),#15181c;color:#fff;--pc:#f2a413;--pt:#111;--pb:#15181c;--pa:#f2a413}
.num{position:absolute;right:26cqw;top:6cqw;font:800 40cqw/1 var(--d);-webkit-text-stroke:.3cqw rgba(255,255,255,.12);color:transparent}
.t4 h4{left:5cqw;top:13cqw;font:800 9.4cqw/.9 var(--d);text-transform:uppercase;color:#f2a413;letter-spacing:-.03em}
.t4 .ba{position:absolute;left:5cqw;bottom:9cqw;width:52cqw;height:20cqw;border-radius:2cqw;overflow:hidden;z-index:3}
.ba>div{position:absolute;inset:0;display:flex;gap:1.4cqw;padding:2cqw}.ba i{flex:1;border-radius:1cqw}.ba .b{background:#3a4048}.ba .b i{background:#454c55;border:1px dashed #6b7480}
.ba .a{background:#4a3524;clip-path:inset(0 0 0 70%);animation:wipe 4.5s ease-in-out infinite alternate}.ba .a i{background:linear-gradient(#f2a413,#b86f00)}
.ba em{position:absolute;bottom:1cqw;font:700 1.8cqw var(--b);text-transform:uppercase;letter-spacing:.1em}.ba .b em{left:2cqw}.ba .a em{right:2cqw}
.hd{position:absolute;top:0;bottom:0;width:.5cqw;background:#fff;left:70%;animation:hdm 4.5s ease-in-out infinite alternate}.hd:after{content:"⇄";position:absolute;top:50%;left:50%;translate:-50% -50%;width:5cqw;height:5cqw;border-radius:50%;background:#fff;color:#111;font-size:2.6cqw;display:grid;place-items:center}
.hz{position:absolute;left:0;right:0;bottom:0;height:3cqw;background:repeating-linear-gradient(135deg,#f2a413 0 2cqw,#111 2cqw 4cqw);z-index:3}
/* 5 accounting bento */
.t5{background:#f6f4ef;color:#12302a;--pc:#c6ff6a;--pt:#12302a;--pb:#f6f4ef;--pa:#1f6f5c}
.t5 h4{left:5cqw;top:13cqw;font:700 9cqw/1 var(--d);letter-spacing:-.04em}.t5 h4 em{color:#1f6f5c}
.bn{position:absolute;left:5cqw;right:28cqw;bottom:5cqw;height:25cqw;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr auto;gap:1.6cqw;z-index:3}
.bn>div{border-radius:2.6cqw;padding:2.2cqw}.k1{grid-row:span 2;background:#12302a;color:#f6f4ef;display:flex;flex-direction:column;justify-content:space-between}
.k1 small,.k2 small{font-size:2cqw;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.k1 b{font:700 6.4cqw var(--d)}.k1 svg{width:100%;height:7cqw}
.k2{background:#fff;display:flex;align-items:center;gap:1.6cqw}.dn{width:8cqw;aspect-ratio:1;border-radius:50%;background:conic-gradient(#1f6f5c 0 72%,#dfe6dc 0);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%);animation:spin 8s linear infinite}
.k3{background:#c6ff6a;font:700 2.6cqw var(--b);display:flex;align-items:center}
/* 6 cleaning */
.t6{background:linear-gradient(160deg,#c3f5da,#6fd6e8);color:#06382a;--pc:#06382a;--pt:#c3f5da;--pb:#fff;--pa:#17a35a}
.t6 h4{left:5cqw;top:14cqw;width:52cqw;font:800 9cqw/.98 var(--d);letter-spacing:-.04em}.t6 h4 em{color:#0b7a4a;font-size:1.1em}
.bb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0 12%,rgba(255,255,255,.35) 13%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.7);animation:float 5s ease-in-out infinite;z-index:1}
.b1{width:14cqw;aspect-ratio:1;right:34cqw;top:12cqw}.b2{width:8cqw;aspect-ratio:1;right:46cqw;top:34cqw;animation-delay:-1.5s}.b3{width:20cqw;aspect-ratio:1;right:26cqw;top:30cqw;animation-delay:-3s}
.t6 .cc{left:5cqw;bottom:5cqw;width:46cqw;padding:2.4cqw;display:flex;flex-direction:column;gap:2cqw}.rm{display:flex;gap:1.4cqw}.rm i{font:700 2.2cqw var(--b);font-style:normal;border:1px solid rgba(6,56,42,.3);border-radius:99px;padding:1cqw 2.2cqw}.rm i.on{background:#0b7a4a;color:#fff;border-color:#0b7a4a}
.pr{display:flex;justify-content:space-between;align-items:center;font-size:2.2cqw;text-transform:uppercase;letter-spacing:.08em}.pr b{font:700 6cqw var(--d)}
.t6 .rb{right:4cqw;top:12cqw;color:#06382a}
/* 7 photographer */
.t7{background:#0f0f0f;color:#f1ede6;--pc:#f1ede6;--pt:#0f0f0f}
.t7 h4{left:5cqw;top:10cqw;font:800 24cqw/.9 var(--d);color:transparent;-webkit-text-stroke:.28cqw #f1ede6;letter-spacing:-.05em}
.rl{position:absolute;left:5cqw;right:5cqw;top:35cqw;bottom:0;display:flex;gap:2cqw;align-items:flex-end;z-index:2}
.rl i{flex:1;border-radius:2cqw 2cqw 0 0;animation:drift 5s ease-in-out infinite}
.rl .g1{height:95%;background:radial-gradient(circle at 60% 28%,#ffd9a0 0 10%,transparent 11%),linear-gradient(#3a2e3f,#d08a6b)}.rl .g2{height:70%;background:linear-gradient(#2d6272,#a8d8d6);animation-delay:-1s}
.rl .g3{height:84%;background:radial-gradient(circle at 50% 40%,#c9b79c 0 26%,#efe5d6 27%);animation-delay:-2s}.rl .g4{height:62%;background:linear-gradient(160deg,#274433,#79a67e);animation-delay:-3s}.rl .g5{height:78%;background:linear-gradient(#a85c6e,#f4c1c4);animation-delay:-4s}
.cap{position:absolute;right:5cqw;top:14cqw;font-size:2.4cqw;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl;opacity:.7;z-index:3}
/* 8 detailing */
.t8{background:radial-gradient(50cqw 30cqw at 45% 100%,rgba(255,77,46,.55),transparent),#0a0a0c;color:#fff;--pc:#ff4d2e;--pt:#fff;--pb:#0a0a0c;--pa:#ff4d2e}
.t8 h4{left:5cqw;top:10cqw;font:800 24cqw/.9 var(--d);color:transparent;-webkit-text-stroke:.3cqw #ff4d2e;letter-spacing:-.05em}
.sl{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 5cqw,rgba(255,255,255,.07) 5cqw 5.3cqw);opacity:.8;animation:lines 2s linear infinite}
.cw{position:absolute;left:5cqw;bottom:13cqw;width:62cqw;overflow:hidden;z-index:2}.cw svg{width:100%;display:block}
.cw:after{content:"";position:absolute;top:0;bottom:0;width:26%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite}
.t8 .pk{position:absolute;left:5cqw;bottom:4cqw;display:flex;gap:1.6cqw;z-index:3}.t8 .pk i{font:700 2.2cqw var(--b);font-style:normal;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:1.2cqw 3cqw}.t8 .pk i.on{background:#ff4d2e;border-color:#ff4d2e}
@keyframes wipe{to{clip-path:inset(0 0 0 25%)}}@keyframes hdm{to{left:25%}}@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -2cqw}}@keyframes shine{to{left:130%}}@keyframes lines{to{background-position:0 5.3cqw}}
/* before/after */
.cmp{position:relative;margin-top:60px;border-radius:22px;overflow:hidden;container-type:inline-size;aspect-ratio:16/9;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;box-shadow:0 30px 80px rgba(0,0,0,.25);--x:50%}
.cmp .cl{position:absolute;inset:0}.cmp .af{clip-path:inset(0 0 0 var(--x))}
.cmp:has(input:focus-visible){outline:3px solid var(--acid);outline-offset:5px}.cmp input{position:absolute;left:0;bottom:0;width:100%;opacity:0;pointer-events:none}
.chd{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;z-index:7;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.chd i{position:absolute;top:50%;left:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:var(--acid);color:#0a0a0a;display:grid;place-items:center;font-style:normal;font-size:22px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.cmp:not(.used) .chd i{animation:ring 2s ease-in-out infinite}
.ctag{position:absolute;top:2.2cqw;z-index:8;font:700 max(10px,1.5cqw)/1 var(--b);text-transform:uppercase;letter-spacing:.14em;padding:max(6px,1cqw) max(10px,1.8cqw);border-radius:99px}.t-b{left:2.2cqw;background:#222;color:#fff}.t-a{right:2.2cqw;background:var(--acid);color:#0a0a0a}
.bf{background:#dcdcdc;font-family:"Times New Roman",Times,serif;color:#000}
.bf-h{background:linear-gradient(#0000cc,#000066);color:#ff0;text-align:center;font-weight:700;font-size:3.6cqw;padding:1.8cqw 0 1.6cqw;margin-top:0}
.bf-n{background:#c0c0c0;border-bottom:2px solid #808080;padding:.7cqw 2cqw;font-size:1.8cqw;text-align:center}.bf-n u{color:#00e;margin:0 .8cqw}
.bf-c{display:grid;grid-template-columns:1fr 28cqw;gap:2cqw;padding:2.4cqw 3cqw}
.bf h5{font:700 3.4cqw "Times New Roman",serif;color:#c00;margin:0 0 1cqw}.bf p{font-size:1.9cqw;line-height:1.3;margin:0 0 1cqw}.bf p u{color:#00e}
.bf-img{background:#9a9a9a;border:2px inset #fff;display:grid;place-items:center;font-size:1.8cqw;text-align:center;min-height:20cqw}
.bf-b{display:inline-block;background:#ff0;border:2px outset #ccc;padding:.6cqw 1.6cqw;font:700 2.2cqw "Times New Roman",serif}
.nw{color:#e00;font-weight:700;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.bf-f{position:absolute;left:0;right:0;bottom:0;background:#bbb;border-top:2px solid #888;font-size:1.6cqw;padding:.8cqw 2cqw;text-align:center}
.af{background:radial-gradient(55cqw 40cqw at 88% 8%,rgba(26,165,200,.7),transparent 60%),radial-gradient(45cqw 35cqw at 0 100%,rgba(70,60,240,.55),transparent 65%),#0a1630;color:#fff;--pc:#6f97ff;--pt:#0a1630;--pb:#0a1630;--pa:#1aa5c8}
.af h4{left:6cqw;top:12cqw;font:800 6.8cqw/.98 var(--d);letter-spacing:-.04em}.af h4 em{color:#6f97ff;font-size:1.14em}
.af .sb{position:absolute;left:6cqw;top:31cqw;width:42cqw;font-size:max(11px,1.9cqw);opacity:.8;z-index:2;margin:0}
.af .ab{position:absolute;left:6cqw;top:38cqw;display:flex;gap:1.6cqw;z-index:3;font:700 max(10px,1.8cqw) var(--b)}.ab span{padding:1.6cqw 3cqw;border-radius:99px;background:#6f97ff;color:#0a1630}.ab span+span{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.af .cr{position:absolute;left:6cqw;bottom:4cqw;display:flex;gap:1.4cqw;z-index:3}.cr .gs{position:static;padding:1.4cqw 2.2cqw;font:700 max(9px,1.7cqw) var(--b)}
.af .rb{right:30cqw;top:11cqw;color:#6f97ff}
/* industries */
.ind{display:grid;grid-template-columns:300px 1fr;gap:40px;margin-top:60px}
.il{display:flex;flex-direction:column;border-top:2px solid var(--fg);align-self:start}
.il button{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:700 19px var(--d);text-transform:uppercase;letter-spacing:-.02em;text-align:left;transition:padding .35s,background .35s,color .35s}
.il button:hover{padding-left:16px}.il button[aria-selected=true]{background:var(--acid);color:#0a0a0a;padding-left:16px}.il button:focus-visible{outline:3px solid var(--fg);outline-offset:-3px}
.ip{background:var(--soft);border-radius:24px;padding:44px;min-height:470px;position:relative;overflow:hidden}
.ip:after{content:attr(data-n);position:absolute;right:26px;top:6px;font:800 150px/1 var(--d);-webkit-text-stroke:2px var(--line);color:transparent;pointer-events:none}
.ip h3{font-size:clamp(28px,3.4vw,50px);line-height:.95;letter-spacing:-.04em;max-width:600px;position:relative;z-index:1}
.ip>p{max-width:520px;color:var(--mut);margin:18px 0 0;position:relative;z-index:1}
.mh{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0;position:relative;z-index:1}
.mh div{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px;font-size:15px;transition:transform .3s,border-color .3s}.mh div:hover{transform:translateY(-4px);border-color:var(--fg)}
.mh b{display:block;font:700 12px var(--d);color:var(--mut);margin-bottom:8px}
.ip .acts{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
button.btn{border:0;cursor:pointer}.btn.o{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg)}.btn.o:hover{background:var(--acid);color:#0a0a0a;box-shadow:inset 0 0 0 2px #0a0a0a}
.ip.sw>*{animation:fade .6s both}.ip.sw>*:nth-child(2){animation-delay:.07s}.ip.sw>*:nth-child(3){animation-delay:.14s}.ip.sw>*:nth-child(4){animation-delay:.21s}
.opn{display:block;margin-top:16px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--acid);transition:letter-spacing .35s}.case:hover .opn{letter-spacing:.2em}
.case:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
/* concept dialog */
body.lock{overflow:hidden}
.dlg{border:0;padding:0;border-radius:22px;width:min(1120px,94vw);max-height:92vh;background:#0f0f0f;color:#f4f3ee;overflow:auto;margin:auto;font:inherit}
.dlg::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(6px)}.dlg[open]{animation:dlg .5s cubic-bezier(.2,.8,.2,1)}
@keyframes dlg{from{opacity:0;transform:translateY(40px) scale(.96)}}
.x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;border:1px solid #333;background:#1a1a1a;color:#fff;cursor:pointer;z-index:9;font-size:16px;transition:background .3s,color .3s}.x:hover{background:var(--acid);color:#000}
.dg{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;padding:34px 34px 20px;align-items:start}
.dm .mock{width:100%;box-shadow:0 30px 80px rgba(0,0,0,.6)}.dm:hover .ph{transform:translateY(-4cqw) rotate(2deg)}.dm:hover .sc:before{opacity:1}
.dd{padding-top:30px}.dd h3{font-size:clamp(30px,3.4vw,48px);line-height:.92;letter-spacing:-.04em;margin:14px 0 12px}.dd p{color:#bbb;margin:0}
.dd h5{margin:26px 0 4px;font:700 11px var(--b);text-transform:uppercase;letter-spacing:.12em;color:#aaa}
.dd ul{list-style:none;padding:0;margin:0 0 20px}.dd li{padding:13px 0;border-top:1px solid #2c2c2c;font-size:14px}.dd li s{display:block;color:#777}.dd li span{display:block;color:#f4f3ee;margin-top:3px}.dd li span:before{content:"→ ";color:var(--acid)}
.dd .btn{margin-top:6px}
.dnav{display:flex;justify-content:space-between;align-items:center;padding:0 34px 28px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}
.dnav button{background:transparent;color:#f4f3ee;border:1px solid #333;border-radius:99px;padding:12px 20px;cursor:pointer;font:700 11px var(--b);text-transform:uppercase;letter-spacing:.08em;transition:background .3s,color .3s}.dnav button:hover{background:var(--acid);color:#000;border-color:var(--acid)}
@media(max-width:900px){.cmp{aspect-ratio:4/3}.ind{grid-template-columns:1fr;gap:24px}.il{flex-direction:row;overflow-x:auto;border-top:0;gap:8px;padding-bottom:6px}.il button{border:1.5px solid var(--fg);border-radius:99px;white-space:nowrap;padding:12px 18px;font-size:13px}.il button span{display:none}.il button:hover,.il button[aria-selected=true]{padding-left:18px}.ip{padding:26px 22px}.ip:after{font-size:90px}.mh{grid-template-columns:1fr}.dg{grid-template-columns:1fr;padding:20px}.dd{padding-top:0}.dnav{padding:0 20px 22px}.x{top:10px;right:10px}}
/* packages */
.pks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;align-items:stretch}
.pc{background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:34px 30px;display:flex;flex-direction:column;gap:16px;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.pc:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.18)}
.pc.hot{background:var(--acid);color:#0a0a0a;border-color:var(--acid)}
.pc small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.pc h3{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.04em}
.pc>p{margin:0;font-size:15px;opacity:.85}.pcp{font:800 22px var(--d);letter-spacing:-.03em;text-transform:uppercase}
.pc ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;flex:1}.pc li{display:flex;gap:10px;font-size:15px}.pc li:before{content:"✓";font-weight:800;color:var(--blue,#3b3bf0);flex:none}.pc.hot li:before{color:#0a0a0a}
.pc .btn{justify-content:center}.pc.hot .btn{background:#0a0a0a;color:#f4f3ee}.pc.hot .btn:hover{background:#f4f3ee;color:#0a0a0a}
.flag{position:absolute;right:22px;top:-14px;background:#0a0a0a;color:#6f97ff;font:700 11px var(--b);text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;border-radius:99px;animation:float 3s ease-in-out infinite}
.pnote{margin:26px 0 0;font-size:14px;color:var(--mut)}
/* order */
.otabs{display:flex;gap:10px;margin:44px 0 24px;flex-wrap:wrap}
.otabs button{cursor:pointer;border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:700 12px var(--b);text-transform:uppercase;letter-spacing:.09em;padding:14px 24px;border-radius:99px;transition:background .3s,color .3s}
.otabs button[aria-selected=true]{background:var(--fg);color:var(--bg)}.otabs button:hover{background:var(--acid);color:#0a0a0a;border-color:var(--acid)}
.op,.bkp{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.op[hidden],.bkp[hidden]{display:none}.bkp{grid-template-columns:1fr}
.of,.bkc{background:var(--soft);border-radius:26px;padding:36px;position:relative;overflow:hidden}
.pg{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.pg i{display:block;height:100%;width:20%;background:var(--blue,#3b3bf0);border-radius:6px;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.stp{display:block;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.q{font:700 clamp(26px,3.2vw,44px)/1 var(--d);text-transform:uppercase;letter-spacing:-.035em;margin:22px 0 6px}.qs{color:var(--mut);margin:0 0 22px;font-size:15px}
.opts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.opts button{cursor:pointer;padding:14px 20px;border-radius:999px;border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:600 15px var(--b);transition:background .25s,transform .25s,color .25s,border-color .25s}
.opts button:hover{transform:translateY(-3px)}.opts button[aria-pressed=true]{background:var(--acid);color:#0a0a0a;border-color:var(--acid);transform:scale(1.05)}
.opts button[aria-pressed=true]:before{content:"✓ "}
.lbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin:14px 0 10px}
.fld{display:grid;gap:12px}.fld input,.fld textarea{width:100%;padding:16px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:16px var(--b)}.fld input:focus,.fld textarea:focus{outline:3px solid var(--acid);border-color:var(--fg)}
.sn{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}.sn .btn[aria-disabled=true]{opacity:.35;pointer-events:none}
.sn .back{background:transparent;color:var(--mut);border:0;cursor:pointer;font:700 12px var(--b);text-transform:uppercase;letter-spacing:.09em}.sn .back:hover{color:var(--fg)}
.sent{margin-top:16px;font-size:14px;color:var(--mut)}
.os{background:#0f0f0f;color:#f4f3ee;border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:20px}
.os h4{font:700 12px var(--b);text-transform:uppercase;letter-spacing:.12em;color:#aaa;margin:0}
.osm .mock{width:100%;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.os dl{margin:0;display:grid;gap:10px;font-size:14px}.os dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#888}.os dd{margin:2px 0 0}
.rec{background:var(--acid);color:#0a0a0a;border-radius:16px;padding:16px;animation:fade .5s}.rec small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.rec b{display:block;font:800 26px var(--d);text-transform:uppercase;letter-spacing:-.03em}
.empty{color:#888;font-size:14px;margin:0}
.dir{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:65;display:flex;align-items:center;gap:10px;background:#25d366;color:#052e14;text-decoration:none;font:700 13px var(--b);padding:14px 20px 14px 16px;border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .3s}
.wa:hover{transform:translateY(-4px) scale(1.04)}.wa:after{content:"";position:absolute;inset:0;border-radius:99px;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:waring 2.4s infinite}
.wa svg{width:22px;height:22px;flex:none}@keyframes waring{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.cf{position:fixed;width:9px;height:14px;z-index:300;pointer-events:none;animation:cf 1.7s cubic-bezier(.2,.8,.3,1) forwards}@keyframes cf{to{transform:translate(var(--dx),calc(var(--dy) + 70vh)) rotate(var(--r));opacity:0}}
.footer a{text-decoration:none;color:var(--fg)}
@media(max-width:900px){.pks{grid-template-columns:1fr}.op{grid-template-columns:1fr}.of,.bkc{padding:24px 20px}.os{position:static}.wa{bottom:calc(78px + env(safe-area-inset-bottom,0px));padding:13px 16px 13px 14px}}
@media(prefers-reduced-motion:reduce){.wa:after{animation:none}}
/* audit */
.audit{background:var(--acid);color:#0a0a0a;margin:0 -28px;padding:120px 28px;position:relative;overflow:hidden}
.audit:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #a7bf2c;border-radius:50%;right:6%;top:14%;box-shadow:0 0 0 36px rgba(167,191,44,.14),0 0 0 72px rgba(167,191,44,.08);animation:pulse 4s ease-in-out infinite}
.audit h2{font-size:clamp(44px,9vw,140px);line-height:.88;letter-spacing:-.05em;position:relative;z-index:1}.audit .label{color:#3f4a0a}
.row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:55px;position:relative;z-index:1}
.ticks{display:flex;flex-wrap:wrap;gap:10px;max-width:600px}
.tick{border:1.5px solid #0a0a0a;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;animation:float 4s ease-in-out infinite}
.tick:nth-child(2){animation-delay:-.6s}.tick:nth-child(3){animation-delay:-1.2s}.tick:nth-child(4){animation-delay:-1.8s}.tick:nth-child(5){animation-delay:-2.4s}
.audit .btn{background:#0a0a0a;color:#f4f3ee}.audit .btn:hover{background:#f4f3ee;color:#0a0a0a}
/* process */
.step{position:relative;display:grid;grid-template-columns:90px 1fr 1fr;padding:32px 0;border-bottom:1px solid var(--line);transition:padding-left .4s}
.step:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s cubic-bezier(.7,0,.2,1)}
.step.on:before{transform:none}.step:hover{padding-left:14px}
.step .n{font:700 20px var(--d);transition:color .4s}.step.on .n{color:var(--fg)}
.step h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em}.step p{margin:0;color:var(--mut);max-width:430px}
.process{margin-top:70px;border-top:1px solid var(--line)}
/* faq */
.faq details{border-top:1px solid var(--line);padding:28px 0;transition:padding-left .35s}.faq details:last-child{border-bottom:1px solid var(--line)}.faq details:hover{padding-left:12px}
.faq summary{cursor:pointer;list-style:none;font:500 clamp(20px,2.2vw,28px) var(--b);display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:300 32px/1 var(--d);transition:transform .4s}.faq details[open] summary:after{transform:rotate(135deg)}
.faq p{color:var(--mut);max-width:700px;margin:16px 0 0;animation:fade .5s}
/* cta */
.cta{padding:140px 0 120px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.cta h2{font-size:clamp(44px,8.4vw,130px);line-height:.88;letter-spacing:-.05em;max-width:1100px}
.cta .btn{padding:26px 40px;font-size:14px}
.footer{border-top:1px solid var(--line);padding:26px 0 40px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.dock{position:fixed;z-index:60;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:4px;padding:4px;background:rgba(10,10,10,.94);border:1px solid #333;border-radius:999px}
.dock a{color:#fff;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:11px 16px;border-radius:999px;transition:background .3s,color .3s,transform .3s}.dock a:hover{background:var(--acid);color:#000;transform:translateY(-2px)}
body{padding-bottom:70px}
@keyframes morph{0%,100%{border-radius:50% 50% 50% 50%}25%{border-radius:62% 38% 46% 54%}50%{border-radius:40% 60% 62% 38%}75%{border-radius:55% 45% 35% 65%}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes fade{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:900px){main{padding:0 16px}.nav{height:62px}.navlinks{gap:14px}.hero{padding:50px 0 90px;min-height:auto}.hero-copy{display:block}.hero-copy .btn{margin-top:26px}.s1{opacity:.55}.s2,.s3{display:none}.badge{right:6%;bottom:2%;width:90px}.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(2){border-right:0}.proof div{border-bottom:1px solid var(--line)}.section{padding:90px 0}.si{display:block}.si .mini{margin-top:24px}.service{grid-template-columns:34px 1fr 28px}.service p{grid-column:2}.work,.audit{margin:0 -16px;padding-left:16px;padding-right:16px}.grid{grid-template-columns:1fr}.case{min-height:440px}.row{display:block}.ticks{margin-bottom:30px}.audit:after{width:170px;height:170px;right:-60px}.step{grid-template-columns:42px 1fr}.step p{grid-column:2;margin-top:10px}.cta{display:block;padding:90px 0}.cta .btn{margin-top:30px}.footer{display:block}.footer span{display:block;margin-top:12px}.marq{margin:0 -16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.w>span,.reveal{transform:none!important;opacity:1!important}.pre{display:none!important}}
/* ===== brand theme: logo + navy/blue palette ===== */
:root{color-scheme:dark}
::selection{background:#4a7bff;color:#fff}
body{background:radial-gradient(70vw 50vw at 80% 380px,rgba(33,64,190,.32),transparent 62%),radial-gradient(45vw 35vw at 0 1000px,rgba(20,40,120,.26),transparent 65%),var(--bg)}
.mk{display:block;width:100%;height:100%}
.brand{letter-spacing:.06em}.brand .mk{width:30px;height:30px;flex:none}
.fb{display:inline-flex;align-items:center;gap:10px}.fb .mk{width:22px;height:22px}
.js .pre{background:radial-gradient(60vw 45vw at 70% 55%,rgba(33,64,190,.38),transparent 60%),#070b16}
.pre-mk{position:absolute;left:50%;top:42%;width:clamp(110px,18vw,170px);translate:-50% -50%;overflow:visible}
.pre-mk .p1,.pre-mk .p2,.pre-mk .p3{transform-origin:540px 551px;animation:tri .9s cubic-bezier(.2,.8,.2,1) both}
.pre-mk .p2{animation-delay:.18s}.pre-mk .p3{animation-delay:.36s}.pre-mk .pd{animation:pulse 1.4s ease-in-out infinite;transform-origin:540px 551px}
.pre-t{text-align:right;line-height:1.7}
@keyframes tri{from{transform:rotate(-140deg) scale(.15);opacity:0}to{transform:none;opacity:1}}
.hero:before,.hero:after,.shapes:before,.shapes:after{content:"";position:absolute;width:34px;height:34px;border:0 solid #3a4a7a;pointer-events:none}
.hero:before{left:0;top:14px;border-width:1px 0 0 1px}.hero:after{right:0;bottom:70px;border-width:0 1px 1px 0}
.shapes:before{right:0;top:14px;border-width:1px 1px 0 0}.shapes:after{left:0;bottom:70px;border-width:0 0 1px 1px}
.s1{right:5%;top:20%;width:clamp(190px,28vw,420px)}.s1 i{background:linear-gradient(135deg,#5b86ff,#1e3fd0);opacity:.5;filter:blur(34px)}
.s3{width:clamp(120px,17vw,250px);right:11%;top:30%;color:inherit}.s3 .mk{animation:spin 50s linear infinite;filter:drop-shadow(0 0 36px rgba(63,107,255,.65))}
.btn{background:linear-gradient(135deg,#3d68f5,#2646d6);color:#fff}.btn:hover{box-shadow:0 14px 40px rgba(63,107,255,.45)}
.audit{background:linear-gradient(135deg,#2a4fe0,#14267a 70%,#0c1747);color:#fff}
.audit:after{border-color:rgba(255,255,255,.18);box-shadow:0 0 0 36px rgba(255,255,255,.05),0 0 0 72px rgba(255,255,255,.03)}
.audit .label{color:rgba(255,255,255,.78)}.tick{border-color:#fff}
.audit .btn{background:#fff;color:#0a0f1c}.audit .btn:hover{background:#0a0f1c;color:#fff}
.work{background:#060a14}.work:before{border-color:#16213f;box-shadow:0 0 0 80px #0a1226,0 0 0 160px #080e1d}
.case{background:#0d1428;border-color:#1d2a4d}.chips span{border-color:#26335a}.trust{border-color:#1d2a4d}.fl button{border-color:#26335a}
.dock{background:rgba(10,15,28,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#26335a}
.dlg{background:#0a1020}.x{background:#111a30;border-color:#26335a}.dnav button{border-color:#26335a}.dd li{border-top-color:#1d2a4d}
.os{background:#060a14}.pc li:before{color:var(--acid)}.pc.hot li:before{color:#0a0a0a}.pg i{background:var(--acid)}
.footer{flex-wrap:wrap;gap:14px 24px;align-items:center}
/* ===== responsive polish: phones, tablets, landscape ===== */
.mb{display:none}
.dlg{max-height:92vh}@supports(height:100dvh){.dlg{max-height:92dvh}.hero{min-height:calc(100dvh - 76px)}}
@media(min-width:901px) and (max-width:1180px){
 main{padding:0 24px}.hero h1{font-size:clamp(40px,7vw,96px)}
 .pks{gap:12px}.pc{padding:26px 22px}.pc h3{font-size:30px}
 .ind{grid-template-columns:250px 1fr;gap:28px}.il button{font-size:16px}.ip{padding:32px}
 .op{grid-template-columns:1.25fr 1fr}.of,.bkc{padding:28px}
 .service{grid-template-columns:50px 1fr 1fr 36px;gap:18px}
 .grid{gap:14px}.case{padding:18px}.trust div{padding-right:12px}
 .navlinks{gap:20px}.s3{width:clamp(110px,15vw,200px)}
}
@media(max-width:900px){
 .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:rgba(10,15,28,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 -16px;padding:0 16px}
 .brand{font-size:13px;gap:8px}.brand .mk{width:26px;height:26px}
 .mb{display:grid;gap:6px;place-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;z-index:82}
 .mb i{display:block;width:18px;height:2px;background:var(--fg);transition:transform .35s}
 .mb[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.mb[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .navlinks{position:fixed;left:0;right:0;bottom:0;top:calc(62px + env(safe-area-inset-top,0px));z-index:81;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:0;padding:24px 24px calc(90px + env(safe-area-inset-bottom,0px));visibility:hidden;opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .3s,visibility .3s}
 .navlinks.open{visibility:visible;opacity:1;transform:none}
 .navlinks a:not(.btn){display:block!important;font:800 clamp(30px,9vw,52px)/1.2 var(--d);text-transform:uppercase;letter-spacing:-.03em;margin:0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--fg)}
 .navlinks a:after{display:none}
 .hero{padding-top:36px}.s3{width:104px;right:4%;top:3%}.s1{right:-8%;top:6%;width:230px}.s2{display:none}
 .hero h1{font-size:clamp(36px,11vw,64px)}
 .eyebrow{font-size:11px}.eyebrow:before{width:26px}
 .dock{max-width:calc(100vw - 24px)}.dock a{padding:11px 14px}
 .pks{grid-template-columns:1fr;gap:22px}.trust{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr 1fr}
 .case:hover{transform:none}
}
@media(max-width:380px){.brand{font-size:11px}.dock a{padding:10px 11px;font-size:10px}.wa span{display:none}.wa{padding:14px}}
@media(hover:none){.case{transform:none!important}.sc:before{display:none}}

/* ===== WordPress templates ===== */
.pre-seen .pre{display:none!important}
.admin-bar .bar{top:32px}.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .bar{top:46px}.admin-bar .nav{top:46px}}
.page-head{padding:90px 0 34px;border-bottom:1px solid var(--line)}
.page-head h1{font:800 clamp(34px,6.2vw,96px)/.95 var(--d);letter-spacing:-.045em;text-transform:uppercase;max-width:1100px;margin:0}
.entry{max-width:780px;padding:40px 0 110px;font-size:18px;line-height:1.7}
.entry h2,.entry h3,.entry h4{font-family:var(--d);letter-spacing:-.03em;line-height:1.1;margin:1.8em 0 .5em;text-transform:none}
.entry h2{font-size:clamp(26px,3.2vw,40px)}.entry h3{font-size:clamp(22px,2.4vw,30px)}
.entry p,.entry ul,.entry ol{margin:0 0 1.2em}.entry a{color:var(--acid);text-underline-offset:3px}
.entry img,.entry video,.entry iframe{max-width:100%;height:auto;border-radius:12px}
.entry blockquote{border-left:3px solid var(--acid);margin:1.6em 0;padding:4px 0 4px 22px;color:var(--mut);font-family:var(--s);font-size:1.25em}
.entry pre,.entry code{background:var(--soft);border-radius:8px}.entry pre{padding:16px;overflow:auto}.entry code{padding:2px 6px;font-size:.9em}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.entry th,.entry td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry .alignleft{float:left;margin:0 22px 12px 0}.entry .alignright{float:right;margin:0 0 12px 22px}.entry .aligncenter{display:block;margin:0 auto}
.entry .alignwide{max-width:1100px}.wp-caption-text,.gallery-caption,figcaption{font-size:13px;color:var(--mut)}
.entry-full{padding:0}.post-thumb{margin:30px 0 0}.post-thumb img{width:100%;height:auto;border-radius:16px;display:block}
.post-list{padding:20px 0 60px}
.post-list article{display:grid;grid-template-columns:160px 1fr;gap:26px;padding:34px 0;border-top:1px solid var(--line)}.post-list article:last-child{border-bottom:1px solid var(--line)}
.post-list h2{font:700 clamp(26px,3.4vw,46px)/1 var(--d);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 12px}.post-list h2 a{text-decoration:none;transition:color .3s}.post-list h2 a:hover{color:var(--acid)}
.post-list p{color:var(--mut);max-width:640px;margin:0}.post-meta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.pagination{padding:0 0 100px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px}
.pagination a,.pagination span{padding:12px 18px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:13px}
.pagination .current{background:var(--acid);color:#0a0a0a;border-color:var(--acid)}.pagination a:hover{border-color:var(--acid)}
.post-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:50px;padding-top:26px;border-top:1px solid var(--line);font-size:14px}.post-nav a{color:var(--acid);text-decoration:none}
.notfound{padding:120px 0 140px}
.search-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.search-form input[type=search]{flex:1;min-width:200px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:16px var(--b)}
.search-form input[type=submit]{cursor:pointer;border:0;border-radius:99px;padding:16px 26px;background:linear-gradient(135deg,#3d68f5,#2646d6);color:#fff;font:700 12px var(--b);text-transform:uppercase;letter-spacing:.09em}
.comments{max-width:780px;padding:20px 0 90px}.comments h2,.comment-reply-title{font:700 28px var(--d);letter-spacing:-.03em;text-transform:none}
.comment-list{list-style:none;padding:0}.comment-body{padding:20px 0;border-top:1px solid var(--line);font-size:16px}.comment-author img{border-radius:50%;vertical-align:middle;margin-right:10px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:16px var(--b)}
.comment-form .submit{cursor:pointer;border:0;border-radius:99px;padding:14px 26px;background:linear-gradient(135deg,#3d68f5,#2646d6);color:#fff;font:700 12px var(--b);text-transform:uppercase;letter-spacing:.09em}
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
ul.fnav{list-style:none;display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:0}
@media(max-width:900px){.post-list article{display:block}.post-meta{margin-bottom:10px}.page-head{padding:60px 0 24px}.entry{padding-bottom:80px;font-size:17px}}