/*
 * SOLUZ theme · main stylesheet
 * Built from soluz-home.html. Colors: Black #000000 · White · Orange #EC5E27 · Gray #ECECE1.
 * Every class starts with "sz-".
 */

/* ==================== Global: colors, type, buttons, motion helpers, theme shield ==================== */
:root{
  /* ===== SOLUZ COLORS (from the logo) =====
     1. Orange #EC5E27 → the accent: main buttons, highlight word, active states, ticks
     2. Cream  #FDFDF1 → main background, text on dark
     3. Black  #000000 → dark sections, main text
     + shades of these three only (deeper cream for soft sections, darker orange for hover).
     Rule: one orange highlight per heading, one orange button per area. */
  --bk:#000000;
  --ink:#121210;          /* text black */
  --or:#EC5E27;           /* brand orange */
  --or-d:#C94A16;         /* orange hover (darker) */
  --or-l:#F6915D;         /* orange on black (lighter) */
  --or-t:#FCE7DA;         /* orange tint (chips, icon boxes) */
  --cr:#FDFDF1;           /* cream */
  --gray:#F4EFDF;         /* deeper cream: soft sections, small surfaces */
  --mute:#5F5B4F;         /* soft text */
  --line:#E6E0CC;         /* borders */
  --ease:cubic-bezier(.2,.7,.2,1);
  --sp:120px;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");   /* fine film grain for dark sections */
}
html.sz-intro{--hd:1.75s}       /* hero waits for the intro curtain */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#FDFDF1;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
/* resets: strong enough to beat the WordPress theme, weak enough that SOLUZ classes always win */
.sz-s :where(h1,h2,h3,h4,p,ul,ol,dl,dd){margin:0;padding:0}
.sz-s :where(ul,ol){list-style:none}
.sz-s :where(a){color:inherit;text-decoration:none}
.sz-s :where(button){font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;padding:0;box-shadow:none;white-space:normal;letter-spacing:inherit;text-transform:none;text-align:inherit}
.sz-s :where(button):hover,.sz-s :where(button):focus{background:none;color:inherit}
.sz-s ::selection{background:var(--or);color:#FDFDF1}
.sz-s :focus-visible{outline:2px solid var(--or);outline-offset:3px}
.sz-s input:focus-visible,.sz-s textarea:focus-visible{outline:none}   /* fields show focus with their own orange underline */
.sz-i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sz-w{max-width:1160px;margin:0 auto;padding:0 32px}
.sz-sec{padding:var(--sp) 0;scroll-margin-top:24px;position:relative}
.sz-ctr{text-align:center}
.sz-lb{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);color:var(--ink);background:#FDFDF1;border-radius:30px;padding:5px 14px 5px 11px;font-size:13px;font-weight:500;margin-bottom:20px}
.sz-lb:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or)}
.sz-dark .sz-lb{color:#FDFDF1;background:rgba(253,253,241,.06);border-color:rgba(253,253,241,.16)}
.sz-h2{font-size:clamp(34px,4.6vw,60px);font-weight:500;line-height:1.06;letter-spacing:-.035em}
.sz-em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--or)}
/* highlight box (hero + footer), same style as the first SOLUZ design */
.sz-hl{position:relative;display:inline-block;color:#FDFDF1;padding:0 .2em .06em;margin-left:.05em;z-index:0}
.sz-hl:before{content:"";position:absolute;inset:0;background:var(--or);border-radius:.22em;z-index:-1;transform-origin:left center;transform:scaleX(0);animation:szhl .9s 1s var(--ease) forwards}
@keyframes szhl{to{transform:scaleX(1)}}
.sz-rv .sz-hl:before{animation:none}
.sz-rv.in .sz-hl:before{animation:szhl .9s .45s var(--ease) forwards}
.sz-sub{color:var(--mute);font-size:18px;max-width:600px;margin:18px auto 0}
/* logo (hero, menu sheet, footer) */
.sz-logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:.14em}
.sz-logo b{width:28px;height:28px;border-radius:8px;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-size:15px;letter-spacing:0;transition:transform .5s var(--ease)}
.sz-logo:hover b{transform:rotate(-12deg)}
[data-logo].has-img{background:none!important;box-shadow:none!important}
[data-logo].has-img img{width:100%;height:100%;object-fit:contain;display:block}
.sz-logo.has-wide img{height:30px;width:auto;max-width:200px;display:block;object-fit:contain}
.sz-hlogo.has-wide img{height:38px}
/* ===== premium motion helpers ===== */
html.sz-smooth,.lenis.lenis-smooth{scroll-behavior:auto!important}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:hidden}
/* headings: words rise one by one (JS wraps the words) */
.sz-w8{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .16em;margin:0 -.06em -.16em}
.sz-w8>*{display:inline-block;transform:translateY(110%) rotate(3deg);transform-origin:0 100%;transition:transform 1.05s var(--ease);transition-delay:calc(var(--wi,0)*.05s)}
.sz-split.in .sz-w8>*{transform:none}
/* images/visuals open like a window */
.sz-clip{clip-path:inset(12% 9% 12% 9% round 30px)}
.sz-cv.sz-clip{transition:clip-path 1.5s var(--ease),transform .7s var(--ease),box-shadow .7s var(--ease),opacity .9s var(--ease)}
.sz-clip.in{clip-path:inset(0 0 0 0 round 30px)}
/* open/close panels (FAQ) */
.sz-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.open>.sz-fold{grid-template-rows:1fr}
.sz-fold>div{overflow:hidden}
/* buttons */
.sz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:15px 26px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.2;min-height:50px;white-space:nowrap;text-align:center;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s,border-color .3s,translate .35s var(--ease)}
.sz-btn .sz-i{width:18px;height:18px;transition:transform .35s var(--ease)}
.sz-btn:hover .sz-i{transform:translateX(4px)}
.sz-btn.pu{background:var(--or);color:#FDFDF1}
.sz-btn.pu:hover{background:var(--or-d);color:#FDFDF1;transform:translateY(-3px);box-shadow:0 9.8px 21px rgba(236,94,39,0.175)}
.sz-btn.wh{background:#FDFDF1;color:var(--bk)}
.sz-btn.wh:hover{background:#FDFDF1;color:var(--bk);transform:translateY(-3px);box-shadow:0 9.8px 23.8px rgba(236,94,39,0.2)}
.sz-btn.dk{background:var(--bk);color:#FDFDF1}
.sz-btn.dk:hover{background:var(--bk);color:#FDFDF1;transform:translateY(-3px);box-shadow:0 9.8px 21px rgba(0,0,0,0.125)}
.sz-btn.gh{background:transparent;border:1px solid rgba(253,253,241,.28);color:#FDFDF1}
.sz-btn.gh:hover{background:rgba(253,253,241,.1);color:#FDFDF1;transform:translateY(-3px)}
.sz-btn.ol{background:transparent;border:1px solid var(--line);color:var(--ink)}
.sz-btn.ol:hover{background:transparent;border-color:var(--ink);color:var(--ink);transform:translateY(-3px)}
/* creative arrow: circle + arrow flies out, new arrow flies in (used in cards) */
.sz-arw{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;transition:background .45s var(--ease),border-color .45s,color .45s,transform .45s var(--ease)}
.sz-arw svg{position:absolute;width:18px;height:18px;transition:transform .5s var(--ease)}
.sz-arw svg+svg{transform:translate(-160%,160%)}
.sz-hov:hover .sz-arw,.sz-arw:hover{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-hov:hover .sz-arw svg:first-child,.sz-arw:hover svg:first-child{transform:translate(160%,-160%)}
.sz-hov:hover .sz-arw svg+svg,.sz-arw:hover svg+svg{transform:none}
/* scroll reveal */
.sz-rv{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.sz-rv.in{opacity:1;transform:none}
.sz-d1{transition-delay:.1s}.sz-d2{transition-delay:.2s}.sz-d3{transition-delay:.3s}
/* marquee (endless slider) */
.sz-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sz-mq-t{display:flex;width:max-content;animation:szmq var(--d,45s) linear infinite}
.sz-mq.rev .sz-mq-t{animation-direction:reverse}
.sz-mq:hover .sz-mq-t{animation-play-state:paused}
.sz-mq.go:hover .sz-mq-t{animation-play-state:running}   /* "go" sliders never pause (hero stage, skills, ticker) */
@keyframes szmq{to{transform:translateX(-50%)}}
@keyframes szfl{50%{transform:translateY(-14px)}}
@media(max-width:900px){:root{--sp:76px}.sz-w{padding:0 20px}.sz-h2{font-size:clamp(30px,8.6vw,44px)}.sz-sub{font-size:16px}}
@media(prefers-reduced-motion:reduce){.sz-s *,.sz-s *:before,.sz-s *:after{animation:none!important;transition:none!important}.sz-rv{opacity:1;transform:none}}

/* ===== SHIELD: keeps WordPress core / plugin default styles (links, buttons, inputs, headings)
   from changing SOLUZ sections. */
.sz-s :where(a):hover,.sz-s :where(a):active,.sz-s :where(a):focus{color:inherit;text-decoration:none}
.sz-s :where(button,[type=button],[type=submit]){border:0;border-radius:0;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:normal;text-transform:none}
.sz-s :where(h1,h2,h3,h4,h5,h6){font-family:inherit;color:inherit}
.sz-s :where(label){line-height:inherit;vertical-align:baseline}
.sz-s :where(dt){font-weight:inherit}
.sz-s :where(dd){margin:0}
.sz-s :where(img){max-width:100%;height:auto}
.sz-s :where(input,textarea){box-shadow:none}

/* skip link (keyboard users) */
.sz-skip{position:absolute;left:-9999px;top:0}
.sz-skip:focus{left:16px;top:16px;z-index:400;background:#FDFDF1;color:#000;padding:10px 16px;border-radius:10px;font-weight:600}
/* WordPress admin bar: keep it above the intro curtain */
#wpadminbar{z-index:99999}

/* ==================== Top ticker ==================== */
.sz-tk{background:var(--or);color:#FDFDF1;height:34px;display:flex;align-items:center;font-size:14px;font-weight:500;overflow:hidden}
.sz-tk .sz-mq{-webkit-mask-image:none;mask-image:none;width:100%}
.sz-tk span{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap}
.sz-tk span:after{content:"✦";font-size:12px;opacity:.7}

/* ==================== Intro curtain + cursor ==================== */
/* intro: black curtain, SOLUZ letters rise, counter 0→100, curtain lifts with a curved edge */
.sz-ld{position:fixed;inset:0;z-index:300;background:#000 var(--noise);color:#FDFDF1;display:grid;place-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1)}
.sz-ld:after{content:"";position:absolute;left:-10%;right:-10%;top:calc(100% - 1px);height:14vh;background:#000;border-radius:0 0 50% 50%/0 0 100% 100%}
.sz-ld.out{transform:translateY(calc(-100% - 14vh))}
.sz-ld-w{display:flex;font-size:clamp(64px,15vw,200px);font-weight:700;letter-spacing:-.06em;line-height:.9;overflow:hidden;padding:.04em .02em .06em}
.sz-ld-w i{font-style:normal;display:inline-block;transform:translateY(110%);animation:szup .8s var(--ease) forwards;animation-delay:calc(.05s + var(--k)*.05s)}
.sz-ld-w i:last-child{color:var(--or)}
.sz-ld.out .sz-ld-w i{transform:translateY(-110%);transition:transform .7s var(--ease);animation:none}
.sz-ld-n{position:absolute;right:32px;bottom:28px;font-size:14px;color:#999992;font-variant-numeric:tabular-nums}
.sz-ld-n b{font-size:44px;font-weight:500;color:#FDFDF1;letter-spacing:-.04em}
.sz-ld-t{position:absolute;left:32px;bottom:34px;font-size:13px;color:#999992;letter-spacing:.08em;text-transform:uppercase}
.sz-ld-b{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--or);transform-origin:left;transform:scaleX(0)}
html.sz-lock,html.sz-lock body{overflow:hidden}
@keyframes szup{to{transform:none}}
/* cursor */
.sz-cur{position:fixed;left:0;top:0;z-index:250;pointer-events:none;display:none}
html.sz-hascur .sz-cur{display:block}
html.sz-hascur,html.sz-hascur a,html.sz-hascur button,html.sz-hascur label{cursor:none}
html.sz-hascur input,html.sz-hascur textarea{cursor:text}
.sz-cur .d,.sz-cur .r{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}
.sz-cur .d{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--or)}
.sz-cur .r{width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid rgba(236,94,39,.55);display:grid;place-items:center;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .35s,border-color .35s,opacity .3s}
.sz-cur .r span{font-size:12px;font-weight:600;color:#FDFDF1;opacity:0;transition:opacity .25s;white-space:nowrap}
.sz-cur.link .r{width:62px;height:62px;margin:-31px 0 0 -31px;background:rgba(236,94,39,.12);border-color:transparent}
.sz-cur.lbl .r{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--or);border-color:var(--or)}
.sz-cur.lbl .r span{opacity:1}
.sz-cur.lbl .d,.sz-cur.text .d{opacity:0}
.sz-cur.text .r{opacity:0}
.sz-cur.down .r{width:30px;height:30px;margin:-15px 0 0 -15px}
.sz-cur.gone{opacity:0}

/* ==================== Dock menu + menu sheet ==================== */
.sz-dockwrap{position:fixed;left:0;right:0;bottom:22px;z-index:80;display:flex;justify-content:center;pointer-events:none}
.sz-dockwrap>.sz-dock{pointer-events:auto}
.sz-dock{position:relative;display:flex;align-items:center;gap:4px;padding:6px;background:rgba(12,12,12,.88);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(253,253,241,.12);border-radius:22px;box-shadow:0 16.8px 35px -11.2px rgba(0,0,0,0.3),inset 0 1px 0 rgba(253,253,241,0.04);color:#FDFDF1;animation:szdin 1s .4s var(--ease) backwards;transition:transform .6s var(--ease),box-shadow .4s}
.sz-dock:hover{box-shadow:0 21px 42px -11.2px rgba(236,94,39,0.2),inset 0 1px 0 rgba(253,253,241,0.05)}
@keyframes szdin{from{transform:translateY(150%) scale(.85);opacity:0}}
.sz-dockwrap.away .sz-dock{transform:translateY(170%)}
.sz-dg{display:flex;align-items:center;gap:2px;flex:none}
.sz-dgl{justify-content:flex-end}.sz-dgr{justify-content:flex-start}
.sz-di{position:relative;z-index:1;display:flex;align-items:center;gap:8px;height:48px;padding:0 15px;border-radius:16px;font-size:15px;line-height:1;color:#BCBCB3;white-space:nowrap;overflow:hidden;transition:color .3s,padding .5s var(--ease),gap .5s var(--ease);animation:szdi .6s var(--ease) backwards;animation-delay:calc(.65s + var(--i,0)*.06s)}
@keyframes szdi{from{opacity:0;transform:translateY(14px)}}
.sz-dock .sz-di:hover,.sz-dock .sz-di.on{color:#FDFDF1}
.sz-di .sz-i{width:19px;height:19px;transform-origin:50% 90%;transition:transform .2s ease-out}
.sz-di.pop .sz-i,.sz-di.pop>b{animation:szpop .45s var(--ease)}
@keyframes szpop{35%{transform:scale(.72)}70%{transform:scale(1.22)}}
.sz-di .l{display:inline-block;max-width:110px;overflow:hidden;transition:max-width .5s var(--ease),opacity .35s}
.sz-dock.mini .sz-di{gap:0;padding:0 13px}
.sz-dock.mini .l{max-width:0;opacity:0}
.sz-dock.mini .sz-cta{gap:10px;padding:0 26px}
.sz-dock.mini .sz-cta .l{max-width:110px;opacity:1}
.sz-dock-ind{position:absolute;left:0;top:6px;height:48px;width:0;border-radius:16px;background:rgba(253,253,241,.1);box-shadow:inset 0 1px 0 rgba(253,253,241,0.04);opacity:0;transition:transform .5s var(--ease),width .5s var(--ease),opacity .3s;pointer-events:none}
.sz-dock-bar{position:absolute;left:22px;right:22px;top:-1px;height:2px;border-radius:2px;overflow:hidden;pointer-events:none}
.sz-dock-bar b{display:block;height:100%;background:linear-gradient(90deg,transparent,var(--or));transform-origin:left;transform:scaleX(0)}
/* S + scroll ring */
.sz-dock .sz-home{width:48px;padding:0;justify-content:center;border-radius:50%}
.sz-dock.mini .sz-home{padding:0}
.sz-home svg.r{position:absolute;left:2px;top:2px;width:44px;height:44px;transform:rotate(-90deg)}
.sz-home svg.r circle{fill:none;stroke-width:2}
.sz-home svg.r .t{stroke:rgba(253,253,241,.12)}
.sz-home svg.r .p{stroke:var(--or);stroke-linecap:round;transition:stroke-dashoffset .15s linear}
.sz-home>b{width:28px;height:28px;border-radius:9px;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-size:15px;font-weight:700;transition:transform .2s ease-out}
/* LET'S TALK (center) */
.sz-dock .sz-cta{color:#FDFDF1;font-weight:600;padding:0 28px;gap:10px;isolation:isolate;clip-path:inset(0 round 16px);-webkit-clip-path:inset(0 round 16px)}
.sz-dock .sz-cta:hover{color:#FDFDF1}
.sz-cta .run{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,var(--or) 0 70%,#FCD5C2 86%,var(--or) 100%);animation:szrun 3.2s linear infinite;z-index:-2}
@keyframes szrun{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sz-cta:after{content:"";position:absolute;inset:2px;border-radius:14px;background:var(--or);z-index:-1;transition:background .3s}
.sz-cta:hover:after{background:var(--or-d)}
.sz-cta .shn{position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(253,253,241,.35),transparent);transform:skewX(-20deg);animation:szshine 4.5s 2s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes szshine{0%,70%{left:-60%}100%{left:130%}}
.sz-cta .l,.sz-cta .sz-i{position:relative;z-index:1}
.sz-cta .sz-i{transition:transform .4s var(--ease)}
.sz-cta:hover .sz-i{transform:translateX(4px)}
.sz-live{position:absolute;top:8px;right:9px;z-index:1;width:7px;height:7px;border-radius:50%;background:#FDFDF1}
.sz-live:after{content:"";position:absolute;inset:0;border-radius:50%;background:#FDFDF1;animation:szping 1.8s ease-out infinite}
@keyframes szping{to{transform:scale(3);opacity:0}}
/* More → X */
.sz-burg{width:18px;height:14px;position:relative;display:inline-block;flex:none}
.sz-burg i{position:absolute;left:0;height:2px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease),opacity .3s,width .45s var(--ease),top .45s var(--ease)}
.sz-burg i:nth-child(1){top:0;width:18px}.sz-burg i:nth-child(2){top:6px;width:12px}.sz-burg i:nth-child(3){top:12px;width:15px}
#szMore:hover .sz-burg i{width:18px}
#szMore.x{color:#FDFDF1}
#szMore.x .sz-burg i:nth-child(1){top:6px;width:18px;transform:rotate(45deg)}
#szMore.x .sz-burg i:nth-child(2){opacity:0;transform:translateX(-8px)}
#szMore.x .sz-burg i:nth-child(3){top:6px;width:18px;transform:rotate(-45deg)}
/* tap ripple */
.sz-rip{position:absolute;border-radius:50%;background:rgba(253,253,241,.25);transform:scale(0);animation:szrip .65s var(--ease) forwards;pointer-events:none;z-index:0}
@keyframes szrip{to{transform:scale(1);opacity:0}}
/* quick contact bubbles above Let's Talk (laptop) */
.sz-qk{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);padding-bottom:12px;display:flex;gap:8px;pointer-events:none}
.sz-qk a{display:flex;align-items:center;gap:8px;background:#FDFDF1;color:var(--ink);border-radius:30px;padding:7px 16px 7px 7px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 9.8px 21px -8.4px rgba(0,0,0,0.225);opacity:0;transform:translateY(14px) scale(.9);transition:opacity .3s,transform .45s var(--ease),background .3s,color .3s}
.sz-qk a i{width:30px;height:30px;border-radius:50%;background:var(--or-t);color:var(--or);display:grid;place-items:center;transition:background .3s,color .3s}
.sz-qk a .sz-i{width:15px;height:15px}
.sz-qk a:hover{background:var(--or);color:#FDFDF1}
.sz-qk a:hover i{background:rgba(253,253,241,.2);color:#FDFDF1}
.sz-dockwrap.qk .sz-qk{pointer-events:auto}
.sz-dockwrap.qk .sz-qk a{opacity:1;transform:none}
.sz-dockwrap.qk .sz-qk a:nth-child(2){transition-delay:.05s}
.sz-dockwrap.qk .sz-qk a:nth-child(3){transition-delay:.1s}
/* section bubble */
.sz-tip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,8px) scale(.9);opacity:0;background:#FDFDF1;color:var(--ink);font-size:13px;font-weight:500;padding:6px 14px 6px 12px;border-radius:30px;box-shadow:0 8.4px 21px -7px rgba(0,0,0,0.175);white-space:nowrap;pointer-events:none;transition:opacity .35s,transform .45s var(--ease);display:flex;align-items:center;gap:8px}
.sz-tip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or)}
.sz-tip.show{opacity:1;transform:translate(-50%,0) scale(1)}
.sz-dockwrap.qk .sz-tip{opacity:0}
/* menu sheet */
.sz-scrim{position:fixed;inset:0;z-index:78;background:rgba(0,0,0,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.sz-scrim.open{opacity:1;visibility:visible;transition:opacity .4s}
.sz-sheet{position:fixed;left:50%;bottom:100px;z-index:79;width:min(500px,calc(100% - 20px));background:#111110;color:#FDFDF1;border:1px solid rgba(253,253,241,.1);border-radius:26px;padding:20px;box-shadow:0 28px 56px -14px rgba(0,0,0,0.3);transform:translate(-50%,24px) scale(.94);transform-origin:50% 100%;opacity:0;visibility:hidden;transition:transform .5s var(--ease),opacity .35s,visibility 0s .5s}
.sz-sheet.open{transform:translate(-50%,0) scale(1);opacity:1;visibility:visible;transition:transform .5s var(--ease),opacity .35s}
.sz-sh-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 16px;border-bottom:1px solid rgba(253,253,241,.1)}
.sz-sh-h small{font-size:12px;color:#999992}
.sz-sh-n{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px 0}
.sz-sh-n a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;font-size:16px;color:#DADAD0;white-space:nowrap;transition:background .3s,color .3s}
.sz-sh-n em{font-style:normal;font-size:12px;color:#767670;transition:color .3s}
.sz-sh-n .sz-i{width:16px;height:16px;margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--ease)}
.sz-sh-n a:hover,.sz-sh-n a.on{background:rgba(253,253,241,.07);color:#FDFDF1}
.sz-sh-n a:hover em,.sz-sh-n a.on em{color:var(--or)}
.sz-sh-n a:hover .sz-i,.sz-sh-n a.on .sz-i{opacity:1;transform:none}
.sz-sheet.open .sz-sh-n a,.sz-sheet.open .sz-sh-f{animation:szshi .5s var(--ease) backwards;animation-delay:calc(.05s + var(--i,0)*.03s)}
@keyframes szshi{from{opacity:0;transform:translateY(10px)}}
.sz-sh-f{display:flex;gap:8px;padding-top:14px;border-top:1px solid rgba(253,253,241,.1);--i:11}
.sz-sh-f .sz-btn{flex:1;min-height:48px;padding:12px 16px}
.sz-sh-f .sq{flex:none;width:48px;height:48px;border-radius:12px;background:rgba(253,253,241,.08);display:grid;place-items:center;transition:background .3s,transform .35s var(--ease)}
.sz-sh-f .sq:hover{background:var(--or);transform:translateY(-3px)}
.sz-sh-f .sq .sz-i{width:19px;height:19px}
@media(max-width:900px){
  .sz-dockwrap{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
  .sz-dock{width:100%;gap:2px;border-radius:20px}
  /* phone dock: Projects · Services | Let's Talk (exact middle) | Pricing · More
     no logo and no Blog button on phones (Blog is in the "More" menu); both sides the same width */
  .sz-dg{gap:0;flex:1 1 0;min-width:0!important;width:0}
  .sz-dock .sz-home,.sz-dock .sz-di.lg{display:none!important}
  .sz-dg .sz-di{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:4px;height:56px;padding:0 2px;font-size:11px}
  .sz-dg .sz-di .l{max-width:100%;overflow:hidden;white-space:nowrap}
  .sz-dock .sz-cta{flex:none;height:56px;padding:0 13px;font-size:13.5px;margin:0 3px}
  .sz-cta .sz-i{display:none}
  .sz-dock-ind{height:56px}
  .sz-qk{display:none}
  .sz-sheet{bottom:calc(86px + env(safe-area-inset-bottom));padding:16px}
  .sz-sh-n a{font-size:15px;padding:12px 8px;gap:9px}
  .sz-sh-f .sz-btn{padding:12px 14px;font-size:15px}
  .sz-sh-f .sq{width:46px}
}
@media(max-width:374px){.sz-dg .sz-di{font-size:10.5px}.sz-dock .sz-cta{padding:0 12px;font-size:13px}}

/* ==================== Section: hero ==================== */
.sz-hero{position:relative;overflow:hidden;background:#000 var(--noise);color:#FDFDF1;text-align:center;padding:96px 0 0;isolation:isolate}
.sz-hgrid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(253,253,241,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(253,253,241,.055) 1px,transparent 1px);background-size:72px 72px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 28%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 75% 65% at 50% 28%,#000 10%,transparent 72%)}
.sz-hgrid.hi{background-image:linear-gradient(rgba(236,94,39,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(236,94,39,.55) 1px,transparent 1px);-webkit-mask-image:radial-gradient(circle 190px at var(--mx,50%) var(--my,-30%),#000,transparent 75%);mask-image:radial-gradient(circle 190px at var(--mx,50%) var(--my,-30%),#000,transparent 75%)}
.sz-hspot{position:absolute;left:var(--mx,50%);top:var(--my,-30%);z-index:-1;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;background:radial-gradient(closest-side,rgba(236,94,39,.2),transparent);pointer-events:none}
.sz-hglow{position:absolute;left:-20%;right:-20%;bottom:-38%;height:80%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(236,94,39,.8) 0%,rgba(236,94,39,.22) 36%,transparent 66%);animation:szglow 8s ease-in-out infinite}
@keyframes szglow{50%{opacity:.7;transform:scale(1.06)}}
.sz-hin{position:relative;transform:translateY(calc(var(--hp,0)*-70px)) scale(calc(1 - var(--hp,0)*.05));opacity:calc(1 - var(--hp,0)*1.5);will-change:transform,opacity}
.sz-hlogo{display:flex;width:fit-content;margin:0 auto 30px;color:#FDFDF1;opacity:0;animation:szin .9s calc(var(--hd,0s) + .05s) var(--ease) forwards}
.sz-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid #2F2F2C;background:rgba(20,20,20,.7);backdrop-filter:blur(8px);border-radius:30px;padding:8px 18px;font-size:14px;color:#D7D7CD;margin-bottom:30px;opacity:0;animation:szin .9s calc(var(--hd,0s) + .12s) var(--ease) forwards}
.sz-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--or);animation:szpl 1.8s infinite}
@keyframes szpl{50%{transform:scale(1.7);opacity:.4}}
.sz-h1{font-size:clamp(42px,7vw,104px);font-weight:500;line-height:1.02;letter-spacing:-.05em;max-width:1050px;margin:0 auto}
.sz-hw{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .04em .14em;margin:-.04em -.04em -.14em}
.sz-hw>span{display:inline-block;transform:translateY(112%) rotate(5deg);transform-origin:0 100%;animation:szup 1.15s var(--ease) forwards;animation-delay:calc(var(--hd,0s) + .2s + var(--i)*.07s)}
@keyframes szup{to{transform:none}}
.sz-h1 .sz-hl{white-space:nowrap}
.sz-hero .sz-hl:before{animation-delay:calc(var(--hd,0s) + .85s)}
.sz-lead{font-size:19px;color:#C2C2B9;max-width:590px;margin:28px auto 36px;font-weight:300;opacity:0;animation:szin .9s calc(var(--hd,0s) + .55s) var(--ease) forwards}
@keyframes szin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sz-ask{display:flex;gap:8px;max-width:640px;margin:0 auto;background:rgba(19,19,19,.85);backdrop-filter:blur(10px);border:1px solid #333330;border-radius:18px;padding:8px;box-shadow:0 14px 42px -14px rgba(236,94,39,0.275);transition:border-color .3s,box-shadow .3s;opacity:0;animation:szin .9s calc(var(--hd,0s) + .68s) var(--ease) forwards}
.sz-ask:focus-within{border-color:var(--or);box-shadow:0 14px 49px -10.5px rgba(236,94,39,0.4)}
.sz-ask input{flex:1;min-width:0;background:none;border:0;outline:0;color:#FDFDF1;font:inherit;font-size:17px;padding:0 16px}
.sz-ask input::placeholder{color:#8E8E87}
.sz-note{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-size:14px;color:#AFAFA6;opacity:0;animation:szin .9s calc(var(--hd,0s) + .8s) var(--ease) forwards}
.sz-note li:before{content:"✓";color:var(--or);margin-right:8px}
/* floating UI cards (graphics) */
.sz-flc{position:absolute;z-index:1;pointer-events:none;opacity:0;animation:szin 1s var(--ease) forwards;animation-delay:calc(var(--hd,0s) + 1.1s + var(--k)*.12s)}
.sz-flc .bob{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(22,22,22,.78);border:1px solid rgba(253,253,241,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16.8px 35px -14px rgba(0,0,0,0.4);font-size:13px;color:#E4E4D9;text-align:left;white-space:nowrap}
.sz-flc>div{transform:translate(calc(var(--px,0)*var(--z)*1px),calc(var(--py,0)*var(--z)*1px));transition:transform .25s linear}
.sz-flc small{display:block;font-size:11px;color:#8E8E87}
.sz-flc .ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--or);color:#FDFDF1;display:grid;place-items:center}
.sz-flc .ic .sz-i{width:17px;height:17px}
.sz-flc .ic.dk{background:#2A2A28}
/* placed beside the text block: 3vw from the screen edge */
.sz-flc.f1,.sz-flc.f3{left:calc((100% - 100vw)/2 + 3vw)}.sz-flc.f2,.sz-flc.f4{right:calc((100% - 100vw)/2 + 3vw)}
.sz-flc.f1{top:60%}.sz-flc.f2{top:6%}.sz-flc.f3{top:84%}.sz-flc.f4{top:68%}
.sz-flc .bob{animation:szfl 6s ease-in-out infinite;animation-delay:calc(var(--k)*-1.4s)}
.sz-ring2{width:34px;height:34px;transform:rotate(-90deg)}
.sz-ring2 circle{fill:none;stroke-width:4}
.sz-ring2 .t{stroke:#333330}.sz-ring2 .p{stroke:var(--or);stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88;animation:szring 2.2s calc(var(--hd,0s) + 1.6s) var(--ease) forwards}
@keyframes szring{to{stroke-dashoffset:8}}
.sz-pbar2{width:120px;height:5px;border-radius:5px;background:#333330;overflow:hidden;margin-top:6px}
.sz-pbar2 b{display:block;height:100%;width:0;background:var(--or);border-radius:5px;animation:szbar 3.5s calc(var(--hd,0s) + 1.6s) var(--ease) infinite}
@keyframes szbar{0%{width:0}60%,100%{width:100%}}
.sz-ping{position:relative;width:8px;height:8px;border-radius:50%;background:var(--or);margin-left:4px}
.sz-ping:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--or);animation:szping 1.8s ease-out infinite}
@keyframes szping{to{transform:scale(3);opacity:0}}
@media(max-width:1180px){.sz-flc{display:none}}
/* project stage */
.sz-pj{position:relative;margin-top:84px;perspective:1300px;opacity:0;animation:szin 1.2s calc(var(--hd,0s) + .95s) var(--ease) forwards}
.sz-pj-in{display:grid;gap:18px;transform-origin:50% 0;transform:rotateX(calc((1 - var(--hp2,0))*20deg)) scale(calc(.94 + var(--hp2,0)*.06));will-change:transform;padding-bottom:110px}
.sz-pc{flex:none;width:330px;height:216px;margin-right:18px;border-radius:22px;position:relative;overflow:hidden;transition:transform .5s var(--ease)}
.sz-pc:hover{transform:translateY(-6px) scale(1.02)}
.sz-pc.ph{width:170px}
.sz-pc.v1{background:#1A1A19;border:1px solid #2A2A28}
.sz-pc.v2{background:#191918;border:1px solid #292927}
.sz-pc.v3{background:var(--gray)}
.sz-pc.v4{background:#FDFDF1}
.sz-pc.v5{background:var(--or)}
.sz-ui{position:absolute;left:18px;right:18px;top:18px;bottom:-24px;background:#FDFDF1;border-radius:14px;padding:34px 18px 0;box-shadow:0 14px 28px -14px rgba(0,0,0,0.25);transition:transform .7s var(--ease)}
.sz-pc:hover .sz-ui{transform:translateY(-8px)}
.sz-pc.v2 .sz-ui{background:#252523}
.sz-pc.ph .sz-ui{left:26px;right:26px;border-radius:20px;padding-top:30px}
.sz-ui b{position:absolute;left:14px;top:13px;width:7px;height:7px;border-radius:50%;background:#DADAD0;box-shadow:7.7px 0 #DADAD0,15.4px 0 #DADAD0}
.sz-pc.ph .sz-ui b{left:50%;width:34px;height:6px;border-radius:4px;margin-left:-17px;box-shadow:none}
.sz-ui i{display:block;height:9px;border-radius:5px;background:var(--ink);margin-bottom:7px;width:52%}
.sz-ui i.b{width:36%}
.sz-ui i.c{height:6px;background:#E5E5DA;width:46%;margin-top:12px}
.sz-pc.v2 .sz-ui i{background:#ECECE1}.sz-pc.v2 .sz-ui i.c{background:#3E3E3B}
.sz-ui u{display:block;width:58px;height:18px;border-radius:6px;background:var(--or);margin-top:12px}
.sz-pc.v5 .sz-ui u{background:var(--ink)}
.sz-ui s{position:absolute;right:16px;top:34px;width:36%;height:62%;border-radius:10px;background:linear-gradient(145deg,var(--or),var(--or-l))}
.sz-pc.v1 .sz-ui s,.sz-pc.v5 .sz-ui s{background:linear-gradient(145deg,var(--bk),#3E3E3B)}
.sz-pc.ph .sz-ui s{position:static;display:block;width:100%;height:60px;margin-top:12px}
.sz-pc.ph .sz-ui i{width:80%}
.sz-pc img.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sz-pc em{position:absolute;left:12px;bottom:12px;z-index:2;font-style:normal;font-size:12px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);color:#FDFDF1;border-radius:20px;padding:4px 11px}
@media(max-width:900px){
  .sz-hero{padding:56px 0 0}
  .sz-h1{font-size:clamp(40px,11vw,56px)}
  .sz-lead{font-size:17px;margin:22px auto 28px}
  .sz-tag{font-size:13px;margin-bottom:24px}
  .sz-ask{flex-direction:column;padding:10px}.sz-ask input{padding:14px 10px;font-size:16px}
  .sz-note{gap:8px 18px;font-size:13px;margin-top:22px}
  .sz-pj{margin-top:54px}
  .sz-pj-in{gap:12px;padding-bottom:80px}
  .sz-pc{width:240px;height:160px;margin-right:12px}.sz-pc.ph{width:130px}
  .sz-hgrid{background-size:48px 48px}
}

/* ==================== Section: skills ==================== */
.sz-sk{background:#FDFDF1;border-radius:40px 40px 0 0;margin-top:-40px;position:relative;z-index:3;padding:70px 0 30px}
.sz-sk p{text-align:center;color:var(--mute);font-size:15px;margin-bottom:30px}
.sz-sk span{display:flex;align-items:center;gap:36px;padding-right:36px;font-size:clamp(22px,3vw,34px);letter-spacing:-.02em;white-space:nowrap;color:#BCBCB3;transition:color .3s}
.sz-sk span:hover{color:var(--ink)}
.sz-sk span:after{content:"✦";font-size:.6em;color:var(--or)}
@media(max-width:900px){.sz-sk{border-radius:28px 28px 0 0;padding:50px 0 10px}}

/* ==================== Section: promise ==================== */
.sz-stm{padding-top:90px;padding-bottom:30px}
.sz-stm-g{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:start}
.sz-stm-t{font-size:clamp(28px,3.9vw,54px);font-weight:500;line-height:1.16;letter-spacing:-.035em;max-width:980px}
.sz-stm-t .wd{color:#D0D0C6;transition:color .35s ease}
.sz-stm-t .wd.on{color:var(--ink)}
.sz-stm-t .wd.k{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.sz-stm-t .wd.k.on{color:var(--or)}
.sz-bdg{position:relative;flex:none;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;transition:transform .5s var(--ease),translate .4s var(--ease)}
.sz-bdg svg.t{position:absolute;inset:0;width:100%;height:100%;animation:szspin3 18s linear infinite}
.sz-bdg text{font-size:10.4px;letter-spacing:.32em;text-transform:uppercase;fill:var(--ink);font-weight:600}
@keyframes szspin3{to{transform:rotate(360deg)}}
.sz-bdg b{width:64px;height:64px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;transition:transform .5s var(--ease),background .3s}
.sz-bdg b .sz-i{width:24px;height:24px;transform:rotate(-45deg);transition:transform .5s var(--ease)}
.sz-bdg:hover b{transform:scale(1.12);background:var(--bk)}
.sz-bdg:hover b .sz-i{transform:rotate(0)}
.sz-pm{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}
.sz-pmc{padding:26px 26px 28px;border-radius:22px;background:var(--gray);position:relative;overflow:hidden}
.sz-pmc em{font-style:normal;font-size:13px;font-weight:600;color:var(--or);letter-spacing:.06em}
.sz-pmc h3{font-size:21px;font-weight:500;letter-spacing:-.015em;margin:14px 0 8px}
.sz-pmc p{font-size:15px;color:var(--mute)}
.sz-pmc:after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform 1.2s .35s var(--ease)}
.sz-pmc.in:after{transform:scaleX(1)}
@media(max-width:900px){
  .sz-stm{padding-top:64px}
  .sz-stm-g{grid-template-columns:1fr;gap:30px}
  .sz-bdg{width:110px;height:110px;order:-1}
  .sz-bdg b{width:48px;height:48px}
  .sz-bdg text{font-size:10.4px}
  .sz-pm{grid-template-columns:1fr;gap:12px;margin-top:40px}
}

/* ==================== Section: ai ==================== */
.sz-ax{background:#000 var(--noise);color:#FDFDF1;overflow:hidden;isolation:isolate}
.sz-ax-core{position:absolute;right:-200px;top:-180px;width:640px;height:640px;z-index:-1;pointer-events:none}
.sz-ax-core:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(236,94,39,.36),transparent);animation:szbreathe 8s ease-in-out infinite}
.sz-ax-core i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(253,253,241,.13);transform:translate(-50%,-50%);aspect-ratio:1;animation:szorb 44s linear infinite}
.sz-ax-core i:nth-child(1){width:40%;border-style:solid;border-color:rgba(236,94,39,.35)}
.sz-ax-core i:nth-child(2){width:66%;animation-direction:reverse;animation-duration:58s}
.sz-ax-core i:nth-child(3){width:92%;animation-duration:84s}
.sz-ax-core i:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 11.2px var(--or)}
.sz-ax-core i:nth-child(3):after{background:#FDFDF1;box-shadow:0 0 8.4px #FDFDF1}
@keyframes szorb{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes szbreathe{50%{opacity:.55;transform:scale(1.08)}}
.sz-ax-hd{max-width:760px}
.sz-ax-hd p{color:#A8A8A0;font-size:18px;max-width:600px;margin-top:18px}

/* ---- equation ---- */
.sz-ax-eq{display:grid;grid-template-columns:1fr 56px 1fr 56px 1.05fr;align-items:stretch;margin-top:64px}
.sz-ax-c{border-radius:26px;padding:30px;background:rgba(253,253,241,.05);border:1px solid rgba(253,253,241,.1)}
.sz-ax-c small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A8A8A0}
.sz-ax-c h3{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:10px 0 18px}
.sz-ax-c ul{display:flex;flex-wrap:wrap;gap:8px}
.sz-ax-c li{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:8px 13px;border-radius:30px;border:1px solid rgba(253,253,241,.14)}
.sz-ax-c li:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
.sz-ax-c.ai li{border-color:rgba(236,94,39,.5);color:#F1D3C3}
.sz-ax-c.ai li:before{background:var(--or);opacity:1}
.sz-ax-c.us{background:#FDFDF1;color:var(--ink);border-color:#FDFDF1}
.sz-ax-c.us small{color:var(--mute)}
.sz-ax-c.us li{border-color:var(--line)}
.sz-ax-c.us li:before{background:var(--ink)}
.sz-ax-c.you{background:var(--or);border-color:var(--or);position:relative;overflow:hidden}
.sz-ax-c.you small{color:rgba(253,253,241,.8)}
.sz-ax-c.you h3{font-size:28px}
.sz-ax-c.you p{font-size:15px;color:rgba(253,253,241,.9);margin-bottom:22px}
.sz-ax-c.you:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(253,253,241,.3);animation:szbreathe 6s ease-in-out infinite}
.sz-ax-c.you .sz-btn{position:relative;z-index:1}
.sz-ax-op{display:grid;place-items:center;position:relative}
.sz-ax-op:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--or) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:szflow 1s linear infinite;opacity:.7}
@keyframes szflow{to{background-position:24px 0}}
.sz-ax-op b{position:relative;width:40px;height:40px;border-radius:50%;background:#000;border:1px solid rgba(253,253,241,.25);display:grid;place-items:center;font-size:20px;font-weight:500;color:var(--or)}

/* ---- lanes ---- */
.sz-ax-lw{margin-top:100px;position:relative}
.sz-ax-lt{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.sz-ax-lt h3{font-size:24px;font-weight:500;letter-spacing:-.02em}
.sz-ax-key{display:flex;gap:18px;font-size:13px;color:#A8A8A0}
.sz-ax-key span{display:inline-flex;align-items:center;gap:8px}
.sz-ax-key span:before{content:"";width:12px;height:12px;border-radius:4px;background:rgba(236,94,39,.25);border:1px solid var(--or)}
.sz-ax-key span+span:before{background:#FDFDF1;border-color:#FDFDF1}
.sz-ax-rail{position:relative;height:2px;margin:0 10%;background:rgba(253,253,241,.12)}
.sz-ax-rail b{position:absolute;inset:0;background:var(--or);transform-origin:left;transform:scaleX(var(--rp,0));box-shadow:0 0 8.4px var(--or)}
.sz-ax-g{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto 1fr auto 1fr;column-gap:14px;row-gap:0;margin-top:-7px}
.sz-ax-st{display:grid;grid-row:span 5;grid-template-rows:subgrid}   /* same row heights in every column = perfect alignment */
.sz-ax-dot{width:14px;height:14px;border-radius:50%;margin:0 auto 18px;background:#000;border:2px solid #434340;transition:background .4s,border-color .4s,box-shadow .4s}
.sz-ax-st.on .sz-ax-dot{background:var(--or);border-color:var(--or);box-shadow:0 0 0 4.2px rgba(236,94,39,0.1)}
.sz-ax-n{text-align:center;font-size:15px;font-weight:600;margin-bottom:14px}
.sz-ax-n b{display:block;font-size:12px;color:var(--or);letter-spacing:.08em;margin-bottom:2px}
.sz-ax-ai,.sz-ax-hu{border-radius:18px;padding:16px 18px;font-size:14.5px;line-height:1.45;min-height:96px;transition:opacity .5s,transform .5s var(--ease)}
.sz-ax-ai{background:rgba(236,94,39,.1);border:1px solid rgba(236,94,39,.45);color:#F1D3C3}
.sz-ax-hu{background:#FDFDF1;color:var(--ink)}
.sz-ax-ai em,.sz-ax-hu em{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.sz-ax-ai em{color:var(--or)}.sz-ax-hu em{color:var(--mute)}
.sz-ax-ho{position:relative;height:30px;width:2px;margin:0 auto;background:rgba(253,253,241,.14);overflow:hidden}
.sz-ax-ho:after{content:"";position:absolute;left:-2px;top:-10px;width:6px;height:10px;border-radius:3px;background:var(--or);box-shadow:0 0 7px var(--or);opacity:0}
.sz-ax-st.on .sz-ax-ho:after{animation:szhand 2.4s var(--ease) infinite;animation-delay:calc(var(--k)*.25s)}
@keyframes szhand{0%{top:-10px;opacity:1}60%{top:30px;opacity:1}61%,100%{opacity:0}}
.sz-ax-st:not(.on) .sz-ax-ai,.sz-ax-st:not(.on) .sz-ax-hu{opacity:.35;transform:translateY(8px)}

/* ---- trust ---- */
.sz-ax-tr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px;padding-top:34px;border-top:1px solid rgba(253,253,241,.12)}
.sz-ax-tr li{display:flex;gap:14px;align-items:flex-start}
.sz-ax-tr i{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(253,253,241,.08);display:grid;place-items:center;color:var(--or)}
.sz-ax-tr i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sz-ax-tr b{display:block;font-size:16px;font-weight:600;margin-bottom:2px}
.sz-ax-tr span{font-size:14px;color:#A8A8A0}

@media(max-width:1000px){
  .sz-ax-eq{grid-template-columns:1fr;gap:0}
  .sz-ax-op{height:56px}
  .sz-ax-op:before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--or) 0 6px,transparent 6px 12px);background-size:2px 24px;animation:none}
}
@media(max-width:900px){
  .sz-ax-core{width:420px;height:420px;right:-210px;top:-120px}
  .sz-ax-hd p{font-size:16px}
  .sz-ax-eq{margin-top:40px}
  .sz-ax-c{padding:24px;border-radius:22px}
  .sz-ax-c.you .sz-btn{width:100%}
  .sz-ax-lw{margin-top:64px}
  .sz-ax-rail{display:none}
  .sz-ax-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
  .sz-ax-g::-webkit-scrollbar{display:none}
  .sz-ax-st{flex:0 0 74%;scroll-snap-align:center;display:flex;flex-direction:column}
  .sz-ax-ai,.sz-ax-hu{min-height:104px}
  .sz-ax-dot{display:none}
  .sz-ax-n{text-align:left}
  .sz-ax-tr{grid-template-columns:1fr;gap:18px;margin-top:50px}
}

/* ==================== Section: services ==================== */
.sz-svs{margin-top:64px}
.sz-sk2{position:sticky;top:calc(26px + var(--n)*24px);display:grid;grid-template-columns:1.05fr .95fr;gap:44px;min-height:560px;margin-bottom:48px;padding:44px;border-radius:34px;overflow:hidden;isolation:isolate;transform-origin:50% 0;box-shadow:0 -16.8px 42px -25.2px rgba(0,0,0,0.225)}
.sz-sk2:last-child{margin-bottom:0}
.sz-sk2:after{content:"";position:absolute;inset:0;z-index:5;background:#000;opacity:calc(var(--dim,0)*.35);pointer-events:none}
.sz-sk2.k1{background:#000 var(--noise);color:#FDFDF1}
.sz-sk2.k2{background:var(--or);color:#FDFDF1}
.sz-sk2.k3{background:var(--gray);color:var(--ink)}
.sz-skt{display:flex;flex-direction:column}
.sz-skh{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.sz-skh i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid currentColor;opacity:.7}
.sz-sk2 h3{font-size:clamp(30px,3.4vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.06;margin:22px 0 14px}
.sz-sk2 h3 .sz-em{color:inherit}
.k1 h3 .sz-em,.k3 h3 .sz-em{color:var(--or)}
.sz-skp{font-size:16px;line-height:1.6;max-width:430px;opacity:.72}
.sz-skl{margin-top:auto;padding-top:26px}
.sz-skr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:14px 0;border-top:1px solid rgba(253,253,241,.16);transition:padding .45s var(--ease)}
.k3 .sz-skr{border-color:rgba(0,0,0,.1)}
.sz-skr .t{font-size:19px;font-weight:500;letter-spacing:-.01em}
.sz-skr .d{grid-column:1;font-size:14px;opacity:.65;margin-top:-4px}
.sz-skr .sz-arw{grid-row:1/3;grid-column:2;width:40px;height:40px;border-color:currentColor;opacity:.85}
.sz-skr:hover{padding-left:10px}
.k1 .sz-skr:hover .sz-arw{background:var(--or);border-color:var(--or);color:#FDFDF1}
.k2 .sz-skr:hover .sz-arw{background:#FDFDF1;border-color:#FDFDF1;color:var(--or)}
.k3 .sz-skr:hover .sz-arw{background:var(--bk);border-color:var(--bk);color:#FDFDF1}
/* graphics panel */
.sz-skv{position:relative;border-radius:24px;overflow:hidden;min-height:100%}
.k1 .sz-skv{background:#111110;border:1px solid #222220}
.k2 .sz-skv{background:rgba(253,253,241,.12);border:1px solid rgba(253,253,241,.22)}
.k3 .sz-skv{background:#FDFDF1;border:1px solid var(--line)}
/* G1: a page building itself */
.g1{position:absolute;left:8%;right:8%;top:10%;bottom:-6%;border-radius:16px;background:#1A1A19;border:1px solid #2A2A28;padding:14px}
.g1 .bar{display:flex;gap:6px;align-items:center;margin-bottom:16px}
.g1 .bar i{width:8px;height:8px;border-radius:50%;background:#333330}
.g1 .bar u{flex:1;height:14px;border-radius:7px;background:#222220;margin-left:8px}
.g1 .blk{border-radius:10px;background:#262624;margin-bottom:12px;transform-origin:left;animation:szbuild 7s var(--ease) infinite;animation-delay:calc(var(--s)*.35s)}
.g1 .hd{height:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px;background:none;padding:0}
.g1 .hd span{border-radius:10px;background:#262624}
.g1 .hd span+span{background:linear-gradient(140deg,var(--or),#8a3410)}
.g1 .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:none}
.g1 .row span{height:62px;border-radius:10px;background:#262624}
.g1 .ln{height:10px;width:60%}
.g1 .ln.s{width:38%}
.g1 .btn{width:90px;height:26px;background:var(--or)}
@keyframes szbuild{0%{opacity:0;transform:scaleX(.3)}12%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
.g1cur{position:absolute;left:8%;top:10%;z-index:2;width:20px;height:20px;animation:szcur 7s ease-in-out infinite;filter:drop-shadow(0 2.8px 5.6px rgba(0,0,0,0.3))}
@keyframes szcur{0%{transform:translate(260px,240px)}20%{transform:translate(120px,70px)}40%{transform:translate(230px,90px)}60%{transform:translate(80px,190px)}80%{transform:translate(110px,150px)}100%{transform:translate(260px,240px)}}
/* G2: search + growth chart */
.g2s{position:absolute;left:8%;right:8%;top:10%;height:52px;border-radius:30px;background:#FDFDF1;color:var(--ink);display:flex;align-items:center;gap:10px;padding:0 18px;font-size:15px;box-shadow:0 14px 28px -14px rgba(0,0,0,0.175)}
.g2s .sz-i{width:18px;height:18px;color:var(--or)}
.g2s .ty{overflow:hidden;white-space:nowrap;border-right:2px solid var(--or);width:0;animation:sztype 6s steps(24) infinite}
@keyframes sztype{0%{width:0}40%,85%{width:24ch}100%{width:0}}
.g2c{position:absolute;left:8%;right:8%;bottom:9%;top:32%;border-radius:18px;background:rgba(0,0,0,.14);padding:18px}
.g2c svg{width:100%;height:100%;overflow:visible}
.g2c .gl{stroke:rgba(253,253,241,.18);stroke-width:1}
.g2c .ln{fill:none;stroke:#FDFDF1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:szdraw2 6s var(--ease) infinite}
.g2c .ar{fill:url(#szG2a);opacity:0;animation:szarea 6s var(--ease) infinite}
.g2c .dt{fill:#FDFDF1;opacity:0;animation:szdot 6s var(--ease) infinite}
@keyframes szdraw2{0%{stroke-dashoffset:600}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes szarea{0%,20%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
@keyframes szdot{0%,40%{opacity:0;transform:scale(0)}50%,85%{opacity:1;transform:scale(1)}100%{opacity:0}}
.g2c .dt{transform-box:fill-box;transform-origin:center}
.g2p{position:absolute;right:11%;top:36%;background:#FDFDF1;color:var(--ink);border-radius:30px;padding:6px 12px 6px 8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 9.8px 21px -8.4px rgba(0,0,0,0.175);animation:szfl 5s ease-in-out infinite}
.g2p b{width:20px;height:20px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-size:11px}
/* G3: care checklist */
.g3{position:absolute;left:9%;right:9%;top:50%;transform:translateY(-50%)}
.g3h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.g3h span{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.g3h span i{width:38px;height:38px;border-radius:12px;background:var(--bk);color:#FDFDF1;display:grid;place-items:center}
.g3h span i .sz-i{width:19px;height:19px}
.g3h em{font-style:normal;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;background:var(--gray);border-radius:30px;padding:6px 12px}
.g3h em:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 0 rgba(236,94,39,0.3);animation:szpulse2 1.8s infinite}
@keyframes szpulse2{70%{box-shadow:0 0 0 5.6px rgba(236,94,39,0.0)}}
.g3 li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;background:var(--gray);margin-bottom:8px;font-size:14px;font-weight:500}
.g3 li small{font-size:12px;color:var(--mute);font-weight:400;margin-left:auto;margin-right:10px}
.g3 li b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-size:12px;transform:scale(0);animation:sztick 6s var(--ease) infinite;animation-delay:calc(var(--s)*.5s)}
@keyframes sztick{0%,8%{transform:scale(0)}16%,85%{transform:scale(1)}95%,100%{transform:scale(0)}}
@media(max-width:900px){
  .sz-svs{margin-top:40px}
  .sz-sk2{top:calc(14px + var(--n)*14px);grid-template-columns:1fr;min-height:0;padding:28px 22px 18px;border-radius:26px;margin-bottom:28px}
  .sz-skv{display:none}
  .sz-sk2 h3{font-size:30px;margin:16px 0 10px}
  .sz-skp{font-size:15px}
  .sz-skl{padding-top:18px}
  .sz-skr{padding:12px 0}
  .sz-skr .t{font-size:17px}
  .sz-skr .d{display:none}
  .sz-skr .sz-arw{grid-row:1;width:36px;height:36px}
}

/* ==================== Section: work ==================== */
.sz-work{background:var(--gray)}
.sz-cs{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;margin-top:90px}
.sz-cs.rev .sz-ctx{order:2}
.sz-kk{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:22px;color:var(--or);margin-bottom:10px;display:block}
.sz-cs h3{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}
.sz-cs p{color:var(--mute);font-size:17px;max-width:460px}
.sz-meta{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 40px;margin:30px 0;padding-top:26px;border-top:1px solid var(--line)}
.sz-meta dt{font-size:13px;color:var(--mute)}
.sz-meta dd{font-size:18px;font-weight:500}
.sz-lk{display:inline-flex;align-items:center;gap:10px;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:4px;transition:gap .3s,color .3s,border-color .3s}
.sz-lk:hover{gap:16px;color:var(--or);border-color:var(--or)}
.sz-lk .sz-i{width:18px;height:18px}
.sz-cv{position:relative;aspect-ratio:1.22;border-radius:30px;overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.sz-cv:hover{transform:translateY(-6px);box-shadow:0 28px 49px -24.5px rgba(0,40,90,0.25)}
.sz-cv.c1{background:linear-gradient(150deg,#EC5E27,#7a2a0c 88%)}
.sz-cv.c2{background:radial-gradient(circle at 90% 0,#3a1608,var(--bk) 62%)}
.sz-cv.c3{background:#FDFDF1;border:1px solid var(--line)}
.sz-cvi{position:absolute;inset:0;transform:translateY(var(--py,0px));transition:transform .2s linear}
/* c1 browser mock */
.sz-bw{position:absolute;left:10%;right:10%;top:14%;bottom:-8%;background:#FDFDF1;border-radius:18px;box-shadow:0 -7px 42px -7px rgba(0,0,0,0.175)}
.sz-bw .bb{display:flex;gap:7px;padding:14px 18px;border-bottom:1px solid #ECECE1;align-items:center}
.sz-bw .bb i{width:9px;height:9px;border-radius:50%;background:#DADAD0}
.sz-bw .bb u{margin-left:12px;flex:1;height:18px;border-radius:9px;background:#F1F1E6}
.sz-bw .bh{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px}
.sz-bw .bh span{display:block;height:14px;border-radius:7px;background:var(--ink);margin-bottom:9px}
.sz-bw .bh span.p{height:7px;background:#E5E5DA}
.sz-bw .bh em{display:block;width:80px;height:24px;border-radius:8px;background:var(--or);margin-top:16px}
.sz-bw .bh div+div{border-radius:14px;background:linear-gradient(145deg,var(--or),var(--or-l))}
.sz-bw .bc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px}
.sz-bw .bc div{height:70px;border-radius:12px;background:#F1F1E6}
/* c2 shop mock */
.sz-shop{position:absolute;left:9%;right:9%;top:16%;bottom:-6%;background:#161615;border:1px solid #2E2E2B;border-radius:20px;padding:18px}
.sz-shop .sh{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.sz-shop .sh b{width:44px;height:10px;border-radius:5px;background:var(--or)}
.sz-shop .sh span{flex:1;height:8px;border-radius:4px;background:#292927}
.sz-shop .sh i{font-style:normal;font-size:11px;color:#FDFDF1;background:var(--or);border-radius:20px;padding:3px 11px}
.sz-shop .g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sz-shop .g div{background:#21211F;border-radius:12px;padding:8px}
.sz-shop .g u{display:block;aspect-ratio:1;border-radius:8px;background:linear-gradient(145deg,var(--or-l),var(--or))}
.sz-shop .g div:nth-child(2n) u{background:linear-gradient(145deg,#4F4F4C,#272725)}
.sz-shop .g s{display:block;height:6px;border-radius:3px;background:#333330;margin:8px 0 5px}
.sz-shop .g em{display:block;width:40%;height:6px;border-radius:3px;background:var(--or-l)}
/* c3 landing mock */
.sz-lp{position:absolute;left:9%;right:9%;top:18%;background:#FDFDF1;border-radius:20px;padding:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;box-shadow:0 16.8px 35px -15.4px rgba(0,60,130,0.175)}
.sz-lp i{display:block;height:14px;border-radius:7px;background:var(--ink);width:90%;margin-bottom:8px}
.sz-lp i.h2{width:60%;margin-bottom:14px}
.sz-lp i.p{height:7px;background:var(--line);width:100%;margin-bottom:6px}
.sz-lp b{width:84px;height:26px;border-radius:8px;background:var(--or);display:block;margin-top:14px}
.sz-lp .fm{background:var(--or-t);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.sz-lp .fm span{height:22px;border-radius:8px;background:#FDFDF1}
.sz-lp .fm b{width:auto;margin-top:4px}
.sz-lp .ok{position:absolute;right:16px;top:-16px;background:var(--ink);color:#FDFDF1;border-radius:30px;padding:6px 14px;font-size:12px;animation:szfl 4s ease-in-out infinite}
.sz-wb{text-align:center;margin-top:90px}
@media(max-width:900px){
  .sz-cs{grid-template-columns:1fr;gap:28px;margin-top:60px}.sz-cs.rev .sz-ctx{order:0}
  .sz-meta{gap:10px 24px;margin:22px 0}.sz-meta dd{font-size:16px}
  .sz-cv{border-radius:24px}.sz-bw .bc div{height:40px}.sz-bw .bh{padding:14px}
  .sz-lp{grid-template-columns:1fr;padding:16px}.sz-lp .fm{display:none}
  .sz-wb{margin-top:60px}
}

/* ==================== Section: process ==================== */
.sz-proc{background:linear-gradient(180deg,#000 0%,#0d0705 60%,#24100a 100%);color:#FDFDF1}
.sz-pg{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.sz-pl{position:sticky;top:100px}
.sz-pl .sz-h2{font-size:clamp(30px,3.6vw,48px)}
.sz-pl p.t{color:#B4B4AB;margin-top:16px;max-width:400px}
.sz-ring{position:relative;width:clamp(150px,27vh,250px);aspect-ratio:1;margin-top:32px}
.sz-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sz-ring circle{fill:none;stroke-width:6}
.sz-ring .tr{stroke:rgba(253,253,241,.12)}
.sz-ring .pg{stroke:var(--or-l);stroke-linecap:round;stroke-dasharray:565.5;stroke-dashoffset:485;transition:stroke-dashoffset 1.1s var(--ease)}
.sz-rct{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.sz-rct small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#A7A79F}
.sz-rct b{font-size:clamp(36px,6vh,54px);font-weight:400;letter-spacing:-.04em;line-height:1.1}
.sz-pbar{display:none;position:sticky;top:0;z-index:5;background:rgba(0,12,24,.92);backdrop-filter:blur(10px);margin:0 -20px 10px;padding:12px 20px;font-size:14px;color:#D4D4CA;flex-direction:column;gap:8px}
.sz-pbar i{display:block;height:3px;border-radius:3px;background:rgba(253,253,241,.14);overflow:hidden}
.sz-pbar b{display:block;height:100%;width:14%;background:var(--or-l);border-radius:3px;transition:width .8s var(--ease)}
.sz-pr{position:relative}
.sz-pr:before{content:"";position:absolute;left:27px;top:60px;bottom:90px;width:1px;background:rgba(253,253,241,.16)}
.sz-ps{display:grid;grid-template-columns:56px 1fr;gap:26px;padding:20px 0 40px;min-height:56vh;opacity:.35;transition:opacity .6s}
.sz-ps.on{opacity:1}
.sz-mk{width:56px;height:56px;border-radius:50%;border:1px solid rgba(253,253,241,.3);background:#160b06;display:grid;place-items:center;font-size:15px;position:relative;z-index:1;transition:.5s var(--ease)}
.sz-ps.on .sz-mk{background:var(--or);border-color:var(--or-l);transform:scale(1.12);box-shadow:0 0 0 5.6px rgba(236,94,39,0.125)}
.sz-bx{background:rgba(253,253,241,.05);border:1px solid rgba(253,253,241,.1);border-radius:28px;padding:34px;transition:background .6s,border-color .6s}
.sz-ps.on .sz-bx{background:rgba(236,94,39,.14);border-color:rgba(236,94,39,.5)}
.sz-dy{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(253,253,241,.12);border-radius:30px;padding:6px 14px;margin-bottom:22px}
.sz-bx h3{font-size:clamp(28px,3vw,38px);font-weight:400;letter-spacing:-.025em;margin-bottom:14px}
.sz-bx p{color:#C7C7BE;font-size:17px}
.sz-ml{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.sz-ml li{border:1px solid rgba(253,253,241,.2);border-radius:30px;padding:6px 14px;font-size:13px;color:#E0E0D6}
@media(max-width:900px){
  .sz-pg{grid-template-columns:1fr;gap:0}.sz-pl{position:static;margin-bottom:26px}.sz-ring{display:none}.sz-pbar{display:flex}
  .sz-pr:before{left:21px;top:50px;bottom:70px}
  .sz-ps{min-height:0;grid-template-columns:44px 1fr;gap:14px;padding:12px 0 26px}.sz-mk{width:44px;height:44px}.sz-bx{padding:24px 22px;border-radius:24px}.sz-bx p{font-size:16px}
}

/* ==================== Section: meet ==================== */
.sz-mg{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.sz-mcard{position:relative;aspect-ratio:1/1;border-radius:36px;background:radial-gradient(circle at 50% 40%,#2a1209 0%,#000 70%);overflow:hidden;transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 28px 63px -28px rgba(236,94,39,0.275);cursor:default}
.sz-mcard.tilt{transition:transform .12s linear,box-shadow .5s var(--ease)}
.sz-mcard:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(253,253,241,.08) 1px,transparent 1.2px);background-size:20px 20px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%)}
.sz-morb i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(253,253,241,.12);transform:translate(-50%,-50%);aspect-ratio:1;animation:szorb 26s linear infinite}
.sz-morb .o1{width:52%}.sz-morb .o2{width:72%;border-style:dashed;animation-duration:40s;animation-direction:reverse}.sz-morb .o3{width:92%;animation-duration:60s}
.sz-morb i:after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--or-l);box-shadow:0 0 12.6px var(--or-l)}
.sz-morb .o2:after{background:var(--or);box-shadow:0 0 12.6px var(--or);left:auto;right:-5px}
.sz-morb .o3:after{background:#FDFDF1;box-shadow:0 0 12.6px #FDFDF1;top:-5px;left:50%;margin:0 0 0 -5px}
@keyframes szorb{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sz-mlogo{position:absolute;left:50%;top:50%;width:56%;height:30%;transform:translate(-50%,-50%) translateZ(60px);display:grid;place-items:center;z-index:2}
.sz-mlogo.has-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,0.25))}
.sz-mfb{display:flex;align-items:center;gap:16px;color:#FDFDF1;font-weight:700;font-size:clamp(28px,3.4vw,46px);letter-spacing:.14em}
.sz-mfb b{width:1.5em;height:1.5em;border-radius:.35em;background:var(--or);display:grid;place-items:center;letter-spacing:0;font-size:1em;box-shadow:0 9.8px 28px -5.6px rgba(236,94,39,0.4)}
.sz-mtag{position:absolute;z-index:3;font-size:14px;color:#FDFDF1;background:rgba(253,253,241,.08);border:1px solid rgba(253,253,241,.2);backdrop-filter:blur(8px);border-radius:30px;padding:7px 16px;transform:translateZ(90px);animation:szfl 7s ease-in-out infinite}
.sz-mtag.t1{left:9%;top:13%}.sz-mtag.t2{right:8%;top:23%;animation-delay:-2.5s}.sz-mtag.t3{right:14%;bottom:13%;animation-delay:-5s}
.sz-mtag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--or-l);margin-right:8px;vertical-align:middle}
.sz-mglare{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(253,253,241,.14),transparent 45%);opacity:0;transition:opacity .4s}
.sz-mcard:hover .sz-mglare{opacity:1}
.sz-mtx>p{color:var(--mute);font-size:18px;margin:22px 0 34px;max-width:470px}
.sz-mst{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-bottom:36px}
.sz-mst li{padding:22px 16px 0 0}
.sz-mst li+li{padding-left:18px;border-left:1px solid var(--line)}
.sz-mst b{display:block;font-size:clamp(32px,3.6vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1}
.sz-mst b small{font-size:.5em;color:var(--or);margin-left:2px}
.sz-mst li>span{display:block;font-size:14px;color:var(--mute);margin-top:8px}
.sz-macts{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:900px){
  .sz-mg{grid-template-columns:1fr;gap:44px}
  .sz-mcard{border-radius:28px}
  .sz-mtag{font-size:12px;padding:5px 12px}
  .sz-mtx>p{font-size:16px}
  .sz-mst li{padding-right:8px}.sz-mst li+li{padding-left:12px}
  .sz-macts .sz-btn{flex:1}
}

/* ==================== Section: why ==================== */
.sz-cmp{background:#FDFDF1;overflow:hidden}
.sz-cmp:before{content:"";position:absolute;left:50%;top:-30%;width:90%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(236,94,39,.12),transparent);pointer-events:none}
.sz-ct{margin-top:64px;position:relative}
.sz-ch,.sz-cr{display:grid;grid-template-columns:minmax(0,2.3fr) repeat(5,minmax(0,1fr));align-items:center;gap:10px}
.sz-ch{padding:0 28px 16px;font-size:14px;font-weight:500;color:var(--mute)}
.sz-ch span{text-align:center}
.sz-cr{padding:26px 28px;border-bottom:1px solid var(--line)}
.sz-cr.me{background:var(--bk);color:#FDFDF1;border:0;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 21px 49px -21px rgba(236,94,39,0.325)}
.sz-cr.me:before{content:"";position:absolute;left:-10%;top:-60%;width:50%;height:220%;background:radial-gradient(closest-side,rgba(236,94,39,.55),transparent);animation:szsweep 6s ease-in-out infinite;pointer-events:none}
@keyframes szsweep{50%{transform:translateX(160%)}}
.sz-cn{display:flex;gap:16px;align-items:flex-start;position:relative}
.sz-cic{flex:none;width:46px;height:46px;border-radius:12px;background:var(--or-t);color:var(--or);display:grid;place-items:center}
.sz-cr.me .sz-cic{background:var(--or);color:#FDFDF1}
.sz-cn h3{font-size:19px;font-weight:500;letter-spacing:-.01em;margin-bottom:4px}
.sz-cn p{font-size:14px;color:var(--mute);max-width:330px;line-height:1.5}
.sz-cr.me .sz-cn p{color:#BCBCB3}
.sz-mks{display:contents}
.sz-m{display:grid;place-items:center;position:relative;opacity:0;transform:scale(.3);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i)*.08s + .1s)}
.sz-cr.in .sz-m{opacity:1;transform:none}
.sz-m svg{width:26px;height:26px;stroke-width:2}
.sz-m.y{color:var(--or)}.sz-cr.me .sz-m.y{color:#FDFDF1}
.sz-m.n{color:#C4C4BB}
.sz-m:after{content:attr(data-l);display:none}
@media(max-width:900px){
  .sz-ch{display:none}
  .sz-cr{grid-template-columns:1fr;padding:24px 4px}.sz-cr.me{padding:24px 20px}
  .sz-mks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .sz-m{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:5px 12px 5px 8px;font-size:13px}
  .sz-cr.me .sz-m{border-color:rgba(253,253,241,.2)}
  .sz-m svg{width:16px;height:16px}.sz-m:after{display:inline}
  .sz-m.n{color:#9D9D95}
}

/* ==================== Section: benefits ==================== */
.sz-bn{background:var(--gray)}
.sz-bg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.sz-bc{background:#FDFDF1;border:1px solid var(--line);border-radius:28px;padding:32px;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.sz-bc:hover{transform:translateY(-6px);box-shadow:0 23.8px 42px -23.8px rgba(0,40,90,0.2)}
.sz-bc.wide{grid-column:span 2}
.sz-bc.dk{background:var(--bk);color:#FDFDF1;border-color:var(--bk)}
.sz-bc.pu{background:linear-gradient(150deg,#EC5E27,#7a2a0c);color:#FDFDF1;border:0}
.sz-bc h3{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-bottom:8px}
.sz-bc p{color:var(--mute);font-size:16px;max-width:380px}
.sz-bc.dk p,.sz-bc.pu p{color:#C2C2B9}
.sz-bv{margin-top:auto;padding-top:26px}
.sz-plans{display:flex;gap:8px;flex-wrap:wrap}
.sz-plans span{border:1px solid var(--line);border-radius:12px;padding:10px 16px;font-size:14px;transition:background .3s,color .3s,border-color .3s}
.sz-plans span.on{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-bul{display:flex;gap:22px;margin-top:16px;font-size:14px;color:var(--mute)}
.sz-bul li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--or);margin-right:8px;vertical-align:middle}
.sz-loop{width:96px;height:96px;border-radius:50%;border:1px dashed rgba(253,253,241,.35);display:grid;place-items:center;animation:szspin2 12s linear infinite}
.sz-loop svg{width:36px;height:36px}
@keyframes szspin2{to{transform:rotate(360deg)}}
.sz-chk li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(253,253,241,.12);font-size:15px}
.sz-chk li:last-child{border:0}
.sz-chk i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--or);display:grid;place-items:center;font-style:normal;font-size:12px}
.sz-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sz-roles span{display:flex;align-items:center;gap:10px;background:var(--gray);border-radius:14px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .35s,color .35s,transform .35s var(--ease)}
.sz-roles span:hover{background:var(--bk);color:#FDFDF1;transform:translateY(-2px)}
.sz-roles b{flex:none;width:32px;height:32px;border-radius:10px;background:var(--or);color:#FDFDF1;display:grid;place-items:center}
.sz-roles b .sz-i{width:17px;height:17px}
@media(max-width:900px){.sz-bg{grid-template-columns:1fr;gap:16px;margin-top:40px}.sz-bc.wide{grid-column:auto}.sz-bc{padding:26px;min-height:0;border-radius:24px}}

/* ==================== Section: pricing ==================== */
.sz-pg2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;align-items:stretch}
.sz-pk{position:relative;display:flex;flex-direction:column;padding:34px 30px 30px;border:1px solid var(--line);border-radius:28px;background:#FDFDF1;overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.sz-pk:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(380px circle at var(--mx,50%) var(--my,-20%),rgba(236,94,39,.12),transparent 60%);opacity:0;transition:opacity .5s}
.sz-pk:hover{transform:translateY(-8px);box-shadow:0 23.8px 42px -22.4px rgba(0,0,0,0.14)}
.sz-pk:hover:before{opacity:1}
.sz-pk.hot{background:var(--bk);color:#FDFDF1;border-color:var(--bk);box-shadow:0 28px 56px -28px rgba(236,94,39,0.275)}
.sz-pk.hot:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(236,94,39,.3),transparent 60%);opacity:1}
.sz-pk-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sz-pk-h h3{font-size:20px;font-weight:600;letter-spacing:-.01em}
.sz-pop2{font-size:12px;font-weight:600;color:#FDFDF1;background:var(--or);border-radius:30px;padding:5px 12px;white-space:nowrap}
.sz-pk .d{font-size:15px;color:var(--mute);margin-top:6px;min-height:48px}
.sz-pk.hot .d{color:#B4B4AB}
.sz-pr3{display:flex;align-items:flex-end;gap:8px;margin:26px 0 6px}
.sz-pr3 small{font-size:14px;color:var(--mute);padding-bottom:10px}
.sz-pk.hot .sz-pr3 small{color:#B4B4AB}
.sz-pr3 .cur{font-size:26px;font-weight:500;padding-bottom:22px;margin-right:-4px}
.sz-was{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 4px}
.sz-was s{font-size:18px;color:#898982;text-decoration-color:var(--or);text-decoration-thickness:2px}
.sz-was span{font-size:12px;font-weight:700;color:#FDFDF1;background:var(--or);border-radius:30px;padding:4px 10px;animation:szpl2 2.4s ease-in-out infinite}
@keyframes szpl2{50%{box-shadow:0 0 0 4.2px rgba(236,94,39,0.09)}}
.sz-amt{font-size:clamp(46px,4.6vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.sz-pr3 .usd{font-size:13px;font-weight:600;color:var(--or);padding-bottom:10px;letter-spacing:.04em}
.sz-pk-t{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:500;background:var(--gray);border-radius:30px;padding:6px 12px;margin-top:10px}
.sz-pk.hot .sz-pk-t{background:rgba(253,253,241,.08);color:#E0E0D6}
.sz-pk-t .sz-i{width:15px;height:15px}
.sz-pk ul{display:flex;flex-direction:column;gap:12px;margin:26px 0 30px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}
.sz-pk.hot ul{border-color:rgba(253,253,241,.12)}
.sz-pk li{display:flex;gap:11px;align-items:flex-start}
.sz-pk li:before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--or-t);color:var(--or);display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}
.sz-pk.hot li:before{background:var(--or);color:#FDFDF1}
.sz-pk .sz-btn{margin-top:auto;width:100%}
.sz-pk .sz-btn.ol{border-color:var(--ink)}
.sz-pk .sz-btn.ol:hover{background:var(--ink);color:#FDFDF1}
.sz-inc{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin-top:34px;font-size:14px;color:var(--mute)}
.sz-inc b{color:var(--ink);font-weight:600}
.sz-inc span{display:inline-flex;align-items:center;gap:8px}
.sz-inc span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or)}
@media(max-width:900px){
  .sz-pg2{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .sz-pk{padding:28px 22px 24px;border-radius:24px}
  .sz-pk .d{min-height:0}
  .sz-inc{justify-content:flex-start;gap:10px 18px}
}

/* ==================== Section: reviews ==================== */
.sz-rvw{background:var(--gray);overflow:hidden}
.sz-rvw .sz-mq{margin-top:20px}
.sz-rvw .sz-rows{margin-top:60px}
.sz-qc{flex:none;width:360px;margin-right:20px;background:#FDFDF1;border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:20px;transition:border-color .3s,transform .5s var(--ease)}
.sz-qc:hover{border-color:var(--or);transform:translateY(-4px)}
.sz-qc p{font-size:16px;color:var(--ink);line-height:1.6}
.sz-qc p:before{content:"“";display:block;font-family:'Instrument Serif',serif;font-size:48px;line-height:.6;color:var(--or);margin-bottom:6px}
.sz-qp{display:flex;align-items:center;gap:12px;margin-top:auto}
.sz-qp b{width:42px;height:42px;border-radius:50%;background:var(--or-t);color:var(--or);display:grid;place-items:center;font-size:14px}
.sz-qp strong{display:block;font-weight:500;font-size:15px}
.sz-qp small{color:var(--mute);font-size:13px}
@media(max-width:900px){.sz-qc{width:290px;padding:22px}}

/* ==================== Section: articles ==================== */
.sz-ah{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.sz-ah .sz-h2{max-width:640px}
.sz-all{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:17px;transition:.3s}
.sz-all:hover{color:var(--or);border-color:var(--or);gap:16px}
.sz-all .sz-i{width:18px;height:18px}
.sz-ag{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sz-ac{background:#FDFDF1;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.sz-ac:hover{transform:translateY(-8px);box-shadow:0 23.8px 42px -19.6px rgba(0,40,90,0.175)}
.sz-acv{height:200px;position:relative;overflow:hidden;display:grid;place-items:center}
.sz-acv:before,.sz-acv:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(253,253,241,.22)}
.sz-acv:before{width:230px;height:230px}.sz-acv:after{width:150px;height:150px;border-style:dashed;animation:szspin2 30s linear infinite}
.sz-acv.a1{background:linear-gradient(150deg,#EC5E27,#7a2a0c)}.sz-acv.a2{background:radial-gradient(circle at 80% 10%,#3a1608,var(--bk) 65%)}.sz-acv.a3{background:var(--gray)}.sz-acv.a3:before,.sz-acv.a3:after{border-color:rgba(0,0,0,.1)}.sz-acv.a3 span{background:#FDFDF1;color:var(--ink);border-color:var(--line)}
.sz-acv span{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;background:rgba(253,253,241,.16);border:1px solid rgba(253,253,241,.34);backdrop-filter:blur(8px);display:grid;place-items:center;color:#FDFDF1;transition:transform .7s var(--ease)}
.sz-acv svg{width:34px;height:34px}
.sz-ac:hover .sz-acv span{transform:rotate(-12deg) scale(1.1)}
.sz-acb{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.sz-act{align-self:flex-start;background:var(--or-t);color:var(--or);border-radius:30px;padding:5px 14px;font-size:13px;font-weight:500;margin-bottom:16px}
.sz-ac h3{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.25;margin-bottom:12px}
.sz-ac h3 a:after{content:"";position:absolute;inset:0;z-index:2}
.sz-ac p{color:var(--mute);font-size:16px;margin-bottom:24px}
.sz-ard{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-weight:500;transition:color .3s}
.sz-ac:hover .sz-ard{color:var(--or)}
@media(max-width:1000px){.sz-ag{grid-template-columns:repeat(2,1fr)}.sz-ag .sz-ac:last-child{grid-column:span 2}}
@media(max-width:900px){
  .sz-ah{margin-bottom:34px}
  .sz-ag{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:4px 20px 20px;scrollbar-width:none}
  .sz-ag::-webkit-scrollbar{display:none}
  .sz-ag .sz-ac{flex:0 0 84%;scroll-snap-align:center}.sz-ag .sz-ac:last-child{grid-column:auto}
  .sz-acv{height:170px}
}

/* ==================== Section: faq ==================== */
.sz-fl{max-width:900px;margin:60px auto 0}
.sz-q{border-bottom:1px solid var(--line)}
.sz-q:first-child{border-top:1px solid var(--line)}
.sz-q h3{font-size:inherit;font-weight:inherit}
.sz-q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-size:20px;text-align:left;transition:color .3s}
.sz-q button:hover{color:var(--or)}
.sz-q i{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);position:relative;transition:background .4s,border-color .4s}
.sz-q i:before,.sz-q i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor;border-radius:2px;transition:transform .5s var(--ease)}
.sz-q i:after{transform:rotate(90deg)}
.sz-q.open i{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-q.open i:after{transform:rotate(0)}
.sz-q p{padding:0 60px 28px 0;color:var(--mute);font-size:17px}
.sz-fm{text-align:center;margin-top:44px;color:var(--mute)}
.sz-fm a{color:var(--or);font-weight:500;border-bottom:1px solid currentColor}
@media(max-width:900px){.sz-q button{font-size:18px;padding:22px 0;min-height:64px}.sz-q p{padding-right:0;font-size:16px}}

/* ==================== Section: contact ==================== */
.sz-ctc{background:var(--gray);overflow:hidden}
.sz-ctc:before{content:"";position:absolute;left:-10%;top:-20%;width:60%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(236,94,39,.22),transparent);pointer-events:none}
.sz-cg{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start;position:relative}
.sz-cg .sz-h2{font-size:clamp(36px,5vw,64px);line-height:1.04}
.sz-cg>div>p{color:var(--mute);font-size:18px;margin:24px 0 28px;max-width:440px}
.sz-ok3 li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:16px}
.sz-ok3 li:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-size:12px}
.sz-ci{margin-top:34px;display:grid;gap:12px}
.sz-ci a{display:flex;align-items:center;gap:14px;font-size:19px;width:fit-content;transition:color .3s}
.sz-ci a:hover{color:var(--or)}
.sz-ci span{flex:none;width:46px;height:46px;border-radius:50%;background:var(--or);color:#FDFDF1;box-shadow:0 7px 16.8px -7px rgba(236,94,39,0.35);display:grid;place-items:center;transition:background .3s,color .3s}
.sz-ci a:hover span{background:var(--bk);color:#FDFDF1}
.sz-ci .sz-i{width:20px;height:20px}
.sz-form{background:#FDFDF1;border-radius:28px;padding:40px;box-shadow:0 28px 63px -28px rgba(236,94,39,0.25);position:relative;overflow:hidden}
.sz-fgd{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.sz-full{grid-column:1/-1}
.sz-field{position:relative;margin-bottom:8px}
.sz-field input,.sz-field textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:28px 0 11px;font:inherit;font-size:17px;outline:0;background:none;resize:none;color:var(--ink);transition:border-color .3s;border-radius:0;box-shadow:none}
.sz-field label{position:absolute;left:0;top:28px;color:var(--mute);font-size:17px;transition:.3s var(--ease);pointer-events:none}
.sz-field input:focus,.sz-field textarea:focus{border-color:var(--or)}
.sz-field input:focus~label,.sz-field input:not(:placeholder-shown)~label,.sz-field textarea:focus~label,.sz-field textarea:not(:placeholder-shown)~label{top:6px;font-size:12px;color:var(--or)}
.sz-field.err input,.sz-field.err textarea{border-color:var(--or-d)}
.sz-gt{font-size:14px;color:var(--mute);margin:22px 0 10px}
.sz-chips{display:flex;flex-wrap:wrap;gap:8px}
.sz-chip input{position:absolute;opacity:0;pointer-events:none}
.sz-chip span{display:inline-block;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:14px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.sz-chip span:hover{border-color:var(--or)}
.sz-chip input:checked+span{background:var(--or);border-color:var(--or);color:#FDFDF1;transform:scale(1.04)}
.sz-chip input:focus-visible+span{outline:2px solid var(--or-l);outline-offset:2px}
.sz-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sz-form .sz-btn{width:100%;margin-top:26px;padding:18px}
.sz-form .sz-btn.ld{pointer-events:none;opacity:.7}
.sz-done{position:absolute;inset:0;background:#FDFDF1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .5s}
.sz-form.sent .sz-done{opacity:1;pointer-events:auto}
.sz-done svg{width:84px;height:84px;margin-bottom:22px}
.sz-done circle{fill:var(--or)}
.sz-done path{fill:none;stroke:#FDFDF1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50}
.sz-form.sent .sz-done path{animation:szdraw .6s .3s var(--ease) forwards}
@keyframes szdraw{to{stroke-dashoffset:0}}
.sz-done h3{font-size:28px;font-weight:500;margin-bottom:8px}
.sz-done p{color:var(--mute)}
.sz-done button{margin-top:22px;color:var(--or);font-weight:500;border-bottom:1px solid currentColor}
@media(max-width:900px){.sz-cg{grid-template-columns:1fr;gap:40px}.sz-form{padding:28px 22px;border-radius:24px}.sz-fgd{grid-template-columns:1fr}}

/* ==================== Footer + wordmark ==================== */
.sz-ft{background:var(--bk);color:#FDFDF1;position:relative;overflow:hidden;padding-top:110px;padding-bottom:40px}
.sz-ft .sz-w{position:relative;z-index:2}
.sz-fh{text-align:center;padding-bottom:90px}
.sz-fh h2{font-size:clamp(36px,6.2vw,88px);font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:940px;margin:0 auto}
.sz-fh p{color:#C8C8BF;font-size:19px;font-weight:300;max-width:560px;margin:24px auto 34px}
.sz-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sz-fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:56px 0;border-top:1px solid rgba(253,253,241,.14)}
.sz-fg .sz-logo{margin-bottom:18px}
.sz-about{color:#B7B7AE;max-width:300px;font-size:15px}
.sz-soc{display:flex;gap:10px;margin-top:24px}
.sz-soc a{width:44px;height:44px;border-radius:50%;background:rgba(253,253,241,.1);display:grid;place-items:center;font-size:12px;font-weight:700;transition:.35s var(--ease)}
.sz-soc a:hover{background:var(--or);transform:translateY(-4px)}
.sz-soc svg{width:19px;height:19px}
.sz-soc .f{fill:currentColor}
.sz-soc .s{fill:none;stroke:currentColor;stroke-width:1.8}
.sz-fg h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:20px;color:var(--or-l)}
.sz-fg nav a{display:block;margin-bottom:11px;color:#DDDDD3;transition:color .3s,transform .3s var(--ease)}
.sz-fg nav a:hover{color:#FDFDF1;transform:translateX(5px)}
.sz-cp{border-top:1px solid rgba(253,253,241,.14);padding:24px 0;color:#9E9E96;font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sz-cp a:hover{color:#FDFDF1}
/* big wordmark with scan-line blur (Design Monks style, SOLUZ purple) */
/* big SOLUZ wordmark — calm motion:
   letters rise softly one by one, then float gently; a warm orange light drifts slowly across
   the letters (follows the mouse on laptop); a soft glow breathes underneath */
.sz-wmw{position:relative;margin-top:30px;overflow:hidden;padding-top:16px}
.sz-wmw:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-55%;height:100%;background:radial-gradient(ellipse at 50% 55%,rgba(236,94,39,.42),transparent 62%);z-index:0;animation:szbreathe 9s ease-in-out infinite}
@keyframes szbreathe{50%{opacity:.55;transform:scale(1.08)}}
.sz-wm{position:relative;z-index:1;display:flex;justify-content:center;font-size:clamp(90px,26vw,400px);font-weight:700;letter-spacing:-.06em;line-height:.8;padding-bottom:.06em;user-select:none}
.sz-wm i{font-style:normal;display:inline-block;color:transparent;background:linear-gradient(180deg,rgba(253,253,241,.62),rgba(253,253,241,.05) 90%);-webkit-background-clip:text;background-clip:text;opacity:0;filter:blur(16px);transform:translateY(32%);transition:opacity 1.8s var(--ease),filter 1.8s var(--ease),transform 1.8s var(--ease);transition-delay:calc(var(--k)*.14s)}
.sz-wm.in i{opacity:1;filter:blur(0);transform:none;animation:szwmf 8s ease-in-out infinite;animation-delay:calc(2.4s + var(--k)*.5s)}
@keyframes szwmf{50%{transform:translateY(-4%)}}
.sz-wm-g{position:absolute;left:0;right:0;top:16px;z-index:2;pointer-events:none;opacity:0;transition:opacity 1.6s 1.2s;-webkit-mask-image:radial-gradient(circle 16vw at var(--gx,50%) 50%,#000 0%,rgba(0,0,0,.45) 40%,transparent 72%);mask-image:radial-gradient(circle 16vw at var(--gx,50%) 50%,#000 0%,rgba(0,0,0,.45) 40%,transparent 72%)}
.sz-wm-g.in{opacity:1}
.sz-wm-g i{background:linear-gradient(180deg,#F7A983,#EC5E27 55%,rgba(236,94,39,.08) 95%);-webkit-background-clip:text;background-clip:text}
@media(max-width:900px){
  .sz-ft{padding-top:72px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .sz-fh{padding-bottom:60px}.sz-fh p{font-size:17px}.sz-acts .sz-btn{width:100%}
  .sz-fg{grid-template-columns:1fr 1fr;gap:34px 20px;padding:44px 0}.sz-fg>div:first-child{grid-column:1/-1}
  .sz-cp{flex-direction:column;gap:6px;font-size:13px}
}

/* footer background photo (WP Admin → SOLUZ → Settings) */
.sz-ft.has-bg{background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.78) 55%,rgba(0,0,0,.95)),var(--sz-ft-bg) center/cover no-repeat}

/* ==================== WordPress pages (page.php, index.php, 404.php) ==================== */
.sz-page{padding:150px 0 110px}
.sz-page-hd{max-width:820px;margin-bottom:46px}
.sz-page-hd h1{font-size:clamp(38px,5.4vw,72px);font-weight:500;line-height:1.04;letter-spacing:-.04em}
.sz-page-hd p{color:var(--mute);font-size:18px;margin-top:16px}
.sz-prose{max-width:760px;font-size:18px;line-height:1.75;color:#2A2A28}
.sz-prose>*+*{margin-top:1.1em}
.sz-prose h2{font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-top:1.8em}
.sz-prose h3{font-size:24px;font-weight:500;line-height:1.3;margin-top:1.6em}
.sz-prose a{color:var(--or);text-decoration:underline;text-underline-offset:3px}
.sz-prose ul,.sz-prose ol{padding-left:1.3em}
.sz-prose ul{list-style:disc}.sz-prose ol{list-style:decimal}
.sz-prose img{border-radius:18px}
.sz-prose blockquote{border-left:3px solid var(--or);padding-left:20px;color:var(--mute)}
.sz-list{display:grid;gap:18px;max-width:900px}
.sz-list a{display:block;padding:28px;border:1px solid var(--line);border-radius:22px;transition:border-color .3s,transform .4s var(--ease)}
.sz-list a:hover{border-color:var(--or);transform:translateY(-3px)}
.sz-list h2{font-size:24px;font-weight:500;letter-spacing:-.02em}
.sz-list p{color:var(--mute);margin-top:8px}
.sz-list small{display:block;color:var(--or);font-size:13px;font-weight:600;margin-bottom:8px}
.sz-pager{display:flex;gap:10px;margin-top:40px}
.sz-404{min-height:100vh;display:grid;place-items:center;text-align:center;background:#000 var(--noise);color:#FDFDF1;padding:120px 20px}
.sz-404 h1{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.03em;margin:18px 0 10px}
.sz-404 p{color:#B4B4AB;margin-bottom:30px}
.sz-404 .sz-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.sz-page{padding:90px 0 80px}.sz-prose{font-size:17px}}

/* ==================== Photos from SOLUZ → Home (Prompt 3) ==================== */
/* Promise badge centre image */
.sz-bdg b.has-img{background:#FDFDF1;overflow:hidden}
.sz-bdg b.has-img img{width:62%;height:62%;object-fit:contain}
/* AI: orange card with a photo (tinted orange) */
.sz-ax-c.you.has-bg{background:linear-gradient(160deg,rgba(236,94,39,.94),rgba(236,94,39,.78) 55%,rgba(122,42,12,.9)),var(--sz-you-bg) center/cover}
/* Services: photo instead of the moving graphic */
.sz-skv.has-photo{background:none!important;border:0!important}
.sz-skv.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Selected work: project cover */
a.sz-cv{display:block;color:inherit}
.sz-cv.has-photo{background:var(--bk)}
.sz-cv.has-photo .sz-cvi{inset:-24px 0}
.sz-cv .sz-cvph{width:100%;height:100%;object-fit:cover;display:block}
.sz-ctx h3 a{color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.sz-ctx h3 a:hover{background-size:100% 1px}
/* Process: step photo */
.sz-psph{margin:-14px -14px 24px;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#111110}
.sz-psph img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .6s,transform 1.2s var(--ease)}
.sz-ps.on .sz-psph img{opacity:1;transform:scale(1.03)}
/* Meet: photo on the 3D card */
.sz-mcard.has-photo{background:#000}
.sz-mcard .sz-mph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0)}
.sz-mcard.has-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55));pointer-events:none}
.sz-mcard.has-photo .sz-mtag{z-index:3}
/* Why: custom icon */
.sz-cic.has-img{background:var(--gray);overflow:hidden}
.sz-cr.me .sz-cic.has-img{background:var(--or)}
.sz-cic.has-img img{width:62%;height:62%;object-fit:contain}
/* Benefits: card with a background photo */
.sz-bc.has-bg{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.82)),var(--sz-bc-bg) center/cover;color:#FDFDF1;border-color:transparent;justify-content:flex-end;min-height:300px}
.sz-bc.has-bg p{color:#E0E0D6}
.sz-bc.has-bg .sz-bv{display:none}
/* Reviews: client photo + stars */
.sz-qp b.has-img{overflow:hidden;background:var(--gray)}
.sz-qp b.has-img img{width:100%;height:100%;object-fit:cover;display:block}
.sz-qst{color:var(--or);letter-spacing:2px;font-size:15px;line-height:1}
/* Articles: post cover */
.sz-acv.has-photo{background:var(--gray)}
.sz-acv.has-photo:before,.sz-acv.has-photo:after{display:none}
.sz-acv.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.sz-ac:hover .sz-acv.has-photo img{transform:scale(1.05)}
/* Contact: founder / team photo */
.sz-cph{position:relative;margin-top:34px;max-width:300px;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#DBDBD1;box-shadow:0 21px 42px -25.2px rgba(0,0,0,0.225)}
.sz-cph img{width:100%;height:100%;object-fit:cover;display:block}
.sz-cph figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:#FDFDF1;font-size:15px;line-height:1.3}
.sz-cph figcaption b{display:block;font-weight:500}
.sz-cph figcaption span{font-size:13px;color:#CECEC5}
@media(max-width:900px){
  .sz-skv.has-photo{display:block;position:relative;aspect-ratio:16/10;min-height:0;margin-top:6px}
  .sz-psph{margin:-8px -8px 18px}
  .sz-bc.has-bg{min-height:260px}
  .sz-cph{max-width:240px}
}

/* ==================== Logo, solid contact icons, country code, call-back (v1.3.0) ==================== */
.sz-if{width:20px;height:20px;fill:currentColor;stroke:none;flex:none;display:block}
/* the SOLUZ logo sits on a clean white plate wherever the background is dark */
.sz-logoimg{display:block;width:auto;height:30px;max-width:none}
.sz-logo.sz-plate{gap:0;letter-spacing:0;background:linear-gradient(180deg,#FDFDF1,#F5F5E9);border-radius:14px;padding:9px 14px;box-shadow:0 0 0 1px rgba(253,253,241,0.05),0 11.2px 28px -12.6px rgba(0,0,0,0.3);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.sz-logo.sz-plate:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(253,253,241,0.07),0 15.4px 35px -12.6px rgba(236,94,39,0.275)}
.sz-hlogo.sz-plate{padding:13px 22px;border-radius:20px;box-shadow:0 0 0 1px rgba(253,253,241,0.06),0 0 0 4.9px rgba(253,253,241,0.02),0 21px 49px -16.8px rgba(236,94,39,0.3)}
.sz-hlogo .sz-logoimg{height:48px}
.sz-sh-h .sz-logoimg{height:24px}
.sz-sh-h .sz-plate{padding:7px 11px;border-radius:11px}
.sz-fg .sz-logoimg{height:34px}
/* dock: round SOLUZ mark with the orange scroll ring around it */
.sz-dock .sz-home{width:48px;padding:0;justify-content:center;border-radius:50%}
.sz-dock.mini .sz-home{padding:0}
.sz-homemark{position:relative;width:36px;height:36px;border-radius:50%;background:#FDFDF1;display:grid;place-items:center;box-shadow:0 4.2px 11.2px -5.6px rgba(0,0,0,0.3);transition:transform .45s var(--ease)}
.sz-homemark .sz-markimg{width:30px;height:30px;object-fit:contain;display:block}
.sz-home:hover .sz-homemark{transform:rotate(-8deg) scale(1.06)}
/* Meet SOLUZ: light card for the full-colour logo */
.sz-mcard:not(.has-photo){background:radial-gradient(circle at 50% 46%,#FDFDF1 0%,#FDFDF1 36%,#ECECE1 100%);box-shadow:0 0 0 1px rgba(0,0,0,0.03),0 30.8px 63px -32.2px rgba(236,94,39,0.3)}
.sz-mcard:not(.has-photo):before{background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1.2px)}
.sz-mcard:not(.has-photo) .sz-morb i{border-color:rgba(0,0,0,.08)}
.sz-mcard:not(.has-photo) .sz-morb .o2{border-color:rgba(236,94,39,.35)}
.sz-mcard:not(.has-photo) .sz-morb .o3:after{background:#0B0B0A;box-shadow:0 0 9.8px rgba(0,0,0,0.15)}
.sz-mcard:not(.has-photo) .sz-mtag{color:var(--ink);background:rgba(253,253,241,.9);border-color:var(--line);box-shadow:0 8.4px 18.2px -11.2px rgba(0,0,0,0.2)}
.sz-mcard:not(.has-photo) .sz-mglare{background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(236,94,39,.12),transparent 45%)}
.sz-mlogo{width:68%;height:auto}
.sz-mlogo:before{content:"";position:absolute;inset:-45% -12%;z-index:-1;background:radial-gradient(closest-side,rgba(250,86,76,.16),rgba(250,86,76,0))}
.sz-mlogo .sz-logoimg{width:100%;height:auto;filter:drop-shadow(0 12.6px 18.2px rgba(0,0,0,0.06))}
/* Contact section: 4 contact rows with solid icons */
.sz-ci{gap:14px}
.sz-ci a{font-size:17px;line-height:1.25}
.sz-ci a>div{display:flex;flex-direction:column}
.sz-ci small{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin-bottom:3px}
.sz-ci .sz-if{width:20px;height:20px}
.sz-qk a .sz-if{width:15px;height:15px}
.sz-sh-f .sq .sz-if{width:19px;height:19px}
.sz-soc .sz-if{width:19px;height:19px}
/* phone field: country code sits on the same underline, like the other fields */
.sz-tel{display:flex;align-items:flex-end;border-bottom:1px solid var(--line);transition:border-color .3s}
.sz-tel:focus-within{border-color:var(--or)}
.sz-tel.err{border-color:var(--or-d)}
.sz-telin{position:relative;flex:1;min-width:0}
.sz-field .sz-telin input{border-bottom:0;padding-left:16px}
.sz-telin label{left:16px}
.sz-tel .sz-ccb{height:34px;margin:0 0 9px;padding:0 14px 0 0;gap:8px;background:none;border:0;border-right:1px solid var(--line);border-radius:0;font-size:17px;font-weight:400}
.sz-tel .sz-ccb:hover{border-color:var(--line);color:var(--or)}
.sz-tel .sz-ccb b{background:var(--or-t);color:var(--or);border-radius:20px;padding:4px 7px}
.sz-tel .sz-ccb .sz-i{width:15px;height:15px;color:var(--mute)}
.sz-cc{position:relative;flex:none}
.sz-ccb{display:inline-flex;align-items:center;gap:6px;height:42px;margin-bottom:4px;padding:0 8px 0 7px;border-radius:12px;background:var(--gray);border:1px solid transparent;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .3s,background .3s}
.sz-ccb:hover{border-color:var(--or)}
.sz-ccb:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.sz-ccb b{font-size:10.5px;font-weight:700;letter-spacing:.05em;background:#FDFDF1;border-radius:6px;padding:3px 5px;line-height:1}
.sz-ccb .sz-i{width:16px;height:16px;transition:transform .3s var(--ease)}
.sz-cc.open .sz-ccb .sz-i{transform:rotate(180deg)}
.sz-ccp{position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:300px;max-width:calc(100vw - 48px);background:#FDFDF1;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 21px 42px -14px rgba(0,0,0,0.175);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s;text-align:left}
.sz-form .sz-ccp{width:260px}
.sz-cc.up .sz-ccp{top:auto;bottom:calc(100% + 8px);transform:translateY(6px)}
.sz-cc.open .sz-ccp{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--ease)}
.sz-ccp input[type=search]{display:block;width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;margin:0 0 6px;font:inherit;font-size:15px;color:var(--ink);background:#FDFDF1;outline:0}
.sz-ccp input[type=search]:focus{border-color:var(--or)}
.sz-ccp ul{max-height:250px;overflow:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none}
.sz-ccp li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14.5px;cursor:pointer}
.sz-ccp li b{width:26px;flex:none;font-size:10.5px;font-weight:700;color:var(--mute)}
.sz-ccp li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sz-ccp li em{font-style:normal;font-size:13.5px;color:var(--mute)}
.sz-ccp li.act,.sz-ccp li[role=option]:hover{background:var(--or-t)}
.sz-ccp li[aria-selected=true] em{color:var(--or);font-weight:600}
.sz-ccp li.sep{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mute);cursor:default;padding:12px 10px 4px;background:none!important}
.sz-ccp li.none{color:var(--mute);cursor:default;background:none!important}
/* footer: call-back bar */
.sz-cb{max-width:640px;margin:36px auto 0}
.sz-fh .sz-cb p{font-size:15px;font-weight:400;color:#A8A8A0;margin:0 0 12px}
.sz-cbrow{display:flex;align-items:center;gap:8px;background:rgba(253,253,241,.06);border:1px solid rgba(253,253,241,.14);border-radius:18px;padding:7px;text-align:left;transition:border-color .3s,background .3s}
.sz-cbrow:focus-within{border-color:rgba(236,94,39,.75);background:rgba(253,253,241,.08)}
.sz-cbrow .sz-ccb{height:46px;margin:0;background:rgba(253,253,241,.1);color:#FDFDF1}
.sz-cbrow .sz-ccb b{background:rgba(253,253,241,.16);color:#FDFDF1}
.sz-cbrow>input{flex:1;min-width:0;height:46px;background:none;border:0;outline:0;color:#FDFDF1;font:inherit;font-size:16px;padding:0 8px}
.sz-cbrow>input::placeholder{color:#8E8E87}
.sz-cbrow .sz-btn{flex:none;min-height:46px;padding:0 20px;border-radius:12px}
@media(max-width:900px){
  .sz-hlogo .sz-logoimg{height:38px}
  .sz-hlogo.sz-plate{padding:11px 18px;border-radius:17px}
  .sz-fg .sz-logoimg{height:30px}
  .sz-ci a{font-size:16px}
  .sz-cbrow{flex-wrap:wrap}
  .sz-cbrow>input{flex:1 1 140px}
  .sz-cbrow .sz-btn{width:100%;justify-content:center}
}
/* country code arrow: full, never cut */
.sz-ccb .sz-chev{width:16px;height:16px;flex:none;overflow:visible;stroke-width:2}
/* Contact: one row for Call + WhatsApp (same number) */
.sz-cw{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px 14px 14px;margin-bottom:4px;background:#FDFDF1;border:1px solid var(--line);border-radius:20px;box-shadow:0 12.6px 28px -21px rgba(0,0,0,0.175);max-width:520px}
.sz-cw-ic{position:relative;flex:none;width:46px;height:46px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;box-shadow:0 7px 16.8px -7px rgba(236,94,39,0.35)}
.sz-cw-ic i{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;border-radius:50%;background:var(--bk);color:#FDFDF1;display:grid;place-items:center;border:2px solid #FDFDF1}
.sz-cw-ic i .sz-if{width:13px;height:13px}
.sz-cw-t{display:flex;flex-direction:column;flex:1;min-width:150px;line-height:1.25}
.sz-cw-t small{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin-bottom:3px}
.sz-cw-n{font-size:18px;white-space:nowrap;transition:color .3s}
.sz-cw-n:hover{color:var(--or)}
.sz-cw-b{display:flex;gap:8px;flex:none}
.sz-cw-b a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:12px;font-size:14.5px;font-weight:500;white-space:nowrap;transition:transform .35s var(--ease),background .3s,color .3s}
.sz-cw-b a .sz-if{width:16px;height:16px}
.sz-cw-b a.c{background:var(--or);color:#FDFDF1}
.sz-cw-b a.w{background:var(--bk);color:#FDFDF1}
.sz-cw-b a:hover{transform:translateY(-2px)}
.sz-cw-b a.c:hover{background:var(--or-d)}
@media(max-width:900px){
  .sz-cw{padding:14px}
  .sz-cw-b{width:100%}
  .sz-cw-b a{flex:1;justify-content:center;height:44px}
}

/* ==================== New SOLUZ logo + icon (v1.4.0) ==================== */
.sz-logo{gap:0;letter-spacing:0}
.sz-logoimg{display:block;width:auto;height:30px;max-width:none}
.sz-hlogo .sz-logoimg{height:66px}
.sz-sh-h .sz-logoimg{height:30px}
.sz-fg .sz-logoimg{height:46px}
/* dock: the cream app icon (S + clicked o) */
.sz-dock .sz-home{width:48px;padding:0;justify-content:center;border-radius:14px}
.sz-homemark{width:40px;height:40px;border-radius:11px;background:none;box-shadow:none;display:block;overflow:hidden;transition:transform .45s var(--ease)}
.sz-homemark .sz-markimg{width:40px;height:40px;display:block}
.sz-home:hover .sz-homemark{transform:rotate(-6deg) scale(1.05)}
/* Meet SOLUZ: cream card for the logo with its tagline */
.sz-mcard:not(.has-photo){background:radial-gradient(circle at 50% 46%,#FDFDF1 0%,#FBF8EA 40%,#F1EBD6 100%)}
.sz-mlogo{width:82%}
.sz-mlogo:before{background:radial-gradient(closest-side,rgba(236,94,39,.1),rgba(236,94,39,0))}
@media(max-width:900px){.sz-hlogo .sz-logoimg{height:52px}.sz-fg .sz-logoimg{height:40px}}

/* ==================== Contact form messages (Prompt 4) ==================== */
.sz-ferr{display:block;margin:6px 0 4px;font-size:13px;line-height:1.35;color:var(--or-d)}
.sz-tel.err{border-color:var(--or-d)}
.sz-tel+.sz-ferr{grid-column:1/-1;margin-top:-2px}
.sz-fmsg{min-height:0;margin:10px 0 0;font-size:14.5px;line-height:1.4;border-radius:12px}
.sz-fmsg.bad,.sz-fmsg.ok{padding:11px 14px;margin:14px 0 12px}
.sz-fmsg.bad{background:var(--or-t);color:#8A3410}
.sz-fmsg.ok{background:#F4EFDF;color:var(--ink)}
.sz-form button[type=submit]:disabled{opacity:.75;cursor:progress}
/* email hint + "Yes, fix it" */
.sz-fhint{display:block;margin:6px 0 2px;font-size:12.5px;line-height:1.4;color:var(--mute)}
.sz-field.err .sz-fhint{display:none}
.sz-fix{display:inline-block;margin-left:2px;padding:3px 10px;border-radius:20px;background:var(--or)!important;color:#FDFDF1!important;font-size:12.5px;font-weight:600;cursor:pointer;vertical-align:baseline}
.sz-fix:hover{background:var(--or-d)!important}

/* ==================== Projects: case study + Portfolio (Prompt 5) ==================== */
.sz-case-hero,.sz-wk,.sz-case-cta{background:#000 var(--noise);color:#FDFDF1}
.sz-concept{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--or);background:var(--or-t);border-radius:20px;padding:5px 11px}
.sz-concept:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or)}
/* mock cover (when a project has no Featured image yet) */
.sz-wmock{position:absolute;inset:0;overflow:hidden}
.sz-wmock.c1{background:linear-gradient(150deg,#EC5E27,#7a2a0c 88%)}
.sz-wmock.c2{background:radial-gradient(circle at 90% 0,#3a1608,#000 62%)}
.sz-wmock.c3{background:#F4EFDF}
.sz-wimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* case study hero */
.sz-case-hero{padding:120px 0 200px;position:relative}
.sz-crumb{display:flex;gap:10px;align-items:center;font-size:14px;color:#B9B6A8;margin-bottom:26px}
.sz-crumb a{color:#FDFDF1;opacity:.75;transition:opacity .3s,color .3s}
.sz-crumb a:hover{opacity:1;color:var(--or-l)}
.sz-case-tag{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sz-case-tag .sz-lb{margin:0}
.sz-case-t{font-size:clamp(40px,6.4vw,88px);font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:980px;margin:22px 0 22px}
.sz-case-sum{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#D2CFC1;max-width:720px;font-weight:300}
.sz-case-meta{display:flex;flex-wrap:wrap;gap:14px 46px;margin:36px 0 34px;padding-top:26px;border-top:1px solid rgba(253,253,241,.14)}
.sz-case-meta dt{font-size:13px;color:#9D9A8E;margin-bottom:4px}
.sz-case-meta dd{font-size:17px;font-weight:500;margin:0}
.sz-case-hero .sz-acts{justify-content:flex-start}
/* cover overlapping the hero */
.sz-case-cover{margin:-150px auto 0;position:relative;z-index:2}
.sz-case-frame{position:relative;aspect-ratio:4/3;max-height:760px;width:100%;border-radius:28px;overflow:hidden;background:#F4EFDF;box-shadow:0 28px 60px -40px rgba(0,0,0,.3)}
/* problem · solution · result */
.sz-case-psr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sz-case-b{background:#F4EFDF;border-radius:24px;padding:30px 28px 32px}
.sz-case-b em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--or)}
.sz-case-b h2{font-size:26px;font-weight:500;letter-spacing:-.02em;margin:12px 0 12px}
.sz-case-b p{color:var(--mute);font-size:16.5px;line-height:1.65}
.sz-case-story{margin:70px auto 0}
/* gallery */
.sz-case-gal{background:#F4EFDF}
.sz-gal{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
.sz-gal-i{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:#E9E3CF;cursor:zoom-in;padding:0;border:0}
.sz-gal-i.wide{grid-column:1/-1;aspect-ratio:16/8}
.sz-gal-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.sz-gal-i:hover img{transform:scale(1.035)}
.sz-gal-i:focus-visible{outline:3px solid var(--or);outline-offset:3px}
/* full-screen viewer */
.sz-lbx{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.92);display:grid;grid-template-columns:72px 1fr 72px;align-items:center;opacity:0;transition:opacity .25s}
.sz-lbx.open{opacity:1}
.sz-lbx[hidden]{display:none}
.sz-lbx figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 0 30px;max-height:100vh}
.sz-lbx img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:14px}
.sz-lbx figcaption{color:#D2CFC1;font-size:14px;text-align:center}
.sz-lbx button{width:52px;height:52px;border-radius:50%;background:rgba(253,253,241,.1);color:#FDFDF1;display:grid;place-items:center;justify-self:center;transition:background .3s}
.sz-lbx button:hover,.sz-lbx button:focus-visible{background:var(--or)}
.sz-lbx .sz-lbx-p .sz-i{transform:rotate(180deg)}
.sz-lbx .sz-lbx-x{position:absolute;top:18px;right:18px}
.sz-lbx.single .sz-lbx-p,.sz-lbx.single .sz-lbx-n{visibility:hidden}
html.sz-lbx-on{overflow:hidden}
/* "want a website like this" band (case study + Portfolio) */
.sz-case-cta{padding:110px 0;text-align:center}
.sz-case-cta p{color:#C9C6B8;font-size:18px;max-width:560px;margin:18px auto 30px}
/* next / previous */
.sz-case-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:70px;padding-bottom:110px}
.sz-case-n{position:relative;display:block;padding:28px 30px;border:1px solid var(--line);border-radius:22px;transition:border-color .3s,transform .5s var(--ease),background .3s}
.sz-case-n:hover{border-color:var(--or);transform:translateY(-3px);background:#FBF8EA}
.sz-case-n small{display:block;font-size:13px;color:var(--mute);margin-bottom:6px}
.sz-case-n b{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em;padding-right:60px}
.sz-case-n .sz-arw{position:absolute;right:26px;top:50%;margin-top:-20px;width:40px;height:40px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center}
.sz-case-n.prev{text-align:right}.sz-case-n.prev b{padding:0 0 0 60px}.sz-case-n.prev .sz-arw{right:auto;left:26px}.sz-case-n.prev .sz-arw .sz-i{transform:rotate(180deg)}
.sz-case-n:only-child{grid-column:1/-1}
/* Portfolio */
.sz-wk{padding:130px 0 70px}
.sz-wk-t{font-size:clamp(42px,6.4vw,92px);font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:1000px}
.sz-wk-t .sz-em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--or)}
.sz-wk-sub{font-size:19px;color:#D2CFC1;max-width:640px;margin-top:22px;font-weight:300}
.sz-wf{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.sz-wf a{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-radius:30px;border:1px solid rgba(253,253,241,.18);color:#E6E3D6;font-size:15px;transition:background .3s,border-color .3s,color .3s}
.sz-wf a sup{font-size:11px;color:#9D9A8E;top:0}
.sz-wf a:hover{border-color:var(--or-l);color:#FDFDF1}
.sz-wf a.on{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-wf a.on sup{color:rgba(253,253,241,.8)}
.sz-wl{padding:70px 0 110px}
.sz-wg{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sz-wc[hidden]{display:none}
.sz-wc.in{animation:szwc .6s var(--ease) both;animation-delay:calc(var(--k,0)*60ms)}
@keyframes szwc{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.sz-wc a{display:block}
.sz-wc-img{position:relative;margin:0;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:#F4EFDF}
.sz-wc-img .sz-wimg,.sz-wc-img .sz-wmock{transition:transform 1s var(--ease)}
.sz-wc a:hover .sz-wimg,.sz-wc a:hover .sz-wmock{transform:scale(1.04)}
.sz-wc-img .sz-concept{position:absolute;left:16px;top:16px;z-index:2;background:#FDFDF1}
.sz-wc-b{padding:22px 4px 0}
.sz-wc-b .sz-kk{font-size:20px;margin-bottom:6px}
.sz-wc-b h2{font-size:clamp(22px,2.2vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.2}
.sz-wc-b p{color:var(--mute);font-size:16px;margin-top:10px;max-width:520px}
.sz-wc-m{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.sz-wl-none{text-align:center;color:var(--mute);padding:40px 0}
.sz-wl-empty{text-align:center;max-width:560px;margin:0 auto;padding:30px 0}
.sz-wl-empty h2{font-size:32px;font-weight:500;letter-spacing:-.03em}
.sz-wl-empty p{color:var(--mute);margin:12px 0 26px}
@media(max-width:900px){
  .sz-case-hero{padding:90px 0 150px}
  .sz-case-meta{gap:12px 28px}
  .sz-case-cover{margin-top:-110px}
  .sz-case-frame{border-radius:20px}
  .sz-case-psr{grid-template-columns:1fr}
  .sz-gal{grid-template-columns:1fr;gap:14px}.sz-gal-i,.sz-gal-i.wide{aspect-ratio:16/10;border-radius:16px}
  .sz-lbx{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .sz-lbx figure{grid-row:1;padding:70px 10px 10px}
  .sz-lbx .sz-lbx-p,.sz-lbx .sz-lbx-n{position:absolute;bottom:24px}
  .sz-lbx .sz-lbx-p{left:24px}.sz-lbx .sz-lbx-n{right:24px}
  .sz-case-nav{grid-template-columns:1fr;padding-bottom:90px}
  .sz-case-n.prev{text-align:left}.sz-case-n.prev b{padding:0 60px 0 0}.sz-case-n.prev .sz-arw{left:auto;right:26px}
  .sz-wk{padding:90px 0 50px}
  .sz-wf{gap:8px;margin-top:32px}.sz-wf a{height:40px;padding:0 14px;font-size:14px}
  .sz-wg{grid-template-columns:1fr;gap:34px}
  .sz-wl{padding:44px 0 80px}
}

/* ==================== Inner pages: Services · About · Pricing · Contact (Prompt 6) ==================== */
.sz-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* black top part */
.sz-ph{background:#000 var(--noise);color:#FDFDF1;padding:130px 0 90px;position:relative;overflow:hidden;isolation:isolate}
.sz-ph:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(236,94,39,.22),transparent 65%);pointer-events:none}
.sz-ph-g{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
.sz-ph.has-side .sz-ph-g{grid-template-columns:1.15fr .85fr}
.sz-ph-h{font-size:clamp(40px,6vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.03;max-width:980px}
.sz-ph-h .sz-em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--or)}
.sz-ph-sub{font-size:clamp(17px,1.6vw,20px);color:#D2CFC1;max-width:640px;margin-top:22px;font-weight:300;line-height:1.55}
.sz-ph .sz-acts{justify-content:flex-start;margin-top:34px}
.sz-ph-fig{margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/3;background:#1a1a18}
.sz-ph-img{width:100%;height:100%;object-fit:cover;display:block}
/* Services page: 9 service cards */
.sz-svg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.sz-svd{display:flex;flex-direction:column;background:#FDFDF1;border:1px solid var(--line);border-radius:24px;padding:28px 26px 24px;transition:border-color .35s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.sz-svd:hover{border-color:var(--or-l);transform:translateY(-4px);box-shadow:0 22px 44px -34px rgba(0,0,0,.35)}
.sz-svd-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.sz-svd-ic{width:50px;height:50px;border-radius:15px;background:var(--or-t);color:var(--or);display:grid;place-items:center;transition:background .35s,color .35s}
.sz-svd-ic .sz-i{width:24px;height:24px}
.sz-svd:hover .sz-svd-ic{background:var(--or);color:#FDFDF1}
.sz-svd-h em{font-style:normal;font-size:13px;font-weight:600;color:var(--mute);letter-spacing:.06em}
.sz-svd h3{font-size:23px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.sz-svd>p{color:var(--mute);font-size:15.5px;line-height:1.6;margin-top:10px}
.sz-svd small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin:20px 0 10px}
.sz-svd ul{display:flex;flex-direction:column;gap:9px;font-size:15px;margin-bottom:22px}
.sz-svd li{display:flex;gap:10px;align-items:flex-start}
.sz-svd li:before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;background:var(--or-t);color:var(--or);display:grid;place-items:center;font-size:10px;font-weight:700;margin-top:2px}
.sz-svd-b{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line);font-weight:600;font-size:15.5px}
.sz-svd-b .sz-arw{width:40px;height:40px}
.sz-svd-b:hover{color:var(--or)}
.sz-svd-b:hover .sz-arw{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-svd-b:hover .sz-arw svg:first-child{transform:translate(160%,-160%)}
.sz-svd-b:hover .sz-arw svg+svg{transform:none}
.sz-svd-b:focus-visible{outline:3px solid var(--or);outline-offset:4px;border-radius:6px}
/* About page: story + founder */
.sz-story-g{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.sz-story-p{margin-top:24px;display:flex;flex-direction:column;gap:16px;font-size:18px;line-height:1.7;color:#2A2A28;max-width:600px}
.sz-story-q{margin:32px 0 0;padding:24px 0 0 26px;border-left:3px solid var(--or)}
.sz-story-q p{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--ink)}
.sz-story-q cite{display:block;font-style:normal;font-size:14px;color:var(--mute);margin-top:12px}
.sz-story-f{margin:0}
.sz-story-ph{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#F4EFDF;display:grid;place-items:center;box-shadow:0 28px 56px -44px rgba(0,0,0,.35)}
.sz-story-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sz-story-f:not(.has-img) .sz-story-ph img{width:66%;height:auto;object-fit:contain}
.sz-story-f figcaption{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding-left:4px}
.sz-story-f figcaption b{font-size:18px;font-weight:600}
.sz-story-f figcaption span{font-size:14.5px;color:var(--mute)}
/* About page: 4 promises */
.sz-vg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.sz-vc{background:#F4EFDF;border-radius:22px;padding:28px 24px 30px;transition:transform .5s var(--ease),background .35s}
.sz-vc:hover{transform:translateY(-4px);background:var(--or-t)}
.sz-vc em{font-style:normal;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--or);color:#FDFDF1;font-size:13px;font-weight:700}
.sz-vc h3{font-size:21px;font-weight:500;letter-spacing:-.02em;margin:20px 0 10px}
.sz-vc p{color:var(--mute);font-size:15.5px;line-height:1.6}
/* Pricing page: payment steps + custom quote */
.sz-page-pricing #pricing{padding-top:80px}
.sz-payl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;counter-reset:none;position:relative}
.sz-payl li{position:relative;background:#FDFDF1;border:1px solid var(--line);border-radius:22px;padding:28px 26px 30px}
.sz-payl em{font-style:normal;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bk);color:#FDFDF1;font-weight:700;font-size:15px}
.sz-payl li:first-child em{background:var(--or)}
.sz-payl h3{font-size:21px;font-weight:500;letter-spacing:-.02em;margin:20px 0 8px}
.sz-payl p{color:var(--mute);font-size:15.5px;line-height:1.6}
.sz-pay-n{text-align:center;color:var(--mute);font-size:15px;margin-top:24px}
.sz-cq-wrap{padding-bottom:var(--sp)}
.sz-cq{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--or);color:#FDFDF1;border-radius:28px;padding:40px 44px}
.sz-cq h2{font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.03em}
.sz-cq p{opacity:.92;margin-top:8px;max-width:620px;font-size:16.5px}
.sz-cq .sz-btn.pu{background:var(--bk)}
.sz-cq .sz-btn.pu:hover{background:#222220}
/* Contact page: office hours card in the black top part */
.sz-hrs{background:rgba(253,253,241,.05);border:1px solid rgba(253,253,241,.14);border-radius:26px;padding:26px 26px 24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sz-hrs-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sz-hrs-h b{font-size:19px;font-weight:600}
.sz-hrs-ic{width:38px;height:38px;border-radius:12px;background:var(--or);display:grid;place-items:center}
.sz-hrs-ic .sz-i{width:19px;height:19px}
.sz-open{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:5px 11px;border-radius:20px;background:rgba(73,190,110,.16);color:#7FDC9C}
.sz-open:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:szpulse 2s infinite}
.sz-open.no{background:rgba(253,253,241,.08);color:#B9B6A8}
.sz-open.no:before{animation:none}
@keyframes szpulse{50%{opacity:.35}}
.sz-hrs ul{display:flex;flex-direction:column}
.sz-hrs li{display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:10px;font-size:15px;color:#D2CFC1}
.sz-hrs li+li{border-top:1px solid rgba(253,253,241,.07)}
.sz-hrs li.on{background:rgba(236,94,39,.16);color:#FDFDF1;font-weight:600;border-color:transparent}
.sz-hrs li.on+li{border-color:transparent}
.sz-hrs-tz{display:block;font-size:13px;color:#9D9A8E;margin-top:12px;padding-left:12px}
.sz-hrs-n{font-size:14px;color:#B9B6A8;margin-top:6px;padding-left:12px}
.sz-hrs-b{display:flex;gap:10px;margin-top:20px}
.sz-hrs-b a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;font-weight:600;font-size:15px;transition:transform .35s var(--ease),background .3s}
.sz-hrs-b a .sz-if{width:17px;height:17px}
.sz-hrs-b a.w{background:#FDFDF1;color:var(--bk)}
.sz-hrs-b a.c{background:var(--or);color:#FDFDF1}
.sz-hrs-b a:hover{transform:translateY(-2px)}
@media(max-width:1000px){
  .sz-svg{grid-template-columns:1fr 1fr}
  .sz-vg{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .sz-ph{padding:90px 0 64px}
  .sz-ph.has-side .sz-ph-g{grid-template-columns:1fr;gap:36px}
  .sz-ph .sz-acts .sz-btn{flex:1 1 auto}
  .sz-ph-fig{border-radius:20px}
  .sz-story-g{grid-template-columns:1fr;gap:40px}
  .sz-story-p{font-size:17px}
  .sz-story-f{max-width:440px}
  .sz-payl{grid-template-columns:1fr;gap:14px}
  .sz-cq{flex-direction:column;align-items:flex-start;padding:30px 26px;border-radius:22px}
  .sz-cq .sz-btn{width:100%}
  .sz-hrs{padding:22px 18px 20px;border-radius:22px}
}
@media(max-width:640px){
  .sz-svg{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .sz-vg{grid-template-columns:1fr;gap:12px}
  .sz-svd{padding:24px 20px 20px}
}
/* inner pages: FAQ follows a coloured section, so it needs its top space back */
.sz-page-services #faq,.sz-page-contact #faq{padding-top:var(--sp)!important}

/* ==================== Blog · article · normal pages · 404 (Prompt 7) ==================== */
/* blog list */
.sz-bl-hero{padding-bottom:70px}
.sz-bl-tools{display:flex;flex-direction:column;gap:22px;margin-top:40px}
.sz-srch{position:relative;display:flex;align-items:center;gap:8px;max-width:560px;background:rgba(253,253,241,.06);border:1px solid rgba(253,253,241,.16);border-radius:16px;padding:6px 6px 6px 48px;transition:border-color .3s,background .3s}
.sz-srch:focus-within{border-color:var(--or);background:rgba(253,253,241,.09)}
.sz-srch>.sz-i{position:absolute;left:17px;width:20px;height:20px;color:#9D9A8E}
.sz-srch input{flex:1;min-width:0;background:none;border:0;outline:0;color:#FDFDF1;font:inherit;font-size:16px;height:44px}
.sz-srch input::placeholder{color:#8E8C80}
.sz-srch .sz-btn{min-height:44px;padding:10px 20px;border-radius:11px}
.sz-bl-tools .sz-wf{margin-top:0}
.sz-bl{padding:70px 0 110px}
.sz-blg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sz-ac.big{grid-column:1/-1;flex-direction:row;min-height:400px}
.sz-ac.big .sz-acv{flex:0 0 56%;height:auto;min-height:320px}
.sz-ac.big .sz-acb{padding:40px 40px 36px;justify-content:center}
.sz-ac.big h3{font-size:clamp(26px,2.8vw,36px);line-height:1.15}
.sz-ac.big p{font-size:17px}
.sz-acm{font-size:13.5px;color:var(--mute);font-weight:400}
.sz-ac:hover .sz-acm{color:var(--or)}
.sz-pgn{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:56px}
.sz-pgn a,.sz-pgn span{min-width:46px;height:46px;padding:0 14px;display:inline-grid;place-items:center;border-radius:14px;border:1px solid var(--line);font-weight:500;font-size:15px;transition:background .3s,border-color .3s,color .3s}
.sz-pgn a:hover{border-color:var(--or);color:var(--or)}
.sz-pgn .current{background:var(--bk);border-color:var(--bk);color:#FDFDF1}
.sz-pgn .dots{border:0}
.sz-pgn .prev .sz-i{transform:rotate(180deg)}
.sz-pgn .sz-i{width:18px;height:18px}
/* reading progress bar */
.sz-rbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:95;pointer-events:none}
.sz-rbar i{display:block;height:100%;background:var(--or);transform-origin:0 50%;transform:scaleX(0)}
/* article hero + cover */
.sz-post-hero{padding:120px 0 80px}
.sz-post-hero.has-cover{padding-bottom:210px}
.sz-post-t{font-size:clamp(36px,5.2vw,70px);font-weight:500;letter-spacing:-.04em;line-height:1.06;max-width:980px;margin-top:4px}
.sz-post-meta{display:flex;align-items:center;gap:14px;margin-top:32px}
.sz-av{width:46px;height:46px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-weight:600;font-size:15px;flex:none}
.sz-post-meta b{display:block;font-weight:600}
.sz-post-meta small{display:block;color:#B9B6A8;font-size:14px;margin-top:2px}
.sz-post-cover{margin-top:-160px;position:relative;z-index:2}
.sz-post-cover figure{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:16/9;background:#F4EFDF;box-shadow:0 28px 60px -40px rgba(0,0,0,.3)}
.sz-post-cover img{width:100%;height:100%;object-fit:cover;display:block}
/* article body + sticky side */
.sz-post-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding-top:64px;padding-bottom:var(--sp);align-items:start}
.sz-post-g.no-toc{grid-template-columns:200px minmax(0,1fr)}
.sz-post-side{position:sticky;top:30px;display:flex;flex-direction:column;gap:26px}
.sz-post-main{min-width:0;max-width:760px}
.sz-post-body{max-width:none}
.sz-prose h2,.sz-prose h3{scroll-margin-top:30px}
.sz-prose figure{margin:1.6em 0}
.sz-prose figcaption{font-size:14px;color:var(--mute);margin-top:8px;text-align:center}
.sz-prose table{width:100%;border-collapse:collapse;font-size:16px}
.sz-prose th,.sz-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.sz-prose th{background:#F4EFDF}
.sz-prose code{background:#F4EFDF;border-radius:6px;padding:2px 6px;font-size:.9em}
.sz-prose pre{background:#121210;color:#FDFDF1;border-radius:16px;padding:20px;overflow-x:auto}
.sz-prose pre code{background:none;padding:0}
/* table of contents */
.sz-toc b,.sz-share b{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.sz-toc ol{display:flex;flex-direction:column;border-left:2px solid var(--line)}
.sz-toc li.l3{padding-left:14px}
.sz-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;line-height:1.4;color:var(--mute);transition:color .25s,border-color .25s}
.sz-toc a:hover{color:var(--ink)}
.sz-toc a.on{color:var(--or);border-left-color:var(--or);font-weight:500}
.sz-toc-m{display:none;background:#F4EFDF;border-radius:18px;padding:0 18px;margin-bottom:30px}
.sz-toc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:600}
.sz-toc-m summary::-webkit-details-marker{display:none}
.sz-toc-m summary i{width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .3s}
.sz-toc-m[open] summary i{transform:rotate(-135deg)}
.sz-toc-m ol{margin-bottom:16px}
/* share */
.sz-share>div{display:flex;flex-wrap:wrap;gap:8px}
.sz-share a,.sz-share button{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);background:none;cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .35s var(--ease)}
.sz-share .sz-if,.sz-share .sz-i{width:18px;height:18px}
.sz-share a:hover,.sz-share button:hover{background:var(--or);border-color:var(--or);color:#FDFDF1;transform:translateY(-2px)}
.sz-copied{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bk);color:#FDFDF1;font-size:12px;border-radius:8px;padding:4px 8px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}
.sz-copied.show{opacity:1}
.sz-share-m{display:none;margin-top:34px}
.sz-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.sz-tags a{font-size:14px;padding:6px 13px;border-radius:20px;background:#F4EFDF;transition:background .3s,color .3s}
.sz-tags a:hover{background:var(--or-t);color:var(--or)}
/* "Get a free quote" box */
.sz-quote{margin-top:48px;background:#000 var(--noise);color:#FDFDF1;border-radius:26px;padding:34px 34px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;overflow:hidden;isolation:isolate}
.sz-quote:after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-140px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(236,94,39,.35),transparent 65%)}
.sz-quote h2{font-size:clamp(23px,2.3vw,29px);font-weight:500;letter-spacing:-.025em;line-height:1.2}
.sz-quote h2 .sz-em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--or)}
.sz-quote p{color:#C9C6B8;margin-top:8px;font-size:15.5px}
.sz-related{background:#F4EFDF}
/* normal pages (Privacy …) */
.sz-pg-hero{padding:120px 0 64px}
.sz-pg-hero .sz-ph-h{font-size:clamp(38px,5vw,66px)}
.sz-pg-body .sz-post-g{padding-top:60px}
/* 404 */
.sz-404{min-height:100vh;display:flex;align-items:center;text-align:center;padding:120px 0 140px}
.sz-404 .sz-w{display:flex;flex-direction:column;align-items:center;width:100%}
.sz-404n{display:flex;align-items:center;gap:clamp(8px,2vw,22px);font-size:clamp(110px,20vw,240px);font-weight:700;letter-spacing:-.06em;line-height:.9}
.sz-404n>span:not(.sz-404o){color:transparent;background:linear-gradient(180deg,#FDFDF1,rgba(253,253,241,.12));-webkit-background-clip:text;background-clip:text}
.sz-404o{position:relative;width:.62em;height:.62em;display:block}
.sz-404o i{position:absolute;inset:0;border-radius:50%;background:var(--or);animation:sz404p 2.6s var(--ease) infinite}
.sz-404o svg{position:absolute;width:.34em;height:.34em;left:48%;top:46%;fill:#FDFDF1;stroke:#000;stroke-width:1.2;stroke-linejoin:round;animation:sz404c 2.6s var(--ease) infinite}
@keyframes sz404p{0%,40%,100%{transform:scale(1)}48%{transform:scale(.9)}60%{transform:scale(1.04)}}
@keyframes sz404c{0%{transform:translate(70%,80%)}38%,62%{transform:translate(0,0)}46%{transform:translate(0,0) scale(.85)}100%{transform:translate(70%,80%)}}
.sz-404 h1{font-size:clamp(28px,4vw,46px);font-weight:500;letter-spacing:-.03em;margin:34px 0 12px}
.sz-404 p{color:#B4B4AB;max-width:520px;margin:0 auto 30px}
.sz-404 .sz-srch{width:100%;margin:0 auto}
.sz-404l{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:680px;margin:26px auto 34px}
.sz-404l a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:18px;border:1px solid rgba(253,253,241,.12);font-size:15px;transition:border-color .3s,background .3s,transform .4s var(--ease)}
.sz-404l a span{width:40px;height:40px;border-radius:12px;background:rgba(253,253,241,.08);display:grid;place-items:center;transition:background .3s}
.sz-404l a .sz-i{width:20px;height:20px}
.sz-404l a:hover{border-color:var(--or);transform:translateY(-3px)}
.sz-404l a:hover span{background:var(--or)}
@media(max-width:1000px){
  .sz-blg{grid-template-columns:1fr 1fr}
  .sz-ac.big{flex-direction:column;min-height:0}.sz-ac.big .sz-acv{flex:none;min-height:0;height:300px}.sz-ac.big .sz-acb{padding:30px 28px}
  .sz-post-g,.sz-post-g.no-toc{grid-template-columns:1fr;gap:0}
  .sz-post-side{display:none}
  .sz-toc-m{display:block}.sz-share-m{display:block}
  .sz-post-main{max-width:760px;margin:0 auto;width:100%}
}
@media(max-width:900px){
  .sz-bl{padding:44px 0 80px}
  .sz-post-hero{padding:90px 0 56px}.sz-post-hero.has-cover{padding-bottom:130px}
  .sz-post-cover{margin-top:-90px}.sz-post-cover figure{border-radius:18px}
  .sz-post-g{padding-top:40px}
  .sz-quote{flex-direction:column;align-items:flex-start;padding:28px 24px;border-radius:22px}.sz-quote .sz-btn{width:100%}
  .sz-pg-hero{padding:90px 0 48px}
  .sz-404l{grid-template-columns:1fr 1fr}
  .sz-srch .sz-btn{padding:10px 14px}
}
@media(max-width:640px){
  .sz-blg{grid-template-columns:1fr;gap:16px}
  .sz-ac.big .sz-acv{height:210px}
  .sz-ac.big h3{font-size:24px}
  .sz-pgn a,.sz-pgn span{min-width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.sz-404o i,.sz-404o svg{animation:none}}
/* WordPress adds underlines to links on its own: remove them on our buttons and lists (article text keeps them) */
.sz-toc ol{list-style:none;padding:0;margin:0}
.sz-toc a,.sz-tags a,.sz-quote a,.sz-share a,.sz-crumb a,.sz-ac a,.sz-pgn a,.sz-404l a,.sz-wf a,.sz-related a{text-decoration:none}
.sz-share [hidden]{display:none}
/* Contact page: open 24/7 card (clients worldwide) */
.sz-247{display:flex;align-items:center;gap:22px;padding:18px 6px 8px}
.sz-247 strong{display:block;font-size:clamp(56px,6vw,78px);font-weight:600;letter-spacing:-.05em;line-height:.95;background:linear-gradient(180deg,#FDFDF1 30%,#F6915D);-webkit-background-clip:text;background-clip:text;color:transparent}
.sz-247 span{display:block;font-size:14.5px;color:#C9C6B8;margin-top:8px}
.sz-globe{position:relative;flex:none;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#F6915D,#EC5E27 45%,#8a2f0d 100%);overflow:hidden;box-shadow:inset -10px -12px 24px rgba(0,0,0,.35),0 0 0 6px rgba(236,94,39,.12),0 0 40px rgba(236,94,39,.35)}
.sz-globe i{position:absolute;left:0;right:0;height:1px;background:rgba(253,253,241,.35)}
.sz-globe i:nth-child(1){top:30%}.sz-globe i:nth-child(2){top:50%}.sz-globe i:nth-child(3){top:70%}
.sz-globe u,.sz-globe s{position:absolute;top:0;bottom:0;width:70%;left:15%;border:1px solid rgba(253,253,241,.35);border-radius:50%;animation:szglobe 6s linear infinite}
.sz-globe s{width:30%;left:35%;animation-delay:-3s}
@keyframes szglobe{from{transform:scaleX(1)}50%{transform:scaleX(.05)}to{transform:scaleX(1)}}
.sz-yt{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(253,253,241,.06);font-size:14px;color:#C9C6B8}
.sz-yt b{color:#FDFDF1}.sz-yt span{color:#7FDC9C}
.sz-hrs-24 .sz-hrs-tz{display:flex;align-items:center;gap:7px;font-size:14px;color:#D2CFC1;margin-top:14px}
.sz-hrs-24 .sz-hrs-tz .sz-i{width:16px;height:16px;color:var(--or-l)}
@media(max-width:900px){.sz-247{gap:16px}.sz-globe{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.sz-globe u,.sz-globe s{animation:none}}
/* Footer: "Back to top" button (laptop + phone) */
.sz-top{display:inline-flex;align-items:center;gap:10px;background:none;border:1px solid rgba(253,253,241,.2);color:#FDFDF1;border-radius:30px;height:42px;padding:0 8px 0 18px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .3s,background .3s}
.sz-top span{width:28px;height:28px;border-radius:50%;background:var(--or);display:grid;place-items:center;transition:transform .45s var(--ease)}
.sz-top .sz-i{width:15px;height:15px;transform:rotate(-90deg)}
.sz-top:hover{border-color:var(--or);background:rgba(236,94,39,.1)}
.sz-top:hover span{transform:translateY(-3px)}
.sz-top:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.sz-cp{align-items:center}
@media(max-width:900px){.sz-cp .sz-top{align-self:center;margin-top:12px}}


/* ==================== One page per menu item (Prompt 9 request) — designs that do NOT repeat Home ==================== */
/* Process: project clock card */
.sz-pclock{background:linear-gradient(160deg,rgba(236,94,39,.22),rgba(253,253,241,.04) 55%);border:1px solid rgba(253,253,241,.14);border-radius:26px;padding:26px 26px 22px}
.sz-pclock small{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#B9B6A8}
.sz-pclock>b{display:block;font-size:clamp(64px,7vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;margin-top:8px}
.sz-pclock>span{display:block;color:#D2CFC1;margin-top:4px}
.sz-pclock ol{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.sz-pclock li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;font-size:14.5px}
.sz-pclock li i{width:12px;height:12px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px rgba(236,94,39,.2);animation:szpk 2.4s ease-in-out infinite;animation-delay:calc(var(--k)*.4s)}
@keyframes szpk{50%{box-shadow:0 0 0 8px rgba(236,94,39,0)}}
.sz-pclock li em{font-style:normal;font-weight:500}
.sz-pclock li u{text-decoration:none;color:#9D9A8E;font-size:13px}
/* Process: vertical timeline */
.sz-tl-l{position:relative;margin-top:20px}
.sz-tl-l:before{content:"";position:absolute;left:58px;top:20px;bottom:20px;border-left:2px dashed var(--line)}
.sz-tl-i{position:relative;display:grid;grid-template-columns:120px 1.25fr 1fr;gap:34px;padding:42px 0;border-bottom:1px solid var(--line)}
.sz-tl-i:last-child{border-bottom:0}
.sz-tl-n{position:relative;z-index:1;width:116px;height:116px;border-radius:50%;background:#FDFDF1;border:2px solid var(--ink);display:grid;place-items:center;font-size:42px;font-weight:600;letter-spacing:-.04em;transition:background .4s,color .4s,border-color .4s}
.sz-tl-i:hover .sz-tl-n{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-tl-d{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--or);background:var(--or-t);border-radius:20px;padding:6px 12px}
.sz-tl-d .sz-i{width:15px;height:15px}
.sz-tl-b h3{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.03em;margin:16px 0 12px}
.sz-tl-b p{color:var(--mute);font-size:17px;line-height:1.7}
.sz-tl-o{background:#F4EFDF;border-radius:22px;padding:22px 24px;align-self:start}
.sz-tl-o figure{margin:-6px -8px 16px;border-radius:16px;overflow:hidden;aspect-ratio:16/10}
.sz-tl-o figure img{width:100%;height:100%;object-fit:cover;display:block}
.sz-tl-o b{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.sz-tl-o ul{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.sz-tl-o li{display:flex;gap:10px;align-items:center;font-weight:500}
.sz-tl-o li:before{content:"✓";width:22px;height:22px;flex:none;border-radius:50%;background:var(--ink);color:#FDFDF1;display:grid;place-items:center;font-size:11px}
/* Process: who does what board */
.sz-wdw{background:#F4EFDF}
.sz-wdw-k{display:flex;gap:10px}
.sz-wdw-k span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:600}
.sz-wdw-k .sz-i{width:16px;height:16px}
.sz-wdw-k .ai{border:1.5px dashed var(--mute);color:var(--mute)}
.sz-wdw-k .hu{background:var(--or);color:#FDFDF1}
.sz-wdw-g{display:flex;flex-direction:column;gap:10px}
.sz-wdw-r{display:grid;grid-template-columns:200px 1fr 1fr;gap:10px;align-items:stretch}
.sz-wdw-hd{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:0 4px}
.sz-wdw-r>b{display:flex;align-items:center;gap:12px;font-weight:600;font-size:17px;padding:16px 4px}
.sz-wdw-r>b em{font-style:normal;width:32px;height:32px;border-radius:10px;background:var(--ink);color:#FDFDF1;display:grid;place-items:center;font-size:13px}
.sz-wdw-r>span.ai{border:1.5px dashed #C9C2AC;border-radius:16px;padding:16px 18px;color:var(--mute);background:#FBF8EC}
.sz-wdw-r>span.hu{border-radius:16px;padding:16px 18px;background:#FDFDF1;border:1px solid var(--line);font-weight:500;box-shadow:inset 4px 0 0 var(--or)}
/* Process: promise band */
.sz-pband{background:#000 var(--noise);color:#FDFDF1;padding:90px 0}
.sz-pband h2{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.03em;margin-bottom:34px}
.sz-pband-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(253,253,241,.12);border-radius:22px;overflow:hidden}
.sz-pband-g>div{background:#0b0b0a;padding:30px 28px}
.sz-pband-g span{width:44px;height:44px;border-radius:14px;background:var(--or);display:grid;place-items:center}
.sz-pband-g .sz-i{width:21px;height:21px}
.sz-pband-g h3{font-size:20px;font-weight:500;margin:18px 0 8px}
.sz-pband-g p{color:#B9B6A8;font-size:15.5px}
/* Why SOLUZ: option cards */
.sz-wy-t{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.03em;margin-bottom:30px}
.sz-wy-g{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sz-wy-c{background:#FDFDF1;border:1px solid var(--line);border-radius:24px;padding:26px 26px 24px;transition:transform .5s var(--ease),border-color .3s}
.sz-wy-c:hover{transform:translateY(-4px);border-color:var(--or-l)}
.sz-wy-c.me{grid-column:1/-1;background:var(--or);border-color:var(--or);color:#FDFDF1;display:grid;grid-template-columns:1fr 1.2fr;gap:10px 40px;padding:34px}
.sz-wy-h{display:flex;align-items:center;gap:14px}
.sz-wy-c.me .sz-wy-h{grid-column:1}
.sz-wy-logo .sz-markimg{width:48px;height:48px;border-radius:14px;display:block}
.sz-wy-h h3{font-size:24px;font-weight:500;letter-spacing:-.02em}
.sz-wy-s{margin-left:auto;font-size:14px;color:var(--mute)}
.sz-wy-s b{font-size:26px;color:var(--ink);font-weight:600}
.sz-wy-c.me .sz-wy-s,.sz-wy-c.me .sz-wy-s b{color:#FDFDF1}
.sz-wy-c>p{color:var(--mute);font-size:15.5px;margin:12px 0 18px}
.sz-wy-c.me>p{color:rgba(253,253,241,.92);font-size:17px;grid-column:1;margin:0}
.sz-wy-c ul{display:flex;flex-wrap:wrap;gap:8px}
.sz-wy-c.me ul{grid-column:2;grid-row:1/3;align-content:center}
.sz-wy-c li{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;padding:7px 12px;border-radius:20px}
.sz-wy-c li .sz-i{width:14px;height:14px}
.sz-wy-c li.y{background:var(--or-t);color:#9a3a12}
.sz-wy-c li.n{background:#F1EEE3;color:#8C887B;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.sz-wy-c.me li.y{background:rgba(253,253,241,.18);color:#FDFDF1;font-size:15px;padding:10px 16px}
/* Why SOLUZ: benefits list */
.sz-bl2-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.sz-bl2-h{position:sticky;top:40px}
.sz-bl2-l li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line)}
.sz-bl2-l li:last-child{border-bottom:1px solid var(--line)}
.sz-bl2-l em{font-style:normal;font-family:'Instrument Serif',Georgia,serif;font-size:44px;color:var(--or);line-height:1}
.sz-bl2-l h3{font-size:22px;font-weight:500;letter-spacing:-.02em}
.sz-bl2-l p{color:var(--mute);margin-top:6px}
.sz-bl2-t{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sz-bl2-t span{font-size:13.5px;padding:5px 12px;border-radius:20px;background:#F4EFDF}
/* Reviews: score + wall */
.sz-rscore{text-align:center;background:rgba(253,253,241,.05);border:1px solid rgba(253,253,241,.14);border-radius:26px;padding:30px}
.sz-rscore b{display:block;font-size:84px;font-weight:600;letter-spacing:-.05em;line-height:1}
.sz-rscore-s{display:inline-block;font-size:26px;letter-spacing:4px;margin-top:8px;background:linear-gradient(90deg,var(--or) var(--p),rgba(253,253,241,.2) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}
.sz-rscore small{display:block;color:#B9B6A8;margin-top:8px}
.sz-rwall-g{columns:3 300px;column-gap:18px}
.sz-rcard{break-inside:avoid;margin:0 0 18px;position:relative;background:#FDFDF1;border:1px solid var(--line);border-radius:24px;padding:28px 26px 24px;overflow:hidden}
.sz-rcard.hl{background:var(--ink);color:#FDFDF1;border-color:var(--ink)}
.sz-rq{position:absolute;right:18px;top:-18px;font-family:'Instrument Serif',Georgia,serif;font-size:140px;line-height:1;color:var(--or);opacity:.18}
.sz-rcard blockquote{margin:12px 0 22px}
.sz-rcard blockquote p{font-size:17px;line-height:1.65}
.sz-rcard figcaption{display:flex;gap:12px;align-items:center}
.sz-rcard figcaption b{width:44px;height:44px;border-radius:50%;background:var(--or);color:#FDFDF1;display:grid;place-items:center;font-weight:600;overflow:hidden;flex:none}
.sz-rcard figcaption b img{width:100%;height:100%;object-fit:cover}
.sz-rcard figcaption strong{display:block;font-weight:600}
.sz-rcard figcaption small{display:block;font-size:13.5px;color:var(--mute)}
.sz-rcard.hl figcaption small{color:#B9B6A8}
.sz-rempty{text-align:center;max-width:560px;margin:0 auto}
.sz-rempty-i{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--or-t);color:var(--or);font-size:38px;animation:szpk 2.6s ease-in-out infinite}
.sz-rempty h2{font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.03em;margin:22px 0 10px}
.sz-rempty p{color:var(--mute);margin-bottom:26px}
/* FAQ page */
.sz-fp-g{display:grid;grid-template-columns:330px 1fr;gap:56px;align-items:start}
.sz-fp-side{position:sticky;top:30px;display:flex;flex-direction:column;gap:14px}
.sz-fp-s{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:0 16px;background:#FDFDF1;transition:border-color .3s}
.sz-fp-s:focus-within{border-color:var(--or)}
.sz-fp-s .sz-i{width:19px;height:19px;color:var(--mute)}
.sz-fp-s input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;height:52px;color:var(--ink)}
.sz-fp-c{font-size:14px;color:var(--mute);padding-left:4px}
.sz-fp-card{background:var(--ink);color:#FDFDF1;border-radius:24px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.sz-fp-card h2{font-size:22px;font-weight:500}
.sz-fp-card p{color:#B9B6A8;font-size:15px}
.sz-fp-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;border:1px solid rgba(253,253,241,.2);font-weight:600;transition:border-color .3s}
.sz-fp-wa:hover{border-color:#FDFDF1}
.sz-fp-wa .sz-if{width:17px;height:17px}
.sz-fp-i{border:1px solid var(--line);border-radius:20px;margin-bottom:12px;background:#FDFDF1;transition:border-color .3s,box-shadow .3s}
.sz-fp-i[open]{border-color:var(--or-l);box-shadow:0 18px 40px -32px rgba(0,0,0,.4)}
.sz-fp-i summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 28px;gap:14px;align-items:center;padding:20px 22px;font-size:18px;font-weight:500}
.sz-fp-i summary::-webkit-details-marker{display:none}
.sz-fp-i summary em{font-style:normal;font-size:14px;color:var(--or);font-weight:700}
.sz-fp-i summary i{position:relative;width:28px;height:28px;border-radius:50%;background:#F4EFDF}
.sz-fp-i summary i:before,.sz-fp-i summary i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .3s}
.sz-fp-i summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.sz-fp-i[open] summary i{background:var(--or)}
.sz-fp-i[open] summary i:before,.sz-fp-i[open] summary i:after{background:#FDFDF1}
.sz-fp-i[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.sz-fp-a{padding:0 22px 22px 80px;color:var(--mute);font-size:16.5px;line-height:1.7}
.sz-fp-a p+p{margin-top:10px}
.sz-fp-none{color:var(--mute);padding:20px 4px}
.sz-fp-i[hidden]{display:none}
/* Services page: includes band + 3-step strip */
.sz-incb{background:#000 var(--noise);color:#FDFDF1;padding:90px 0}
.sz-incb-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.sz-incb h2{font-size:clamp(30px,3.6vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.sz-incb h2 .sz-em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--or)}
.sz-incb ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sz-incb li{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:rgba(253,253,241,.05);border:1px solid rgba(253,253,241,.1);font-weight:500}
.sz-incb li span{width:30px;height:30px;flex:none;border-radius:50%;background:var(--or);display:grid;place-items:center}
.sz-incb li .sz-i{width:15px;height:15px}
.sz-3s-l{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:none;position:relative}
.sz-3s-l li{position:relative;padding:28px 26px 30px;border-top:3px solid var(--line)}
.sz-3s-l li:first-child{border-color:var(--or)}
.sz-3s-l li:hover{border-color:var(--or)}
.sz-3s-n{position:absolute;top:-19px;left:22px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#FDFDF1;display:grid;place-items:center;font-weight:600;font-size:14px}
.sz-3s-l small{display:block;color:var(--or);font-weight:600;font-size:13.5px;margin-top:8px}
.sz-3s-l h3{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-top:8px}
/* About page: numbers band + explore cards */
.sz-stats{background:var(--or);color:#FDFDF1;padding:80px 0}
.sz-stats h2{font-size:15px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;opacity:.85;margin-bottom:26px}
.sz-stats-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.sz-stats-g>div{padding:6px 30px 6px 0;border-right:1px solid rgba(253,253,241,.3)}
.sz-stats-g>div+div{padding-left:30px}
.sz-stats-g>div:last-child{border-right:0}
.sz-stats-g b{display:flex;align-items:baseline;gap:8px;font-size:clamp(64px,8vw,112px);font-weight:600;letter-spacing:-.05em;line-height:1}
.sz-stats-g b .sz-cnt{font-size:inherit;font-variant-numeric:tabular-nums}
.sz-stats-g b .sz-st-u{font-size:.36em;font-weight:500;letter-spacing:-.02em;opacity:.9}
.sz-stats-g .sz-st-t{font-size:17px;margin-top:12px;opacity:.92}
.sz-xp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.sz-xp-c{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 22px 70px;border-radius:22px;border:1px solid var(--line);background:#FDFDF1;transition:transform .5s var(--ease),border-color .3s,background .3s}
.sz-xp-c:hover{transform:translateY(-4px);border-color:var(--or);background:#FBF8EA}
.sz-xp-i{width:46px;height:46px;border-radius:14px;background:var(--or-t);color:var(--or);display:grid;place-items:center;margin-bottom:10px}
.sz-xp-i .sz-i{width:22px;height:22px}
.sz-xp-c b{font-size:20px;font-weight:500}
.sz-xp-c small{color:var(--mute);font-size:14.5px}
.sz-xp-c .sz-arw{position:absolute;right:20px;bottom:20px;width:40px;height:40px}
.sz-xp-c:hover .sz-arw{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-xp-c:hover .sz-arw svg:first-child{transform:translate(160%,-160%)}
.sz-xp-c:hover .sz-arw svg+svg{transform:none}
/* Pricing page: plan rows */
.sz-pr-r{display:grid;grid-template-columns:1.05fr 1.4fr auto;gap:36px;align-items:center;padding:34px 36px;border:1px solid var(--line);border-radius:28px;background:#FDFDF1;margin-bottom:16px;transition:border-color .3s,transform .5s var(--ease)}
.sz-pr-r:hover{border-color:var(--or-l);transform:translateY(-3px)}
.sz-pr-r.hot{background:#000 var(--noise);color:#FDFDF1;border-color:#000}
.sz-pr-n{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sz-pr-n h2{font-size:28px;font-weight:500;letter-spacing:-.03em}
.sz-pr-a>p{color:var(--mute);margin-top:6px;font-size:15.5px}
.sz-pr-r.hot .sz-pr-a>p{color:#B9B6A8}
.sz-pr-p{display:flex;align-items:baseline;gap:8px;margin-top:16px}
.sz-pr-p small{color:var(--mute);font-size:14px}
.sz-pr-p b{font-size:52px;font-weight:600;letter-spacing:-.04em;line-height:1}
.sz-pr-p span{color:var(--or);font-weight:600;font-size:14px}
.sz-pr-r.hot .sz-pr-p small{color:#B9B6A8}
.sz-pr-f ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:12px;font-size:15px}
.sz-pr-f li{display:flex;gap:9px;align-items:flex-start}
.sz-pr-f li:before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;background:var(--or-t);color:var(--or);display:grid;place-items:center;font-size:10px;font-weight:700;margin-top:2px}
.sz-pr-r.hot .sz-pr-f li:before{background:var(--or);color:#FDFDF1}
.sz-pr-t{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:20px;background:#F4EFDF}
.sz-pr-r.hot .sz-pr-t{background:rgba(253,253,241,.1)}
.sz-pr-t .sz-i{width:15px;height:15px}
.sz-pr-inc{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;margin-top:28px;font-size:15px}
.sz-pr-inc span{display:inline-flex;align-items:center;gap:7px;color:var(--mute)}
.sz-pr-inc .sz-i{width:16px;height:16px;color:var(--or)}
.sz-faqline{text-align:center;color:var(--mute);margin-top:26px}
.sz-faqline a{color:var(--or);font-weight:600}
/* Contact page: 4 ways + "what happens next" */
.sz-ways{padding:90px 0 20px}
.sz-ways-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.sz-way{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px 20px 22px;border-radius:22px;border:1px solid var(--line);background:#FDFDF1;transition:transform .5s var(--ease),border-color .3s}
.sz-way:hover{transform:translateY(-4px);border-color:var(--or)}
.sz-way-i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--or);color:#FDFDF1;margin-bottom:12px}
.sz-way.wa .sz-way-i{background:#1F9D55}
.sz-way.mail .sz-way-i,.sz-way.help .sz-way-i{background:var(--ink)}
.sz-way-i .sz-if{width:22px;height:22px}
.sz-way b{font-size:18px;font-weight:600}
.sz-way small{color:var(--mute);font-size:14px;word-break:break-word;padding-right:44px}
.sz-way .sz-arw{position:absolute;right:16px;bottom:16px;width:36px;height:36px}
.sz-way:hover .sz-arw{background:var(--or);border-color:var(--or);color:#FDFDF1}
.sz-way:hover .sz-arw svg:first-child{transform:translate(160%,-160%)}
.sz-way:hover .sz-arw svg+svg{transform:none}
.sz-nx ol{margin-top:30px;display:flex;flex-direction:column;gap:0}
.sz-nx li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}
.sz-nx li em{font-style:normal;width:48px;height:48px;border-radius:50%;border:2px solid var(--or);color:var(--or);display:grid;place-items:center;font-weight:700;font-size:17px}
.sz-nx li:first-child em{background:var(--or);color:#FDFDF1}
.sz-nx li p{font-size:17px;padding-top:10px}
.sz-nx .sz-faqline{text-align:left}
@media(max-width:1000px){
  .sz-tl-i{grid-template-columns:90px 1fr;gap:22px}.sz-tl-o{grid-column:2}
  .sz-tl-n{width:86px;height:86px;font-size:32px}.sz-tl-l:before{left:43px}
  .sz-xp-g,.sz-ways-g{grid-template-columns:1fr 1fr}
  .sz-pr-r{grid-template-columns:1fr 1.3fr}.sz-pr-b{grid-column:1/-1}
  .sz-fp-g{grid-template-columns:1fr;gap:28px}.sz-fp-side{position:static}
  .sz-bl2-g,.sz-incb-g{grid-template-columns:1fr;gap:30px}.sz-bl2-h{position:static}
}
@media(max-width:900px){
  .sz-tl-i{grid-template-columns:1fr;padding:30px 0}.sz-tl-o{grid-column:auto}.sz-tl-l:before{display:none}
  .sz-tl-n{width:64px;height:64px;font-size:24px}
  .sz-wdw-r{grid-template-columns:1fr 1fr}.sz-wdw-r>b{grid-column:1/-1;padding:8px 0 0}
  .sz-wdw-hd{display:none}
  .sz-pband{padding:70px 0}.sz-pband-g{grid-template-columns:1fr}
  .sz-wy-g{grid-template-columns:1fr}.sz-wy-c.me{grid-template-columns:1fr;padding:26px}.sz-wy-c.me ul{grid-column:auto;grid-row:auto;margin-top:8px}
  .sz-3s-l{grid-template-columns:1fr;gap:26px}
  .sz-stats{padding:60px 0}.sz-stats-g{grid-template-columns:1fr}.sz-stats-g>div,.sz-stats-g>div+div{padding:18px 0;border-right:0;border-bottom:1px solid rgba(253,253,241,.3)}.sz-stats-g>div:last-child{border-bottom:0}
  .sz-pr-r{grid-template-columns:1fr;gap:18px;padding:26px 22px;border-radius:22px}.sz-pr-f ul{grid-template-columns:1fr}.sz-pr-b .sz-btn{width:100%}
  .sz-incb{padding:70px 0}.sz-incb ul{grid-template-columns:1fr}
  .sz-ways{padding:60px 0 10px}
  .sz-fp-i summary{grid-template-columns:30px 1fr 28px;padding:18px 16px;font-size:16.5px;gap:10px}.sz-fp-a{padding:0 16px 18px 56px;font-size:15.5px}
}
@media(max-width:560px){.sz-xp-g,.sz-ways-g{grid-template-columns:1fr}.sz-wdw-r{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sz-pclock li i,.sz-rempty-i{animation:none}}
/* Home services stack: every card fits on the screen (JS adds .tight / .tighter when a screen is short) */
.sz-sk2{min-height:0}
.sz-sk2 .sz-skt{min-height:0;overflow:hidden}
.g3{transform:translateY(-50%) scale(var(--gs,1));transform-origin:50% 50%}
.sz-sk2.tight{padding:30px 36px;gap:32px}
.sz-sk2.tight h3{font-size:clamp(26px,2.5vw,36px);margin:14px 0 8px}
.sz-sk2.tight .sz-skp{font-size:15px}
.sz-sk2.tight .sz-skl{padding-top:12px}
.sz-sk2.tight .sz-skr{padding:9px 0}
.sz-sk2.tight .sz-skr .d{display:none}
.sz-sk2.tight .sz-skr .sz-arw{grid-row:1;width:34px;height:34px}
.sz-sk2.tighter .sz-skp{display:none}
.sz-sk2.tighter h3{font-size:clamp(24px,2.2vw,30px)}
@media(max-width:900px){.sz-sk2.tight{padding:22px 20px 14px}}