
/* =========================================================
   KARAKADRAJ V15 — SERVICE PAGES
   Fresh system: art-directed, fullpage, no inherited V13/V14 service CSS.
========================================================= */
:root{
  --sv-paper:#f1efe8;
  --sv-paper2:#e4ded4;
  --sv-ink:#090909;
  --sv-red:#b72424;
  --sv-muted:#6f6962;
  --sv-line:rgba(9,9,9,.17);
  --sv-pad:clamp(22px,3vw,54px);
}
html{scroll-padding-top:0}
body.sv-page{margin:0;overflow-x:hidden;background:var(--sv-paper);color:var(--sv-ink)}
body.sv-page .header.hidden{transform:none!important}
body.sv-page .mega-card.is-current{background:#090909!important;color:#f1efe8!important}
body.sv-page .mega-card.is-current small{color:rgba(255,255,255,.5)!important}
body.sv-page .mega-card.is-current i{color:var(--sv-red)!important}

.sv-screen{
  position:relative;
  width:100%;
  height:100dvh;
  min-height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  padding:calc(var(--header-h) + 16px) var(--sv-pad) 18px;
  background:var(--sv-paper);
}
.sv-kicker{
  position:relative;z-index:12;
  height:22px;display:flex;align-items:center;gap:10px;
  font:500 6px var(--mono);letter-spacing:.12em;
  white-space:nowrap
}
.sv-kicker>span{width:28px;height:18px;display:grid;place-items:center;border:1px solid var(--sv-line);border-radius:99px}
.sv-kicker>b{font-weight:500;color:var(--sv-red)}
.sv-kicker>i{font-style:normal;color:rgba(9,9,9,.45)}
.sv-kicker.sv-light{color:#fff}.sv-kicker.sv-light>span{border-color:rgba(255,255,255,.2)}.sv-kicker.sv-light>i{color:rgba(255,255,255,.4)}

.sv-screen h1,.sv-screen h2{
  margin:0;
  font-family:var(--sans);
  font-weight:700;
  letter-spacing:-.068em;
  text-wrap:balance;
}
.sv-screen h1 em,.sv-screen h2 em{font-family:var(--serif);font-weight:400;font-style:italic}
.sv-screen p{font:400 12px/1.5 var(--sans);color:var(--sv-muted)}
.sv-screen a{text-underline-offset:3px}

/* fixed screen index */
.sv-index{position:fixed;z-index:990;right:10px;top:50%;transform:translateY(-50%);display:grid;gap:3px}
.sv-index button{width:34px;height:19px;border:0;padding:0;background:transparent;color:rgba(9,9,9,.28);display:flex;align-items:center;justify-content:flex-end;gap:5px}
.sv-index span{font:500 5px var(--mono)}.sv-index i{width:5px;height:1px;background:currentColor;transition:.25s}.sv-index button.active{color:var(--sv-red)}.sv-index button.active i{width:14px}

/* =========================================================
   HERO — collage + real photo + service object
========================================================= */
.sv-hero{background:radial-gradient(circle at 78% 26%,rgba(183,36,36,.07),transparent 22%),var(--sv-paper)}
.sv-hero-grid{
  height:calc(100% - 48px);
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(500px,1.16fr);
  gap:clamp(28px,5vw,78px);
  align-items:center
}
.sv-hero-copy{position:relative;z-index:8;min-width:0}
.sv-hero-copy>small{font:500 6px var(--mono);letter-spacing:.13em;color:var(--sv-red)}
.sv-hero-copy h1{
  max-width:9.7ch;
  margin:10px 0 16px;
  font-size:clamp(48px,5.55vw,88px);
  line-height:.87
}
.sv-hero-copy p{max-width:49ch;margin:0 0 14px}
.sv-hero-tags{display:flex;gap:5px;flex-wrap:wrap}
.sv-hero-tags span{padding:6px 8px;border:1px solid var(--sv-line);border-radius:99px;font:500 5px var(--mono);letter-spacing:.07em}

.sv-hero-art{position:relative;height:min(68dvh,620px);min-height:420px}
.sv-img{position:absolute;margin:0;overflow:hidden;background:#ccc;border:1px solid rgba(9,9,9,.24);box-shadow:0 22px 55px rgba(0,0,0,.08)}
.sv-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(1.03);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .35s}
.sv-img figcaption{position:absolute;left:7px;bottom:6px;padding:5px 6px;background:#090909;color:#fff;font:500 5px var(--mono);letter-spacing:.08em}
.sv-img-main{left:0;top:4%;width:68%;height:83%;transform:rotate(-1.4deg)}
.sv-img-cut{right:1%;bottom:3%;width:42%;height:48%;transform:rotate(2.2deg);z-index:5}
.sv-hero-art:hover .sv-img-main img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.sv-hero-object{
  position:absolute;z-index:7;
  right:0;top:1%;
  width:48%;height:55%;
  color:#fff;
  pointer-events:auto
}
.sv-hero-object>.scene-reservation,
.sv-hero-object>.scene-checkout,
.sv-hero-object>.scene-ux,
.sv-hero-object>.scene-camera,
.sv-hero-object>.scene-golden,
.sv-hero-object>.scene-plate,
.sv-hero-object>.scene-packshot,
.sv-hero-object>.scene-timeline,
.sv-hero-object>.scene-storyboard,
.sv-hero-object>.scene-hook,
.sv-hero-object>.scene-radar,
.sv-hero-object>.scene-prompt,
.sv-hero-object>.scene-dna,
.sv-hero-object>.scene-scale,
.sv-hero-object>.scene-feed,
.sv-hero-object>.scene-spread,
.sv-hero-object>.scene-shelf,
.sv-hero-object>.scene-slides,
.sv-hero-object>.scene-news,
.sv-hero-object>.scene-compass,
.sv-hero-object>.scene-funnel,
.sv-hero-object>.scene-serp,
.sv-hero-object>.scene-crawler,
.sv-hero-object>.scene-server{
  transform:scale(.66);
  transform-origin:top right;
}
.sv-hero-object .sv-stats{display:none}
.sv-hero-stamp{position:absolute;left:1%;bottom:1%;z-index:9;padding:7px 8px;background:var(--sv-red);color:#fff;font:600 5px var(--mono);letter-spacing:.1em;transform:rotate(-2deg)}
.sv-screenline{position:absolute;left:var(--sv-pad);right:var(--sv-pad);bottom:9px;padding-top:7px;border-top:1px solid var(--sv-line);display:flex;justify-content:space-between;font:500 5px var(--mono);letter-spacing:.08em}
.sv-screenline strong{color:var(--sv-red)}

/* =========================================================
   SCOPE — six real sub-services
========================================================= */
.sv-scope{background:var(--sv-paper2)}
.sv-scope-head{margin-top:3.2%;display:grid;grid-template-columns:1fr .72fr;gap:6vw;align-items:end}
.sv-scope-head h2{font-size:clamp(40px,4.6vw,72px);line-height:.89;max-width:9ch}
.sv-scope-head p{max-width:44ch;margin:0}
.sv-scope-grid{
  position:absolute;left:var(--sv-pad);right:var(--sv-pad);bottom:4%;
  height:54%;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:7px
}
.sv-scope-grid article{position:relative;padding:14px;border:1px solid var(--sv-line);background:rgba(255,255,255,.38);overflow:hidden}
.sv-scope-grid article>span{font:500 5px var(--mono);color:var(--sv-red)}
.sv-scope-grid article>strong{display:block;margin:15px 0 8px;font:700 17px/1 var(--sans);letter-spacing:-.04em}
.sv-scope-grid article>p{max-width:31ch;margin:0;font-size:8.5px;line-height:1.45}
.sv-scope-grid article:after{content:"↗";position:absolute;right:10px;bottom:8px;color:var(--sv-red);font-size:13px}

/* =========================================================
   SPECIAL — service-specific machine / object
========================================================= */
.sv-special{background:#090909;color:#fff}
.sv-special-grid{
  height:calc(100% - 23px);
  display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,72px);align-items:center
}
.sv-special-copy>small{font:500 6px var(--mono);letter-spacing:.12em;color:var(--sv-red)}
.sv-special-copy h2{max-width:9.2ch;margin:9px 0 14px;font-size:clamp(43px,4.9vw,78px);line-height:.87;color:#fff}
.sv-special-copy p{max-width:42ch;color:rgba(255,255,255,.45)}
.sv-live-read{margin-top:18px;max-width:300px;padding:10px 12px;border-left:2px solid var(--sv-red);background:rgba(255,255,255,.05)}
.sv-live-read span{display:block;font:500 5px var(--mono);color:var(--sv-red)}.sv-live-read strong{display:block;margin-top:5px;font:700 22px var(--sans)}
.sv-special-stage{position:relative;height:min(66dvh,590px);min-height:390px;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:rgba(255,255,255,.025)}
.sv-special-stage>div{position:absolute;inset:0}
.sv-stats{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;z-index:20}
.sv-stat{min-height:52px!important;padding:7px;border:1px solid rgba(255,255,255,.18);background:rgba(9,9,9,.76);color:#fff;text-align:left;backdrop-filter:blur(8px)}
.sv-stat small{display:block;font:500 4px var(--mono);color:var(--sv-red)}.sv-stat strong{display:block;margin-top:4px;font:700 12px var(--sans)}
.sv-stat.active{background:#fff;color:#090909}

/* =========================================================
   EVIDENCE — photo balance
========================================================= */
.sv-evidence{background:#ece7df}
.sv-evidence-grid{position:relative;height:calc(100% - 23px);display:grid;grid-template-columns:1.1fr .62fr .78fr;gap:8px;align-items:stretch;padding-top:10px}
.sv-evidence-grid figure{position:relative;margin:0;overflow:hidden;border:1px solid var(--sv-line);background:#ccc}
.sv-evidence-grid img{width:100%;height:100%;object-fit:cover;display:block}
.sv-evidence-big{height:100%}.sv-evidence-small{height:62%;align-self:end}
.sv-evidence-grid figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:7px;background:rgba(9,9,9,.84);color:#fff;display:flex;justify-content:space-between;gap:10px}
.sv-evidence-grid figcaption span{font:500 5px var(--mono);color:var(--sv-red)}.sv-evidence-grid figcaption strong{font-size:10px;text-align:right}
.sv-evidence-copy{padding:clamp(18px,2.6vw,38px);align-self:center;border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line)}
.sv-evidence-copy>small{font:500 5px var(--mono);letter-spacing:.11em;color:var(--sv-red)}
.sv-evidence-copy h2{max-width:9ch;margin:11px 0;font-size:clamp(36px,4vw,63px);line-height:.9}
.sv-evidence-copy p{max-width:38ch}
.sv-evidence-copy>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.sv-evidence-copy>div span{padding:5px 6px;border:1px solid var(--sv-line);font:500 4px var(--mono)}

/* =========================================================
   PROCESS — clean, no overlapping type
========================================================= */
.sv-process-grid{height:calc(100% - 23px);display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center}
.sv-process-copy h2{max-width:8.8ch;font-size:clamp(40px,4.55vw,72px);line-height:.89}
.sv-process-copy>small{font:500 6px var(--mono);color:var(--sv-red)}
.sv-process-read{margin-top:18px;max-width:360px;padding:11px 12px;border-left:2px solid var(--sv-red);background:var(--sv-paper2)}
.sv-process-read strong{font-size:16px}.sv-process-read p{margin:5px 0 0;font-size:8.5px}
.sv-process-steps{height:min(63dvh,570px);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:5px}
.sv-process-steps button{min-height:42%!important;padding:10px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--sv-line);background:var(--sv-paper2);text-align:left;transition:.25s}
.sv-process-steps button:nth-child(2){min-height:54%!important}.sv-process-steps button:nth-child(3){min-height:68%!important}.sv-process-steps button:nth-child(4){min-height:82%!important}.sv-process-steps button:nth-child(5){min-height:96%!important}
.sv-process-steps span{font:500 5px var(--mono);color:var(--sv-red)}.sv-process-steps strong{font:700 12px var(--sans);letter-spacing:-.03em}.sv-process-steps small{font:400 6px/1.4 var(--sans);color:#777}
.sv-process-steps button.active{background:#090909;color:#fff;transform:translateY(-8px)}.sv-process-steps button.active small{color:rgba(255,255,255,.5)}

/* =========================================================
   FAQ — four meaningful decision questions
========================================================= */
.sv-faq{background:#dfd8ce}
.sv-faq-grid{height:calc(100% - 23px);display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center}
.sv-faq-copy>small{font:500 6px var(--mono);letter-spacing:.11em;color:var(--sv-red)}
.sv-faq-copy h2{max-width:8.7ch;margin:9px 0 14px;font-size:clamp(40px,4.6vw,72px);line-height:.89}
.sv-faq-copy p{max-width:42ch}
.sv-faq-list{max-height:65dvh;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--sv-line)}
.sv-faq-list details{border-bottom:1px solid var(--sv-line)}
.sv-faq-list summary{min-height:66px;padding:0 7px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;list-style:none}
.sv-faq-list summary::-webkit-details-marker{display:none}
.sv-faq-list summary span{font:500 5px var(--mono);color:var(--sv-red)}
.sv-faq-list summary strong{font:650 14px/1.15 var(--sans);letter-spacing:-.025em}
.sv-faq-list summary i{font-style:normal;font-size:18px}.sv-faq-list details[open] summary i{transform:rotate(45deg);color:var(--sv-red)}
.sv-faq-list details p{margin:0;padding:0 40px 17px;font-size:9.5px;max-width:78ch}

/* =========================================================
   GEARS — one cross-service screen only
========================================================= */
.sv-gears{background:#090909;color:#fff}
.sv-gears-grid{height:calc(100% - 23px);display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center}
.sv-gears-copy>small{font:500 6px var(--mono);color:var(--sv-red)}
.sv-gears-copy h2{max-width:8.6ch;margin:9px 0 14px;font-size:clamp(42px,4.8vw,76px);line-height:.87;color:#fff}
.sv-gears-copy p{max-width:41ch;color:rgba(255,255,255,.45)}
.sv-main-gear{position:relative;width:135px;height:135px;margin-top:17px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}
.sv-main-gear span{max-width:80px;text-align:center;font:600 6px var(--mono)}.sv-main-gear i{position:absolute;width:32px;height:32px;border:1px solid var(--sv-red);border-radius:50%}.sv-main-gear i:nth-child(2){left:-13px}.sv-main-gear i:nth-child(3){right:-13px}.sv-main-gear i:nth-child(4){bottom:-13px}
.sv-gear-links{height:min(63dvh,565px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}
.sv-gear-links a{position:relative;padding:13px;border:1px solid rgba(255,255,255,.14);background:#141414;color:#fff;text-decoration:none;display:grid;align-content:space-between}
.sv-gear-links a>span{font:500 5px var(--mono);color:var(--sv-red)}.sv-gear-links a strong{font:700 19px/1 var(--sans);letter-spacing:-.04em}.sv-gear-links a p{margin:0;max-width:34ch;font-size:8.5px;color:rgba(255,255,255,.45)}.sv-gear-links a i{position:absolute;right:10px;bottom:8px;font-style:normal;color:var(--sv-red)}
.sv-gear-links a:hover{background:#fff;color:#090909}.sv-gear-links a:hover p{color:#777}

/* =========================================================
   CTA
========================================================= */
.sv-cta{background:#090909;color:#fff}
.sv-cta-photo{position:absolute;left:0;top:0;bottom:0;width:45%;margin:0;overflow:hidden;opacity:.68}
.sv-cta-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#090909 100%),linear-gradient(0deg,rgba(9,9,9,.65),transparent 55%)}
.sv-cta-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) contrast(1.08)}
.sv-cta-copy{position:absolute;z-index:5;right:var(--sv-pad);top:50%;transform:translateY(-50%);width:52%}
.sv-cta-copy>small{font:500 6px var(--mono);letter-spacing:.11em;color:var(--sv-red)}
.sv-cta-copy h2{max-width:9ch;margin:9px 0 14px;font-size:clamp(50px,5.7vw,90px);line-height:.84;color:#fff}
.sv-cta-copy p{max-width:43ch;color:rgba(255,255,255,.47)}
.sv-cta-copy a{margin-top:8px;min-height:46px;padding:0 13px;display:inline-flex;align-items:center;gap:40px;background:#fff;color:#090909;text-decoration:none;font:700 6px var(--mono);letter-spacing:.09em}
.sv-cta-copy a span{color:var(--sv-red);font-size:16px}
.sv-cta-footer{position:absolute;z-index:5;left:var(--sv-pad);right:var(--sv-pad);bottom:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;font:500 5px var(--mono);color:rgba(255,255,255,.4)}

/* =========================================================
   UNIQUE SCENES
========================================================= */
.sv-special-stage button{cursor:pointer}

/* restaurant */
.scene-reservation .res-table{position:absolute;left:5%;top:12%;width:46%;height:62%}
.res-plate{position:absolute;left:50%;top:50%;width:185px;height:185px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 24px rgba(255,255,255,.045)}
.res-plate i{position:absolute;inset:34%;border:1px solid var(--sv-red);border-radius:50%}
.res-fork,.res-knife{position:absolute;top:16%;height:70%;background:#fff}.res-fork{left:3%;width:4px}.res-fork:before{content:"≡";position:absolute;left:-7px;top:-16px;transform:rotate(90deg);font-size:20px}.res-knife{right:3%;width:9px;border-radius:8px 0 0 8px}
.res-widget{position:absolute;right:5%;top:14%;width:42%;padding:14px;background:#fff;color:#090909}.res-widget>span{font:500 5px var(--mono);color:var(--sv-red)}.res-widget>strong{display:block;font-size:26px;margin:10px 0 18px}.res-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.res-row button{height:38px;border:1px solid #ccc;background:#f3f0ea;font:600 6px var(--mono)}.res-widget>b{display:block;margin-top:6px;padding:12px;background:#090909;color:#fff;font:600 6px var(--mono)}
/* checkout */
.scene-checkout .shop-product{position:absolute;left:5%;top:9%;width:37%;height:60%;padding:12px;border:1px solid #fff}.shop-product>span{font:500 5px var(--mono);color:var(--sv-red)}.shop-object{width:95px;height:135px;margin:25px auto 12px;border-radius:45px 45px 12px 12px;background:#fff}.shop-product>strong{display:block;font-size:13px}.shop-product>b{display:block;color:var(--sv-red);margin-top:5px}
.shop-flow{position:absolute;left:47%;right:5%;top:11%;display:flex;align-items:center;gap:5px;font:600 6px var(--mono)}.shop-flow i{font-style:normal;padding:6px;border:1px solid rgba(255,255,255,.2)}.shop-flow em{font-style:normal;color:var(--sv-red)}
.shop-cart{position:absolute;right:5%;top:27%;width:44%;padding:14px;background:#fff;color:#090909}.shop-cart small{font:500 5px var(--mono);color:var(--sv-red)}.shop-cart span{display:block;margin-top:25px;font-size:10px}.shop-cart b{display:block;font-size:30px}.shop-cart button{width:100%;height:40px;margin-top:12px;border:0;background:#090909;color:#fff;font:600 6px var(--mono)}
/* ux */
.scene-ux .ux-browser{position:absolute;left:7%;right:7%;top:9%;height:64%;border:2px solid #fff}.ux-top{height:30px;border-bottom:1px solid rgba(255,255,255,.25);display:flex;align-items:center;gap:6px;padding-left:10px}.ux-top i{width:6px;height:6px;border-radius:50%;background:#fff}.ux-top i:first-child{background:var(--sv-red)}.ux-wire{position:absolute;inset:45px 12px 12px}.ux-wire span{position:absolute;border:1px solid rgba(255,255,255,.3)}.ux-wire .u1{left:0;top:0;width:62%;height:42%}.ux-wire .u2{right:0;top:0;width:32%;height:72%}.ux-wire .u3{left:0;bottom:0;width:62%;height:45%}.ux-wire button{position:absolute;right:4%;bottom:4%;height:35px;border:0;background:var(--sv-red);color:#fff;font:600 6px var(--mono)}
.ux-eye{position:absolute;left:8%;bottom:8%;font-size:45px}.ux-heat{position:absolute;border-radius:50%;background:rgba(183,36,36,.6);filter:blur(5px)}.ux-heat.h1{width:50px;height:50px;left:38%;top:34%}.ux-heat.h2{width:28px;height:28px;right:22%;bottom:23%}
/* camera */
.scene-camera .cam-body{position:absolute;left:15%;right:15%;top:18%;height:56%;border:3px solid #fff;border-radius:18px}.cam-body:before{content:"";position:absolute;left:24px;top:-23px;width:72px;height:23px;border:3px solid #fff;border-bottom:0;border-radius:7px 7px 0 0}.cam-body>span{position:absolute;left:12px;bottom:9px;font:500 5px var(--mono);color:var(--sv-red)}
.cam-lens{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.05)}.cam-lens i{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.5);border-radius:50%}.cam-lens i:nth-child(2){inset:31%;border-color:var(--sv-red)}.cam-lens b{position:absolute;inset:45%;border-radius:50%;background:#fff}
.exposure{position:absolute;right:4%;top:8%;display:grid;gap:5px}.exposure button{min-width:88px;height:30px;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font:600 5px var(--mono)}
.focus-corners i{position:absolute;width:25px;height:25px;border-color:#fff}.focus-corners i:nth-child(1){left:4%;top:4%;border-left:2px solid;border-top:2px solid}.focus-corners i:nth-child(2){right:4%;top:4%;border-right:2px solid;border-top:2px solid}.focus-corners i:nth-child(3){left:4%;bottom:18%;border-left:2px solid;border-bottom:2px solid}.focus-corners i:nth-child(4){right:4%;bottom:18%;border-right:2px solid;border-bottom:2px solid}
/* golden hour */
.gold-window{position:absolute;left:7%;right:7%;top:7%;height:48%;overflow:hidden;border:8px solid #c2b6a6;background:#cabd9f}.gold-sun{position:absolute;right:17%;top:13%;width:48px;height:48px;border-radius:50%;background:#ffe6ad;box-shadow:0 0 60px rgba(255,224,155,.75)}.gold-sea{position:absolute;left:0;right:0;bottom:0;height:40%;background:#768f91}.gold-curtain{position:absolute;top:0;bottom:0;width:20%;background:#eee7dd}.gold-curtain.l{left:0}.gold-curtain.r{right:0}
.gold-bed{position:absolute;left:19%;right:19%;bottom:18%;height:34%}.gold-bed b{position:absolute;left:0;right:0;bottom:0;height:46%;background:#f2eee7;border-radius:8px}.gold-bed i{position:absolute;z-index:2;top:30%;width:28%;height:22%;border-radius:50%;background:#fff}.gold-bed i:first-child{left:18%}.gold-bed i:nth-child(2){right:18%}.gold-times{position:absolute;right:4%;top:58%;display:grid;gap:4px}.gold-times button{height:30px;min-width:82px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;font:600 5px var(--mono)}
/* plate */
.scene-plate .plate-big{position:absolute;left:19%;top:10%;width:250px;height:250px;border:3px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 32px rgba(255,255,255,.04)}.food-core{position:absolute;inset:34%;border-radius:50%;background:var(--sv-red)}.bite{position:absolute;width:55px;height:55px;border-radius:50%;background:#090909}.bite.b1{right:-8px;top:18px}.bite.b2{right:18px;top:-8px}.plate-fork{position:absolute;left:6%;top:17%;width:5px;height:240px;background:#fff}.plate-knife{position:absolute;right:9%;top:17%;width:11px;height:240px;background:#fff;border-radius:9px 0 0 9px}.food-labels{position:absolute;right:3%;bottom:20%;display:grid;gap:4px}.food-labels button{height:29px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;font:600 5px var(--mono)}
/* packshot */
.studio-light{position:absolute;top:-5%;width:34%;height:68%;background:linear-gradient(180deg,rgba(255,255,255,.75),transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(4px)}.studio-light.l{left:5%;transform:rotate(12deg)}.studio-light.r{right:5%;transform:rotate(-12deg)}
.pedestal{position:absolute;left:24%;right:24%;bottom:20%;height:80px;background:#fff;color:#090909}.pedestal span{position:absolute;left:8px;bottom:6px;font:500 5px var(--mono)}
.pack-object{position:absolute;left:50%;top:19%;width:110px;height:160px;transform:translateX(-50%);border-radius:50px 50px 15px 15px;background:#111;border:2px solid #fff}.pack-object i{position:absolute;inset:18px;border:1px solid var(--sv-red);border-radius:35px}.angle-dial{position:absolute;right:4%;top:8%;display:grid;gap:4px}.angle-dial button{height:29px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;font:600 5px var(--mono)}
/* timeline */
.scene-timeline .timecode{position:absolute;left:5%;top:6%;font:600 18px var(--mono)}.timecode b{margin-left:10px;color:var(--sv-red);font-size:7px}.tracks{position:absolute;left:4%;right:4%;top:30%;height:210px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:grid;grid-template-rows:repeat(3,1fr);gap:5px;padding:8px}.tr{display:block}.tr.video{background:linear-gradient(90deg,#fff 0 31%,transparent 31% 33%,#fff 33% 72%,transparent 72% 74%,var(--sv-red) 74%)}.tr.broll{background:linear-gradient(90deg,transparent 0 12%,#777 12% 47%,transparent 47% 51%,#777 51% 85%)}.tr.audio{background:repeating-linear-gradient(90deg,#555 0 2px,transparent 2px 6px)}.playhead{position:absolute;left:61%;top:-20px;bottom:-20px;width:1px;background:var(--sv-red)}.timeline-buttons{position:absolute;right:4%;bottom:18%;display:flex;gap:4px}.timeline-buttons button{height:29px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;font:600 5px var(--mono)}
/* storyboard */
.scene-storyboard .clap{position:absolute;left:5%;top:8%;width:145px;height:105px;padding:10px;border:2px solid #fff}.clap:before{content:"";position:absolute;left:-2px;right:-2px;top:-30px;height:28px;background:repeating-linear-gradient(135deg,#fff 0 20px,#090909 20px 40px);transform:rotate(-5deg);transform-origin:left bottom}.clap span,.clap small{display:block;font:500 5px var(--mono)}.clap strong{display:block;font-size:36px;color:var(--sv-red)}
.story-frames{position:absolute;left:32%;right:5%;top:8%;bottom:22%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.story-frames button{position:relative;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;text-align:left;padding:8px}.story-frames i{position:absolute;inset:28px 8px 22px;background:linear-gradient(145deg,#4a4a4a,#151515)}.story-frames span,.story-frames b{position:relative;z-index:2;font:600 5px var(--mono)}.story-frames b{position:absolute;left:8px;bottom:7px}
/* hook */
.hook-phone{position:absolute;left:30%;top:4%;width:180px;height:320px;border:8px solid #fff;border-radius:34px}.hook-phone:before{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:60px;height:12px;border-radius:99px;background:#fff}.hook-screen{position:absolute;inset:22px 8px 8px;border-radius:19px;background:linear-gradient(160deg,var(--sv-red),#242424);display:grid;place-content:center;text-align:center}.hook-screen span{font-size:68px;font-weight:800;letter-spacing:-.08em}.hook-screen strong{font:600 8px var(--mono)}.hook-screen i{margin-top:15px;font-style:normal}.hook-ticks{position:absolute;right:4%;top:16%;display:grid;gap:5px}.hook-ticks button{min-width:105px;height:34px;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font:600 5px var(--mono)}
/* radar */
.radar-ring{position:absolute;left:22%;top:8%;width:280px;height:280px;border:1px solid #fff;border-radius:50%;overflow:hidden}.radar-ring i{position:absolute;inset:17%;border:1px solid rgba(255,255,255,.25);border-radius:50%}.radar-ring i:nth-child(2){inset:35%}.radar-ring i:nth-child(3){inset:49%}.radar-ring b{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.18)}.radar-ring .sweep{position:absolute;left:50%;top:50%;width:50%;height:1px;background:var(--sv-red);transform-origin:left;animation:svRadar 3s linear infinite}@keyframes svRadar{to{transform:rotate(360deg)}}
.drone-shape{position:absolute;left:47%;top:32%;width:82px;height:34px;border-radius:20px;background:#fff}.drone-shape i{position:absolute;top:16px;width:65px;height:2px;background:#fff}.drone-shape i:nth-of-type(1){right:65px;transform:rotate(25deg)}.drone-shape i:nth-of-type(2){left:65px;transform:rotate(-25deg)}.drone-shape i:nth-of-type(3){right:65px;transform:rotate(-25deg)}.drone-shape i:nth-of-type(4){left:65px;transform:rotate(25deg)}.radar-read{position:absolute;right:4%;top:10%;padding:8px;border:1px solid rgba(255,255,255,.2)}.radar-read strong{display:block;font:600 7px var(--mono);color:var(--sv-red)}.radar-read small{font:500 5px var(--mono)}
/* prompt */
.prompt-term{position:absolute;left:5%;right:5%;top:14%;padding:14px;border:1px solid #fff;background:#050505}.prompt-term small{font:500 5px var(--mono);color:var(--sv-red)}.prompt-term strong{display:block;margin-top:9px;font:500 13px/1.5 var(--mono)}.prompt-term i{display:block;width:8px;height:15px;margin-top:8px;background:#fff;animation:svBlink .8s steps(1) infinite}@keyframes svBlink{50%{opacity:0}}.prompt-frames{position:absolute;left:5%;right:5%;top:49%;height:120px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.prompt-frames span{display:grid;place-items:end start;padding:7px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#381315,#111);font:600 6px var(--mono)}.prompt-stars b{position:absolute;font-size:30px}.prompt-stars b:nth-child(1){right:4%;top:5%}.prompt-stars b:nth-child(2){left:4%;bottom:22%;color:var(--sv-red)}.prompt-stars b:nth-child(3){right:24%;bottom:18%}
/* dna */
.scene-dna .dna-a,.scene-dna .dna-b{position:absolute;left:26%;top:9%;width:220px;height:300px;border-left:2px solid #fff;border-right:2px solid var(--sv-red);border-radius:50%;transform:rotate(29deg)}.scene-dna .dna-b{transform:rotate(-29deg)}.dna-core{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:95px;height:95px;border-radius:50%;background:#fff;color:#090909;display:grid;place-items:center;font-size:40px;font-weight:800}.brand-chips{position:absolute;right:4%;top:16%;display:grid;gap:5px}.brand-chips button{height:31px;min-width:90px;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font:600 5px var(--mono)}
/* scale */
.scene-scale .glyph{position:absolute;font-family:var(--serif);line-height:1;color:#fff}.scene-scale .g1{left:8%;bottom:27%;font-size:24px}.scene-scale .g2{left:28%;bottom:24%;font-size:80px}.scene-scale .g3{right:8%;top:5%;font-size:260px;color:rgba(255,255,255,.13)}.scale-line{position:absolute;left:6%;right:6%;bottom:24%;display:flex;align-items:center;gap:8px;font:600 5px var(--mono)}.scale-line i{flex:1;height:1px;background:rgba(255,255,255,.25)}
/* feed */
.feed-grid{position:absolute;left:13%;right:13%;top:7%;bottom:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.feed-grid button{border:1px solid rgba(255,255,255,.2);background:#fff;color:#090909;font:600 6px var(--mono)}.feed-grid button:nth-child(2n){background:var(--sv-red);color:#fff}.feed-grid button:nth-child(3n){background:#111;color:#fff}.feed-ruler{position:absolute;right:5%;bottom:20%;padding:7px;background:#fff;color:#090909;font:600 6px var(--mono)}
/* spread */
.spread-page{position:absolute;top:13%;width:42%;height:275px;padding:15px;background:#f1efe8;color:#090909}.spread-page.left{left:7%;transform:skewY(3deg)}.spread-page.right{right:7%;transform:skewY(-3deg)}.spread-page small{font:600 6px var(--mono);color:var(--sv-red)}.spread-page strong{display:block;font-size:48px;margin:13px 0}.spread-page i{display:block;height:1px;background:#090909;margin:17px 0}.spread-price{position:absolute;right:4%;top:6%;padding:8px;background:var(--sv-red);color:#fff;font:700 11px var(--mono)}
/* shelf */
.shelf-row{position:absolute;left:6%;right:6%;top:18%;height:255px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}.shelf-row button{position:relative;height:65%;border:2px solid #fff;background:#f1efe8;color:#090909}.shelf-row button:nth-child(2){height:82%;background:#d6cec0}.shelf-row button:nth-child(3){height:100%;background:var(--sv-red);color:#fff}.shelf-row button:nth-child(4){height:75%;background:#111;color:#fff}.shelf-row button span{display:block;font-size:45px;font-weight:800}.shelf-row button small{font:600 6px var(--mono)}.shelf-eye{position:absolute;right:4%;top:5%;font:700 24px var(--mono);color:var(--sv-red)}.shelf-line{position:absolute;left:3%;right:3%;top:67%;height:5px;background:#fff}
/* slides */
.projector{position:absolute;left:8%;right:8%;top:8%;height:235px;padding:14px;border:2px solid #fff}.projector span{font:600 6px var(--mono);color:var(--sv-red)}.projector strong{display:block;margin-top:65px;font-size:42px}.projector i{position:absolute;left:14px;right:14px;bottom:18px;height:1px;background:rgba(255,255,255,.2)}.slide-stack{position:absolute;left:8%;bottom:20%;display:flex;gap:5px}.slide-stack button{width:75px;height:45px;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font:600 6px var(--mono)}.laser{position:absolute;right:9%;bottom:23%;width:170px;height:2px;background:var(--sv-red);transform:rotate(-30deg);transform-origin:right}
/* newsroom */
.onair{position:absolute;left:5%;top:6%;padding:8px 10px;background:var(--sv-red);font:700 7px var(--mono)}.onair i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-left:7px;box-shadow:0 0 10px #fff}.news-wall{position:absolute;left:5%;right:5%;top:22%;bottom:29%;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:5px}.news-wall span{display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);font:700 13px var(--sans)}.news-wall span:first-child{grid-row:1/-1;background:#fff;color:#090909}.news-wall span:last-child{background:var(--sv-red)}.news-ticker{position:absolute;left:0;right:0;bottom:21%;padding:8px;background:#fff;color:#090909;font:600 6px var(--mono);white-space:nowrap;overflow:hidden}
/* compass */
.compass-ring{position:absolute;left:25%;top:7%;width:275px;height:275px;border:2px solid #fff;border-radius:50%}.compass-ring span{position:absolute;font:700 7px var(--mono)}.compass-ring span:nth-child(1){left:50%;top:7px}.compass-ring span:nth-child(2){right:7px;top:50%}.compass-ring span:nth-child(3){left:50%;bottom:7px}.compass-ring span:nth-child(4){left:7px;top:50%}.compass-ring i{position:absolute;left:50%;top:50%;width:3px;height:105px;background:var(--sv-red);transform-origin:bottom;transform:translate(-50%,-100%) rotate(32deg)}.route-dots b{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff}.route-dots b:nth-child(1){left:8%;top:20%}.route-dots b:nth-child(2){right:7%;top:25%}.route-dots b:nth-child(3){left:10%;bottom:22%}.route-dots b:nth-child(4){right:12%;bottom:25%}.compass-caption{position:absolute;right:3%;bottom:20%;padding:7px;background:#fff;color:#090909;font:600 6px var(--mono)}
/* funnel */
.ad-card{position:absolute;left:6%;top:11%;width:150px;height:185px;padding:12px;background:#fff;color:#090909}.ad-card small{font:500 5px var(--mono);color:var(--sv-red)}.ad-card strong{display:block;margin-top:55px;font-size:30px}.ad-card i{display:block;margin-top:10px;height:5px;background:var(--sv-red)}.funnel-shape{position:absolute;right:8%;top:8%;width:230px;height:285px;display:grid;gap:5px}.funnel-shape span{background:#fff;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}.funnel-shape span:nth-child(2){margin:0 25px;background:#777}.funnel-shape span:nth-child(3){margin:0 55px;background:var(--sv-red)}.conversion{position:absolute;right:8%;bottom:20%;padding:8px;background:var(--sv-red);font:700 7px var(--mono)}
/* serp */
.serp-search{position:absolute;left:7%;right:7%;top:11%;height:58px;padding:0 14px;display:grid;grid-template-columns:30px 1fr 8px;align-items:center;border-radius:999px;background:#fff;color:#090909}.serp-search span{font-size:20px}.serp-search strong{font-size:12px}.serp-search i{width:7px;height:7px;border-radius:50%;background:#50bc65}.serp-result{position:absolute;left:10%;right:12%;top:31%;padding:15px;border:1px solid rgba(255,255,255,.18)}.serp-result small{font:500 5px var(--mono);color:#6eb3ff}.serp-result strong{display:block;margin:8px 0;font-size:22px}.serp-result p{color:rgba(255,255,255,.5)}.serp-auction{position:absolute;left:8%;bottom:21%;padding:7px;background:var(--sv-red);font:700 6px var(--mono)}
/* crawler */
.crawler-bot{position:absolute;left:43%;top:34%;width:100px;height:75px;border:2px solid #fff;display:grid;place-items:center;font:700 12px var(--mono)}.crawler-bot i{position:absolute;bottom:-18px;width:18px;height:18px;border-radius:50%;border:2px solid #fff}.crawler-bot i:first-child{left:14px}.crawler-bot i:last-child{right:14px}.crawl-node{position:absolute;padding:8px 10px;border:1px solid rgba(255,255,255,.2);font:600 6px var(--mono)}.crawl-node.n1{left:7%;top:10%}.crawl-node.n2{right:8%;top:12%}.crawl-node.n3{left:8%;bottom:24%}.crawl-node.n4{right:8%;bottom:27%}.crawl-lines{position:absolute;left:50%;top:50%;width:1px;height:65%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%) rotate(55deg)}.indexed{position:absolute;right:4%;top:5%;padding:7px;background:var(--sv-red);font:700 6px var(--mono)}
/* server */
.server-rack{position:absolute;left:10%;right:10%;top:8%;bottom:27%;padding:9px;display:grid;grid-template-rows:repeat(5,1fr);gap:5px;border:2px solid #fff}.server-rack span{padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);font:600 6px var(--mono)}.server-rack i{width:7px;height:7px;border-radius:50%;background:#57c36a;box-shadow:0 0 9px #57c36a}.server-terminal{position:absolute;left:6%;right:6%;bottom:20%;padding:8px;background:#fff;color:#090909;font:600 6px var(--mono)}.server-terminal b{color:var(--sv-red)}

/* =========================================================
   PER-PAGE MACRO CHARACTER — 24 page identities
========================================================= */
.layout-restaurant .sv-scope-grid{grid-template-columns:1.25fr .75fr 1fr}.layout-restaurant .sv-scope-grid article:nth-child(1){grid-row:1/-1}.layout-restaurant .sv-scope-grid article:nth-child(1)>strong{font-size:28px}
.layout-commerce .sv-hero-grid{grid-template-columns:.95fr 1.05fr}.layout-commerce .sv-scope-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}.layout-commerce .sv-scope-grid article{padding:11px}.layout-commerce .sv-scope-grid article>strong{font-size:13px}
.layout-lab .sv-scope-grid article{border-style:dashed}.layout-lab .sv-evidence-grid{grid-template-columns:.72fr 1.28fr}.layout-lab .sv-evidence-small{display:none}
.layout-contact .sv-scope-grid{gap:12px;background:linear-gradient(90deg,transparent 49.8%,rgba(9,9,9,.08) 50%,transparent 50.2%)}.layout-contact .sv-scope-grid article{background:#ece8e1}
.layout-hotelphoto .sv-screen:nth-child(even){background:#e3d8c9}.layout-hotelphoto .sv-evidence-big{border-radius:0 90px 0 0}
.layout-food .sv-evidence-big{border-radius:50% 0 0 50%}.layout-food .sv-evidence-small{border-radius:50%}.layout-food .sv-scope-grid article:nth-child(3n){background:#090909;color:#fff}.layout-food .sv-scope-grid article:nth-child(3n) p{color:rgba(255,255,255,.48)}
.layout-studio .sv-evidence-grid img{filter:grayscale(.7)}.layout-studio .sv-scope-grid{grid-template-columns:1fr 1fr 1fr}.layout-studio .sv-scope-grid article:nth-child(2),.layout-studio .sv-scope-grid article:nth-child(5){transform:translateY(-12px)}
.layout-cinema .sv-hero{background:#090909;color:#fff}.layout-cinema .sv-hero-copy p{color:rgba(255,255,255,.48)}.layout-cinema .sv-hero-tags span{border-color:rgba(255,255,255,.2)}.layout-cinema .sv-screenline{border-color:rgba(255,255,255,.14)}.layout-cinema .sv-img-main{width:78%;height:73%;filter:grayscale(.5)}
.layout-film .sv-hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#090909 0 14px,transparent 14px 50px);opacity:.05}.layout-film .sv-scope-grid article:nth-child(odd){background:#090909;color:#fff}.layout-film .sv-scope-grid article:nth-child(odd) p{color:rgba(255,255,255,.5)}
.layout-reels .sv-hero-grid{grid-template-columns:1.05fr .95fr}.layout-reels .sv-img-main{width:48%;height:88%;left:12%}.layout-reels .sv-img-cut{width:38%;height:68%;right:7%}.layout-reels .sv-scope-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
.layout-aerial .sv-hero-art{overflow:hidden}.layout-aerial .sv-img-main{inset:0;width:100%;height:100%;transform:none}.layout-aerial .sv-img-cut{display:none}.layout-aerial .sv-hero-object{right:0;top:0;width:55%;height:55%}
.layout-future .sv-screen:nth-child(odd){background:#0b0b0b;color:#fff}.layout-future .sv-screen:nth-child(odd) p{color:rgba(255,255,255,.5)}.layout-future .sv-screen:nth-child(odd) .sv-kicker>i{color:rgba(255,255,255,.4)}
.layout-brand .sv-scope-grid article:nth-child(1){background:#090909;color:#fff}.layout-brand .sv-scope-grid article:nth-child(1) p{color:rgba(255,255,255,.5)}.layout-brand .sv-evidence-grid{grid-template-columns:.9fr .9fr 1.2fr}
.layout-glyph .sv-hero-art{background:#090909}.layout-glyph .sv-img-main{width:48%;height:72%;top:14%;filter:grayscale(1)}.layout-glyph .sv-img-cut{display:none}.layout-glyph .sv-scope-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}.layout-glyph .sv-scope-grid article>strong{font-size:12px}
.layout-feed .sv-scope-grid{grid-template-columns:repeat(3,1fr);gap:11px}.layout-feed .sv-scope-grid article:nth-child(2n){transform:translateY(10px)}
.layout-editorial .sv-scope-grid{grid-template-columns:.8fr 1.2fr .8fr}.layout-editorial .sv-scope-grid article:nth-child(2),.layout-editorial .sv-scope-grid article:nth-child(5){background:#090909;color:#fff}.layout-editorial .sv-scope-grid article:nth-child(2) p,.layout-editorial .sv-scope-grid article:nth-child(5) p{color:rgba(255,255,255,.5)}
.layout-pack .sv-scope-grid article{transform:skewY(-1deg)}.layout-pack .sv-scope-grid article:nth-child(2n){transform:skewY(1deg)}.layout-pack .sv-evidence-small{align-self:start}
.layout-deck .sv-process-steps button{min-height:72%!important}.layout-deck .sv-process-steps button:nth-child(odd){transform:translateY(-12px)}.layout-deck .sv-process-steps button.active{transform:translateY(-20px)}
.layout-newsroom .sv-hero{background:#090909;color:#fff}.layout-newsroom .sv-hero-copy p{color:rgba(255,255,255,.48)}.layout-newsroom .sv-hero-tags span{border-color:rgba(255,255,255,.18)}.layout-newsroom .sv-scope-grid{grid-template-columns:1.4fr .8fr .8fr}.layout-newsroom .sv-scope-grid article:first-child{grid-row:1/-1;background:#090909;color:#fff}.layout-newsroom .sv-scope-grid article:first-child p{color:rgba(255,255,255,.48)}
.layout-strategy .sv-scope{background:linear-gradient(90deg,rgba(9,9,9,.04) 1px,transparent 1px),var(--sv-paper2);background-size:10% 100%}.layout-strategy .sv-scope-grid article{background:rgba(241,239,232,.8)}
.layout-performance .sv-evidence-grid{grid-template-columns:.6fr 1.15fr .85fr}.layout-performance .sv-evidence-big{grid-column:2}.layout-performance .sv-evidence-small{grid-column:1;grid-row:1}.layout-performance .sv-evidence-copy{grid-column:3}
.layout-search .sv-hero-art{background:#e3dfd8}.layout-search .sv-img-main{width:56%;height:63%;top:22%}.layout-search .sv-img-cut{width:39%;height:36%;top:4%;bottom:auto}.layout-search .sv-scope-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
.layout-seo .sv-scope-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}.layout-seo .sv-scope-grid article{padding:10px}.layout-seo .sv-scope-grid article>strong{font-size:12px}.layout-seo .sv-evidence-grid{grid-template-columns:.9fr .55fr 1fr}
.layout-machine .sv-screen:nth-child(even){background:#0b0b0b;color:#fff}.layout-machine .sv-screen:nth-child(even) p{color:rgba(255,255,255,.48)}.layout-machine .sv-screen:nth-child(even) .sv-scope-grid article{border-color:rgba(255,255,255,.16);background:#151515}.layout-machine .sv-screen:nth-child(even) .sv-scope-grid article p{color:rgba(255,255,255,.5)}

/* =========================================================
   LAPTOP HEIGHT SAFETY — actual classes, no mistaken selectors
========================================================= */
@media(min-width:1001px) and (max-height:860px){
  .sv-screen{padding-top:calc(var(--header-h) + 7px);padding-bottom:9px}
  .sv-kicker{height:18px}
  .sv-hero-grid{height:calc(100% - 38px)}
  .sv-hero-copy h1{font-size:clamp(40px,4.55vw,66px);line-height:.91;margin:7px 0 10px}
  .sv-hero-copy p{font-size:9px;line-height:1.4}
  .sv-hero-art{height:56dvh;min-height:340px}
  .sv-scope-head{margin-top:1.6%}.sv-scope-head h2,.sv-process-copy h2,.sv-faq-copy h2,.sv-gears-copy h2,.sv-special-copy h2{font-size:clamp(34px,3.8vw,55px);line-height:.93}
  .sv-scope-grid{height:57%;bottom:3%}.sv-scope-grid article{padding:10px}.sv-scope-grid article>strong{margin:8px 0 5px;font-size:14px}.sv-scope-grid article>p{font-size:7px}
  .sv-special-stage,.sv-process-steps,.sv-gear-links{height:56dvh;min-height:330px}
  .sv-evidence-grid{height:calc(100% - 18px)}.sv-evidence-copy h2{font-size:clamp(31px,3.5vw,51px)}
  .sv-faq-list{max-height:60dvh}.sv-faq-list summary{min-height:50px}.sv-faq-list summary strong{font-size:11px}.sv-faq-list details p{font-size:8px;padding-bottom:10px}
  .sv-cta-copy h2{font-size:clamp(42px,4.8vw,70px)}
}
@media(min-width:1001px) and (max-height:720px){
  .sv-hero-copy h1{font-size:clamp(34px,4vw,55px)}.sv-hero-copy p{font-size:8px}.sv-hero-tags{display:none}
  .sv-scope-head h2,.sv-process-copy h2,.sv-faq-copy h2,.sv-gears-copy h2,.sv-special-copy h2{font-size:clamp(30px,3.4vw,47px)}
  .sv-scope-head p{font-size:8px}.sv-scope-grid{height:60%}
}

/* =========================================================
   MOBILE — different composition, no desktop squeeze
========================================================= */
@media(max-width:1000px){
  html{scroll-snap-type:y mandatory!important}
  body.sv-page{cursor:auto!important}
  .sv-page .pointer-lens,.sv-page .cursor-dot,.sv-page .cursor-circle{display:none!important}
  .sv-index{display:none}
  .sv-screen{height:100dvh;min-height:100dvh;max-height:100dvh;padding:78px 14px 10px;scroll-snap-align:start;scroll-snap-stop:always}
  .sv-kicker{font-size:4.5px;height:17px;gap:6px}.sv-kicker>span{width:22px;height:15px}
  .sv-hero-grid{height:calc(100% - 30px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px}
  .sv-hero-copy h1{font-size:clamp(32px,9.5vw,49px);line-height:.91;margin:5px 0 7px;max-width:11ch}
  .sv-hero-copy p{font-size:8px;line-height:1.38;margin:0}.sv-hero-tags{display:none}
  .sv-hero-art{height:100%;min-height:0}.sv-img-main{left:0;top:0;width:72%;height:88%;transform:rotate(-1deg)}.sv-img-cut{right:0;bottom:0;width:44%;height:42%}.sv-hero-object{right:0;top:0;width:55%;height:50%;transform:scale(.72);transform-origin:top right}.sv-hero-stamp{font-size:4px;padding:5px}.sv-screenline{font-size:4px;bottom:4px}
  .sv-scope-head{margin-top:4px;display:block}.sv-scope-head h2{font-size:clamp(29px,8vw,40px);line-height:.94}.sv-scope-head p{display:none}.sv-scope-grid{left:14px;right:14px;bottom:8px;height:72%;grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(3,1fr)!important;gap:4px}.sv-scope-grid article{padding:8px!important;transform:none!important}.sv-scope-grid article>strong{font-size:10px;margin:5px 0}.sv-scope-grid article>p{font-size:6px}
  .sv-special-grid{height:calc(100% - 18px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.sv-special-copy h2{font-size:clamp(29px,8vw,40px);line-height:.94;margin:3px 0}.sv-special-copy p{display:none}.sv-live-read{position:absolute;z-index:20;left:14px;right:14px;bottom:10px;max-width:none;margin:0;padding:6px}.sv-live-read strong{font-size:12px}.sv-special-stage{height:100%;min-height:0}.sv-special-stage>div{transform:scale(.72);transform-origin:center top}.sv-stats{bottom:7px}.sv-stat{min-height:40px!important}.sv-stat strong{font-size:9px}
  .sv-evidence-grid{height:calc(100% - 18px);grid-template-columns:1.1fr .9fr;grid-template-rows:1fr .8fr;gap:4px;padding-top:4px}.sv-evidence-big{height:100%;grid-row:1/-1}.sv-evidence-small{height:100%;align-self:stretch}.sv-evidence-copy{padding:9px;align-self:stretch;overflow:hidden}.sv-evidence-copy h2{font-size:clamp(24px,6.8vw,34px);line-height:.96;margin:5px 0}.sv-evidence-copy p{font-size:6.5px}.sv-evidence-copy>div{display:none}
  .sv-process-grid{height:calc(100% - 18px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.sv-process-copy h2{font-size:clamp(29px,8vw,40px);line-height:.94}.sv-process-copy>small{font-size:4px}.sv-process-read{position:absolute;z-index:4;left:14px;right:14px;bottom:8px;max-width:none;margin:0;padding:6px}.sv-process-read p{display:none}.sv-process-steps{height:100%;min-height:0;gap:3px}.sv-process-steps button{padding:6px;min-height:55%!important}.sv-process-steps button:nth-child(2){min-height:65%!important}.sv-process-steps button:nth-child(3){min-height:75%!important}.sv-process-steps button:nth-child(4){min-height:85%!important}.sv-process-steps button:nth-child(5){min-height:95%!important}.sv-process-steps strong{font-size:7px}.sv-process-steps small{display:none}
  .sv-faq-grid{height:calc(100% - 18px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.sv-faq-copy h2{font-size:clamp(28px,7.8vw,39px);line-height:.95;margin:3px 0}.sv-faq-copy p{display:none}.sv-faq-copy>small{font-size:4px}.sv-faq-list{height:100%;max-height:none}.sv-faq-list summary{min-height:46px;grid-template-columns:24px 1fr 18px;padding:0 3px}.sv-faq-list summary strong{font-size:9px}.sv-faq-list details p{font-size:7.2px;padding:0 27px 9px}
  .sv-gears-grid{height:calc(100% - 18px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.sv-gears-copy h2{font-size:clamp(28px,7.8vw,39px);line-height:.95;margin:3px 0}.sv-gears-copy p{font-size:6.5px;margin:4px 0}.sv-main-gear{display:none}.sv-gear-links{height:100%;min-height:0;gap:4px}.sv-gear-links a{padding:8px}.sv-gear-links a strong{font-size:12px}.sv-gear-links a p{font-size:6px}
  .sv-cta-photo{width:100%;height:48%;bottom:auto;opacity:.55}.sv-cta-photo:after{background:linear-gradient(0deg,#090909 0,transparent 100%)}.sv-cta-copy{left:14px;right:14px;top:auto;bottom:52px;transform:none;width:auto}.sv-cta-copy h2{font-size:clamp(36px,10vw,52px);line-height:.9}.sv-cta-copy p{font-size:7.5px}.sv-cta-copy a{min-height:39px}.sv-cta-footer{left:14px;right:14px;bottom:5px;font-size:4px}
}
@media(max-width:1000px) and (max-height:720px){
  .sv-screen{padding-top:67px}.sv-hero-copy h1{font-size:clamp(28px,8.2vw,40px)}.sv-hero-copy p{display:none}.sv-special-copy h2,.sv-scope-head h2,.sv-process-copy h2,.sv-faq-copy h2,.sv-gears-copy h2{font-size:clamp(25px,7.2vw,35px)}
}
@media(prefers-reduced-motion:reduce){.radar-ring .sweep{animation:none}}
/* V16 quickdock collision safety */
@media(min-width:1001px){.sv-index{right:67px!important}.kk-final-footer.footer{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}}
