@property --v6-edge{syntax:'';inherits:false;initial-value:0%} :root{--bg:oklch(10.5% .018 205);--surface:oklch(14.5% .022 205);--surface-2:oklch(18.5% .027 205);--line:oklch(28% .032 205);--line-soft:oklch(21% .025 205);--text:oklch(96% .012 190);--muted:oklch(72% .026 200);--dim:oklch(55% .025 202);--cyan:oklch(80% .14 194);--cyan-bright:oklch(89% .12 188);--amber:oklch(81% .13 78);--green:oklch(76% .13 155);--ink:oklch(12% .024 205);--display:"Anybody",sans-serif;--body:"Manrope",sans-serif;--mono:"Azeret Mono",monospace;--wire:color-mix(in oklab,var(--line) 86%,var(--cyan));--out:cubic-bezier(.16,1,.3,1);--physical:cubic-bezier(.32,.72,0,1);--move:cubic-bezier(.65,0,.35,1);--wrap:min(1320px,calc(100vw - 96px));--nav:76px;color-scheme:dark} html[data-theme="light"]{--bg:oklch(94% .012 195);--surface:oklch(91% .015 195);--surface-2:oklch(87% .02 198);--line:oklch(70% .025 202);--line-soft:oklch(82% .018 200);--text:oklch(17% .025 208);--muted:oklch(39% .03 205);--dim:oklch(52% .025 202);--cyan:oklch(56% .14 202);--cyan-bright:oklch(62% .14 196);--amber:oklch(58% .13 72);--green:oklch(54% .13 155);--ink:oklch(97% .008 195);color-scheme:light} [dir="rtl"]{--display:"Cairo","Noto Sans Arabic",sans-serif;--body:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;--mono:"IBM Plex Sans Arabic","Noto Sans Arabic",monospace} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav);background:var(--bg)}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font:400 16px/1.6 var(--body);transition:background .35s var(--out),color .35s var(--out)}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}.v6-wrap{width:var(--wrap);margin-inline:auto}.v6-skip{position:fixed;z-index:1000;left:16px;top:10px;padding:10px 14px;background:var(--cyan);color:var(--ink);transform:translateY(-150%)}.v6-skip:focus{transform:none}.v6-atmosphere{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(90% 70% at 80% 10%,oklch(38% .07 197/.18),transparent 65%),var(--bg)}.v6-atmosphere::before{content:"";position:absolute;inset:0;background-image:linear-gradient(oklch(75% .08 196/.055) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .08 196/.055) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(145deg,#000,transparent 68%)}.v6-atmosphere i{position:absolute;border:1px solid oklch(80% .13 194/.08);border-radius:50%}.v6-atmosphere i:nth-child(1){width:56vw;height:56vw;right:-25vw;top:5vh}.v6-atmosphere i:nth-child(2){width:35vw;height:35vw;right:-14vw;top:22vh}.v6-atmosphere i:nth-child(3){width:14vw;height:14vw;right:-3vw;top:37vh}.v6-scene-transition{position:fixed;z-index:1;inset:0;overflow:hidden;visibility:hidden;pointer-events:none;background:var(--bg)}.v6-scene-transition.is-active{visibility:visible}.v6-membrane{position:fixed;z-index:70;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.v6-membrane.is-active{opacity:1}main,.v6-footer{position:relative;z-index:2}.v6-scene{position:relative;isolation:isolate;min-height:100svh;padding:clamp(110px,13vh,170px) 0;overflow:clip}.v6-scene::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,var(--bg),transparent 12%,transparent 88%,var(--bg));opacity:.34} html.v6-cinematic{scroll-behavior:auto}.v6-cinematic body{overscroll-behavior:none}.v6-cinematic main{position:relative}.v6-cinematic .v6-scene{position:fixed;z-index:1;inset:0;height:100svh;min-height:0;visibility:hidden;overflow:hidden;padding:clamp(76px,8vh,90px) 0;background:var(--bg);will-change:clip-path}.v6-cinematic .v6-scene.is-stage-visible{visibility:visible}.v6-cinematic .v6-hero{padding-top:76px;display:grid;grid-template-columns:minmax(420px,.72fr) minmax(0,1.28fr);grid-template-rows:1fr auto;align-items:center;gap:18px 36px}.v6-cinematic .v6-hero-copy{width:auto;margin-left:max(48px,calc((100vw - 1320px)/2));text-align:left;align-items:flex-start}.v6-cinematic .v6-hero h1{font-size:clamp(3.2rem,5.2vw,4.75rem);margin:14px 0 10px;text-wrap:initial}.v6-cinematic .v6-intro{font-size:.95rem;line-height:1.5;text-wrap:initial}.v6-cinematic .v6-hero .v6-actions{margin-top:16px;justify-content:flex-start}.v6-cinematic .v6-hero-product{width:min(860px,58vw);margin:0 48px 0 0}.v6-cinematic .v6-hero-product>.v6-window{transform:none}.v6-cinematic .v6-float-sale{left:-2%;bottom:8%}.v6-cinematic .v6-proof{display:none}.v6-cinematic .v6-section-head{margin-bottom:clamp(28px,4vh,44px)}.v6-cinematic .v6-section-head h2{font-size:clamp(2.7rem,4.6vw,4.8rem)}.v6-cinematic .v6-fit-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.v6-cinematic .v6-business-tabs button{min-height:62px}.v6-cinematic .v6-fit-image{aspect-ratio:1920/988}.v6-cinematic .v6-fit-image img{object-fit:contain}.v6-cinematic .v6-fit-copy{padding:14px 20px;grid-template-columns:.42fr .9fr 1.25fr}.v6-cinematic .v6-cap-main{min-height:420px}.v6-cinematic .v6-cap{min-height:210px}.v6-cinematic .v6-surface{height:100svh;padding:0}.v6-cinematic .v6-surface-sticky{position:absolute;inset:0;height:100%;padding-top:calc(var(--nav) + 30px)}.v6-cinematic .v6-surface-grid{grid-template-columns:minmax(280px,.55fr) minmax(0,1.95fr);gap:44px}.v6-cinematic .v6-interface-window{transform:none}.v6-cinematic .v6-surface-step h2{font-size:clamp(2.5rem,4.1vw,4.5rem)}.v6-cinematic .v6-surface-copy-stack{min-height:300px;margin-top:34px}.v6-cinematic .v6-surface-nav{margin-top:20px}.v6-cinematic .v6-own-orbit{max-height:min(340px,40vh)}.v6-cinematic .v6-depth-intro h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}.v6-cinematic .v6-depth-atlas{margin-top:30px;grid-template-columns:1.15fr .85fr;column-gap:34px}.v6-cinematic .v6-depth-atlas article{padding:14px 0}.v6-cinematic .v6-depth-featured{padding:30px!important}.v6-cinematic .v6-depth-featured h3{margin-top:38px;font-size:clamp(2.5rem,4vw,4.5rem)}.v6-cinematic .v6-convert{gap:clamp(36px,4vw,70px)}.v6-cinematic .v6-start h2{font-size:clamp(4rem,8.2vw,7.5rem)}.v6-cinematic .v6-start-route{margin-top:60px} .v6-nav{position:fixed;z-index:100;inset:0 0 auto;height:var(--nav);padding:0 30px;display:flex;align-items:center;gap:38px;border-bottom:1px solid transparent;transition:background .24s var(--out),border-color .24s var(--out),height .24s var(--out);pointer-events:none}.v6-nav.is-scrolled{height:64px;border-color:var(--line-soft);background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.v6-nav>*{pointer-events:auto}.v6-brand{display:flex;align-items:center;gap:10px;min-width:max-content}.v6-brand svg{width:34px;height:34px}.v6-brand rect{fill:var(--cyan)}.v6-brand path{fill:var(--ink)}.v6-brand>span{font:650 1.16rem/1 var(--display);letter-spacing:-.04em}.v6-brand small{margin-left:4px;color:var(--dim);font:500 .5rem/1 var(--mono);letter-spacing:.12em}.v6-menu{display:flex;align-items:center;gap:32px;margin:auto}.v6-menu a{position:relative;color:var(--muted);font:600 .73rem/1 var(--body)}.v6-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--cyan);transition:right .22s var(--out)}.v6-menu a:hover::after,.v6-menu a:focus-visible::after{right:0}.v6-nav-actions{display:flex;align-items:center;gap:9px}.v6-theme,.v6-menu-button{width:42px;height:42px;border:1px solid var(--line);color:var(--muted);background:var(--surface);cursor:pointer}.v6-theme{display:grid;place-items:center}.v6-theme svg{grid-area:1/1;width:17px}.v6-theme svg:last-child,html[data-theme="light"] .v6-theme svg:first-child{display:none}html[data-theme="light"] .v6-theme svg:last-child{display:block}.v6-nav-cta{min-height:42px;padding:0 15px;display:flex;align-items:center;gap:20px;border:1px solid var(--cyan);color:var(--cyan);font:600 .7rem/1 var(--mono);letter-spacing:.05em}.v6-nav-cta span{font-size:1.1rem}.v6-menu-button{display:none;place-content:center;gap:6px}.v6-menu-button span{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s var(--out)}.v6-menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.v6-menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.v6-mobile-menu{position:fixed;z-index:90;inset:0;padding:100px 30px 40px;background:var(--bg);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .32s var(--physical),visibility 0s .32s}.v6-mobile-menu.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .32s var(--physical)}.v6-mobile-menu nav{display:grid}.v6-mobile-menu a{padding:20px 0;border-bottom:1px solid var(--line-soft);font:650 clamp(2.4rem,10vw,4.8rem)/.9 var(--display);letter-spacing:-.055em}.v6-mobile-menu a span{display:inline-block;width:44px;color:var(--cyan);font:500 .6rem/1 var(--mono);letter-spacing:0}.v6-rail{position:fixed;z-index:50;top:calc(var(--nav) + 18px);bottom:24px;left:18px;width:14px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:12px;color:var(--dim);font:500 .48rem/1 var(--mono);letter-spacing:.12em;pointer-events:none}.v6-rail>span,.v6-rail>em{writing-mode:vertical-rl;font-style:normal}.v6-rail>i{position:relative;width:1px;background:var(--line)}.v6-rail>i b{position:absolute;left:-2px;top:0;width:5px;height:var(--rail-progress,0%);background:linear-gradient(var(--cyan),var(--cyan),transparent)} .v6-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--dim);font:500 .58rem/1 var(--mono);letter-spacing:.12em}.v6-kicker>.v6-kicker-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.v6-kicker b{margin-left:10px;padding:5px 7px;border:1px solid var(--line);color:var(--cyan)}.v6-hero{padding-top:clamp(108px,12vh,132px);display:flex;flex-direction:column;justify-content:flex-start}.v6-hero-copy{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center}.v6-hero h1{max-width:1120px;margin:22px 0 18px;font:620 clamp(3.6rem,7.6vw,7.2rem)/.86 var(--display);letter-spacing:-.07em;text-wrap:balance}.v6-hero h1 em,.v6-section-head h2 em{font-style:normal;color:var(--cyan)}.v6-intro{max-width:690px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7;text-wrap:balance}.v6-hero .v6-actions{margin-top:24px}.v6-actions{margin-top:34px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.v6-button{min-height:54px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--line);font:650 .75rem/1 var(--body);transition:transform .12s var(--out),background .18s var(--out),border-color .18s var(--out)}.v6-button:active{transform:scale(.985)}.v6-button svg{width:18px;height:18px}.v6-button span{display:grid;gap:4px;text-align:left}.v6-button small{color:inherit;opacity:.65;font:500 .52rem/1 var(--mono);letter-spacing:.04em}.v6-button-primary{border-color:var(--cyan);color:var(--ink);background:var(--cyan)}.v6-button-primary:hover{background:var(--cyan-bright)}.v6-button-quiet{background:var(--surface)}.v6-button-quiet:hover{border-color:var(--cyan)} .v6-hero-product{position:relative;z-index:2;width:min(1160px,88vw);margin:clamp(28px,4vh,44px) auto 0;perspective:1400px}.v6-window{overflow:hidden;border:1px solid var(--line);background:color-mix(in oklch,var(--surface) 90%,transparent);box-shadow:0 60px 130px -45px oklch(2% .01 205/.9),0 0 0 1px oklch(80% .12 194/.05)}.v6-window-bar{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);color:var(--dim);background:var(--surface);font:500 .5rem/1 var(--mono);letter-spacing:.08em}.v6-window-bar span{display:flex;align-items:center;gap:7px}.v6-window-bar i,.v6-window-bar__status-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.v6-window-bar__leading{flex:1 1 auto;min-width:0}.v6-window-bar__route{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font:inherit;letter-spacing:inherit}.v6-window-bar__status{flex:0 0 auto;white-space:nowrap}.v6-window img{display:block;width:100%;height:auto}.v6-hero-product>.v6-window{transform:rotateX(4deg);transform-origin:bottom}.v6-float{position:absolute;padding:13px 16px;display:grid;gap:5px;border:1px solid var(--line);background:color-mix(in oklch,var(--surface) 96%,transparent);box-shadow:0 18px 55px oklch(2% .01 205/.4)}.v6-float>span{color:var(--cyan);font:500 .49rem/1 var(--mono);letter-spacing:.1em}.v6-float strong{font:650 .78rem/1.2 var(--body)}.v6-float small{color:var(--dim);font:500 .49rem/1 var(--mono)}.v6-float small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green)}.v6-float-sale{left:-3%;bottom:14%;min-width:220px;border-top:2px solid var(--cyan)}.v6-float-sale::after{content:"";position:absolute;left:9px;right:9px;bottom:-7px;height:7px;background:linear-gradient(135deg,var(--surface) 5px,transparent 0) 0 0/10px 7px repeat-x}.v6-proof{width:var(--wrap);margin:32px auto 0;padding:16px 0;display:flex;justify-content:space-between;gap:25px;border-block:1px solid var(--line-soft);color:var(--dim);font:500 .52rem/1 var(--mono);letter-spacing:.08em}.v6-section-head{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:42px;align-items:start;margin-bottom:clamp(60px,9vw,120px)}.v6-section-head>p{margin:7px 0 0;color:var(--dim);font:500 .56rem/1 var(--mono);letter-spacing:.1em}.v6-section-head>p span{color:var(--cyan)}.v6-section-head h2{margin:0;font:620 clamp(3.2rem,6.5vw,7rem)/.86 var(--display);letter-spacing:-.065em}.v6-section-head>div{padding-top:8px}.v6-section-head>div p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.7}.v6-fit-layout{display:grid;grid-template-columns:.72fr 2fr;gap:28px}.v6-business-tabs{display:grid;align-content:start;border-top:1px solid var(--line)}.v6-business-tabs button{min-height:82px;padding:14px 8px;display:grid;grid-template-columns:34px 1fr;gap:3px 8px;text-align:left;border:0;border-bottom:1px solid var(--line-soft);color:var(--muted);background:transparent;cursor:pointer;transition:color .15s var(--out),padding .18s var(--out),background .18s var(--out)}.v6-business-tabs button span{grid-row:1/3;color:var(--dim);font:500 .52rem/1.5 var(--mono)}.v6-business-tabs button b{font:650 .86rem/1.2 var(--body)}.v6-business-tabs button small{color:var(--dim);font:500 .48rem/1.3 var(--mono)}.v6-business-tabs button:hover,.v6-business-tabs button:focus-visible,.v6-business-tabs button.is-active{padding-left:15px;color:var(--text);background:color-mix(in oklch,var(--surface) 80%,transparent)}.v6-business-tabs button.is-active span{color:var(--cyan)}.v6-fit-stage{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.v6-fit-image{position:relative;aspect-ratio:1.85;overflow:hidden}.v6-fit-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.v6-fit-image canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.v6-fit-copy{padding:25px 27px 29px;display:grid;grid-template-columns:.5fr 1fr 1.15fr;gap:25px;border-top:1px solid var(--line)}.v6-fit-copy>span{color:var(--cyan);font:500 .52rem/1.4 var(--mono);letter-spacing:.08em}.v6-fit-copy h3{margin:0;font:620 1.45rem/1.05 var(--display);letter-spacing:-.035em}.v6-fit-copy p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6} .v6-capabilities{padding-bottom:170px}.v6-cap-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;border:1px solid var(--line)}.v6-cap-main{position:relative;grid-row:1/3;padding:48px;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.v6-cap-main::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 32%,oklch(80% .14 194/.16),transparent);pointer-events:none}.v6-cap-icon{position:absolute;top:15%;left:50%;width:120px;height:120px;transform:translateX(-50%) rotate(-8deg);display:grid;place-items:center;color:var(--ink);background:var(--cyan);box-shadow:0 0 0 20px oklch(80% .14 194/.03),0 0 100px oklch(80% .14 194/.22)}.v6-cap-icon svg{width:50px}.v6-cap-main>span,.v6-cap>span{position:relative;color:var(--cyan);font:500 .53rem/1 var(--mono);letter-spacing:.1em}.v6-cap-main h3{position:relative;max-width:500px;margin:14px 0;font:620 clamp(2.2rem,4vw,4.5rem)/.9 var(--display);letter-spacing:-.06em}.v6-cap-main p,.v6-cap p{position:relative;margin:0;max-width:48ch;color:var(--muted);font-size:.9rem}.v6-route-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}.v6-route-line i{position:absolute;width:28%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:v6-route 4s linear infinite}.v6-route-line b,.v6-route-line em{position:absolute;bottom:0;width:1px;height:95px;background:linear-gradient(var(--cyan),transparent)}.v6-route-line b{left:30%}.v6-route-line em{right:22%}.v6-cap{min-height:280px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid var(--line);background:color-mix(in oklch,var(--bg) 70%,transparent)}.v6-cap:nth-child(2),.v6-cap:nth-child(3){border-bottom:1px solid var(--line)}.v6-cap h3{margin:15px 0 11px;font:620 1.65rem/1 var(--display);letter-spacing:-.035em}.v6-cap:last-child{grid-column:2/4}.v6-surface{height:430vh;padding:0}.v6-surface-sticky{position:sticky;top:0;height:100svh;padding-top:calc(var(--nav) + 45px);display:flex;align-items:center}.v6-surface-grid{display:grid;grid-template-columns:.76fr 1.7fr;gap:clamp(35px,6vw,90px);align-items:center}.v6-surface-copy{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}.v6-surface-copy-stack{display:grid;align-items:start;min-height:330px;margin-top:48px}.v6-surface-step{position:relative;grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transform:translateY(10px);filter:blur(4px);transition:opacity .2s var(--out),transform .24s var(--out),filter .2s var(--out),visibility 0s .24s;pointer-events:none}.v6-surface-step.is-active{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:0s;pointer-events:auto}.v6-surface-step>span{color:var(--cyan);font:500 .55rem/1 var(--mono);letter-spacing:.1em}.v6-surface-step h2{margin:18px 0;font:620 clamp(2.8rem,5vw,5.7rem)/.87 var(--display);letter-spacing:-.065em}.v6-surface-step p{max-width:44ch;margin:0;color:var(--muted)}.v6-surface-nav{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.v6-surface-nav button{padding:15px 4px;display:flex;gap:9px;border:0;border-bottom:1px solid var(--line);color:var(--dim);background:transparent;text-align:left;cursor:pointer;font:600 .64rem/1 var(--body)}.v6-surface-nav button span{font:500 .5rem/1 var(--mono)}.v6-surface-nav button[aria-selected="true"]{color:var(--cyan)}.v6-screen-stage{position:relative}.v6-screen-halo{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(closest-side,oklch(80% .13 194/.15),transparent);filter:blur(20px)}.v6-interface-window{position:relative;transform:perspective(1400px) rotateY(-3deg) rotateX(2deg);transition:transform .3s var(--out)}.v6-screen-stack{position:relative;aspect-ratio:1.945;overflow:hidden}.v6-screen-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.015);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:opacity .18s var(--out),transform .3s var(--out),clip-path .3s var(--physical)}.v6-screen-stack img.is-active{opacity:1;transform:scale(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.v6-screen-progress{margin-top:18px;display:grid;grid-template-columns:32px 1fr auto;gap:13px;align-items:center;color:var(--dim);font:500 .5rem/1 var(--mono);letter-spacing:.08em}.v6-screen-progress>span{color:var(--text);font:620 1.1rem/1 var(--display)}.v6-screen-progress>i{height:1px;background:var(--line)}.v6-screen-progress>i b{display:block;width:25%;height:100%;background:var(--cyan);transform-origin:left;transition:width .24s var(--out)} .v6-brand-mark rect{fill:var(--cyan)} .v6-brand-mark path{fill:var(--ink)} /* ── 06 · Ownership: machined core unit, docked modules, engraved channels ── */ .v6-ownership{ --own-glow:color-mix(in oklab,var(--cyan) 13%,transparent); --own-glow-soft:color-mix(in oklab,var(--cyan) 7%,transparent); --own-shadow:oklch(2% .01 205/.85); --own-pad:clamp(20px,2.6vh,27px); --own-mtl:color-mix(in oklab,var(--surface-2) 91%,var(--text)); --own-mtl-deep:color-mix(in oklab,var(--surface) 82%,var(--bg)); --own-edge:color-mix(in oklab,var(--line) 74%,var(--text)); --own-hi:oklch(99% .005 195/.13); --own-hi-soft:oklch(99% .005 195/.07); --own-lo:oklch(2% .01 205/.45); --own-brush:color-mix(in oklab,var(--text) 3%,transparent); --own-engrave:color-mix(in oklab,var(--dim) 82%,var(--text)); } .v6-own-stage{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(48px,6vw,92px);align-items:center} /* Bench: dot field, ground glow, registration crosshairs. Aspect widened (was 1000/560) so the mechanism fills the column instead of floating in vertical dead space. */ .v6-own-orbit{position:relative;aspect-ratio:1000/460;min-height:0} .v6-own-orbit::before{ content:"";position:absolute;inset:-4%; background-image:radial-gradient(color-mix(in oklab,var(--line) 62%,transparent) 1px,transparent 1.5px); background-size:24px 24px; -webkit-mask-image:radial-gradient(60% 60% at 50% 52%,#000 26%,transparent 78%); mask-image:radial-gradient(60% 60% at 50% 52%,#000 26%,transparent 78%); } .v6-own-orbit::after{ content:"";position:absolute;left:50%;top:52%;width:min(70%,540px);aspect-ratio:1; transform:translate(-50%,-50%);border-radius:50%;pointer-events:none; background:radial-gradient(closest-side,var(--own-glow),transparent 72%); } .v6-own-marks{position:absolute;inset:0;pointer-events:none} .v6-own-marks i{position:absolute;width:13px;height:13px;opacity:.55} .v6-own-marks i::before,.v6-own-marks i::after{content:"";position:absolute;background:var(--line)} .v6-own-marks i::before{left:0;right:0;top:6px;height:1px} .v6-own-marks i::after{top:0;bottom:0;left:6px;width:1px} .v6-own-marks i:nth-child(1){left:9%;top:72%} .v6-own-marks i:nth-child(2){left:27%;top:88%} .v6-own-marks i:nth-child(3){left:94.5%;top:34%} /* Engraved channels: catchlight under-edge + groove + illuminated track + pulse */ .v6-own-lines-desktop,.v6-own-lines-mobile{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1} .v6-own-lines-mobile{display:none} .v6-own-ch path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round} .v6-own-sheen{stroke:oklch(99% .005 195/.09);stroke-width:8;transform:translate(0,2px)} .v6-own-groove{stroke:oklch(2% .01 205/.6);stroke-width:8} .v6-own-track{stroke-width:2} .v6-own-track-idle{stroke:var(--amber);stroke-width:2;stroke-dasharray:9 91;opacity:.45} .v6-own-grad-hot{stop-color:var(--cyan)} .v6-own-grad-cold{stop-color:var(--wire)} .v6-own-pulse{stroke:var(--cyan-bright);stroke-width:2;stroke-dasharray:5 95;stroke-dashoffset:99;opacity:0} /* The core: anodized chassis, engraved head band, milled bay, licence engraving */ .v6-own-core,.v6-own-mod{position:absolute;z-index:2;transform:translate(-50%,-50%)} .v6-own-core{ left:50%;top:51.8%;width:40%;min-width:220px;border-radius:9px; border:1px solid var(--own-edge); background: repeating-linear-gradient(0deg,transparent 0 3px,var(--own-brush) 3px 4px), linear-gradient(115deg,transparent 40%,var(--own-hi-soft) 50%,transparent 60%), linear-gradient(180deg,color-mix(in oklab,var(--own-mtl) 93%,var(--text)),var(--own-mtl) 26%,color-mix(in oklab,var(--own-mtl) 88%,var(--bg))); box-shadow: inset 0 1px 0 var(--own-hi), inset 0 -1px 0 var(--own-lo), 0 1px 2px oklch(2% .01 205/.5), 0 16px 26px -16px oklch(2% .01 205/.7), 0 34px 60px -28px var(--own-shadow), 0 0 90px var(--own-glow-soft); } .v6-own-core::before{content:"";position:absolute;inset:3px;border:1px solid var(--own-hi-soft);border-radius:6px;pointer-events:none;z-index:4} .v6-own-core-head{ position:relative;height:27px;padding:0 22px;display:flex;align-items:center;gap:7px; border-bottom:1px solid var(--own-lo);border-radius:9px 9px 0 0; background:color-mix(in oklab,var(--own-mtl) 88%,var(--bg)); box-shadow:0 1px 0 var(--own-hi-soft); color:var(--own-engrave);font:560 .44rem/1 var(--mono);letter-spacing:.12em; text-shadow:0 1px 0 var(--own-hi-soft); } .v6-own-core-head i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--own-mtl-deep),0 0 9px var(--cyan)} .v6-own-core-head b{font-weight:inherit} .v6-own-core-head em{margin-inline-start:auto;font-style:normal;opacity:.7} .v6-own-core-face{ display:grid;justify-items:center;gap:6px;margin:10px 12px;padding:12px 12px 11px;border-radius:7px; background:color-mix(in oklab,var(--own-mtl) 84%,var(--bg)); box-shadow:inset 0 2px 5px var(--own-lo),inset 0 -1px 0 var(--own-hi-soft); } .v6-own-core-mark{ position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;font-style:normal; background:var(--own-mtl-deep); box-shadow:inset 0 2px 4px var(--own-lo),inset 0 -1px 0 var(--own-hi-soft); } .v6-own-core-mark .v6-brand-mark{width:40px;height:40px;filter:drop-shadow(0 3px 8px oklch(2% .01 205/.5))} .v6-own-core-mark::after{content:"";position:absolute;inset:7px;border-radius:9px;background:linear-gradient(160deg,oklch(99% .005 195/.16),transparent 48%);pointer-events:none} .v6-own-core-face b{font:600 .66rem/1 var(--mono);letter-spacing:.09em} .v6-own-core-face small{color:var(--own-engrave);font:500 .45rem/1 var(--mono);letter-spacing:.12em;text-shadow:0 1px 0 var(--own-hi-soft)} .v6-own-core-foot{ display:block;padding:7px 12px 9px;text-align:center;border-top:1px solid var(--own-lo);border-radius:0 0 9px 9px; box-shadow:inset 0 1px 0 var(--own-hi-soft); color:var(--own-engrave);font:560 .43rem/1 var(--mono);letter-spacing:.18em; text-shadow:0 1px 0 var(--own-hi-soft); } .v6-own-screw{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%; background: linear-gradient(115deg,transparent 44%,var(--own-lo) 44% 56%,transparent 56%), radial-gradient(circle at 34% 28%,color-mix(in oklab,var(--text) 20%,var(--own-mtl)),var(--own-mtl) 52%,color-mix(in oklab,var(--bg) 40%,var(--own-mtl))); box-shadow:inset 0 0 0 1px var(--own-lo),0 1px 0 var(--own-hi-soft); } .v6-own-screw-1{left:8px;top:10px}.v6-own-screw-2{right:8px;top:10px} .v6-own-screw-3{left:8px;bottom:8px}.v6-own-screw-4{right:8px;bottom:8px} /* Docked modules + floating standby module */ .v6-own-mod{ display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:7px; border:1px solid var(--own-edge); background: repeating-linear-gradient(0deg,transparent 0 3px,var(--own-brush) 3px 4px), linear-gradient(180deg,color-mix(in oklab,var(--own-mtl) 95%,var(--text)),var(--own-mtl) 34%,color-mix(in oklab,var(--own-mtl) 90%,var(--bg))); box-shadow: inset 0 1px 0 var(--own-hi), inset 0 -1px 0 var(--own-lo), 0 1px 2px oklch(2% .01 205/.45), 0 12px 22px -12px var(--own-shadow); } .v6-own-mod>i{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--own-mtl-deep),0 0 0 3px var(--own-lo),0 0 10px var(--cyan)} .v6-own-mod>span{display:grid;gap:4px} .v6-own-mod b{color:var(--text);font:600 .55rem/1 var(--mono);letter-spacing:.08em;white-space:nowrap} .v6-own-mod small{color:var(--own-engrave);font:500 .43rem/1 var(--mono);letter-spacing:.12em;white-space:nowrap;text-shadow:0 1px 0 var(--own-hi-soft)} .v6-own-mod-a{left:15%;top:19%} .v6-own-mod-b{left:85%;top:17%} .v6-own-mod-c{left:84.5%;top:83%; box-shadow: inset 0 1px 0 var(--own-hi), inset 0 -1px 0 var(--own-lo), 0 10px 9px -7px oklch(2% .01 205/.4), 0 30px 44px -18px var(--own-shadow); } .v6-own-mod-c>i{background:var(--amber);box-shadow:0 0 0 2px var(--own-mtl-deep),0 0 0 3px var(--own-lo),0 0 10px var(--amber)} /* Points: numbered ports on a shared bus line */ .v6-own-points{display:grid} .v6-own-points article{ position:relative;display:grid;grid-template-columns:34px 1fr;gap:6px 18px; padding:var(--own-pad) 0 calc(var(--own-pad) + 2px); border-bottom:1px solid var(--line-soft); } .v6-own-points article:first-child{border-top:1px solid var(--line-soft)} .v6-own-points article::before{ content:"";position:absolute;inset-inline-start:16.5px;top:0;bottom:0;width:1px; background:color-mix(in oklab,var(--line) 80%,transparent); } .v6-own-points article:first-child::before{top:var(--own-pad)} .v6-own-points article:last-child::before{bottom:calc(100% - var(--own-pad) - 34px)} .v6-own-points article>span{ position:relative;z-index:1;grid-row:1/3;width:34px;height:34px; display:grid;place-items:center;border:1px solid var(--line); background:var(--surface);color:var(--cyan);font:500 .56rem/1 var(--mono); } .v6-own-points h3{margin:0;align-self:center;font:620 clamp(1.35rem,1.6vw,1.6rem)/1.05 var(--display);letter-spacing:-.025em} .v6-own-points p{margin:2px 0 0;max-width:46ch;color:var(--muted);font-size:.87rem;line-height:1.65} @media(hover:hover){ .v6-own-points article:hover>span{border-color:color-mix(in oklab,var(--cyan) 55%,var(--line));box-shadow:0 0 14px var(--own-glow-soft)} } /* Motion (reduced-motion gated; entrance keys off the reveal observer .is-visible) */ @media(prefers-reduced-motion:no-preference){ .v6-own-orbit::after{animation:v6-own-breathe 7s ease-in-out infinite} .v6-own-core-head i{animation:v6-own-led 4.5s ease-in-out infinite} .v6-own-mod-c{animation:v6-own-float 7s ease-in-out infinite} .v6-own-mod-c>i,.v6-own-track-idle{animation:v6-own-standby 2.8s ease-in-out infinite} .v6-motion-ready .v6-own-track{stroke-dasharray:100 100;stroke-dashoffset:100} .v6-motion-ready .v6-own-core{opacity:0;transform:translate(-50%,-48.6%) scale(.988);transition:opacity .75s var(--out) .05s,transform .75s var(--out) .05s} .v6-motion-ready .v6-own-mod-a{opacity:0;transform:translate(calc(-50% - 16px),-50%);transition:opacity .6s var(--out) .3s,transform .6s var(--out) .3s} .v6-motion-ready .v6-own-mod-b{opacity:0;transform:translate(calc(-50% + 16px),-50%);transition:opacity .6s var(--out) .45s,transform .6s var(--out) .45s} .v6-motion-ready .v6-own-mod-c,.v6-motion-ready .v6-own-ch-idle{opacity:0;transition:opacity .8s var(--out) 1.05s} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-core{opacity:1;transform:translate(-50%,-50%) scale(1)} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-mod-a, .v6-motion-ready .v6-own-orbit.is-visible .v6-own-mod-b{opacity:1;transform:translate(-50%,-50%)} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-mod-c, .v6-motion-ready .v6-own-orbit.is-visible .v6-own-ch-idle{opacity:1} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-track{animation:v6-own-draw .9s var(--out) .55s forwards} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-track-b{animation-delay:.72s} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-pulse{animation:v6-own-flow 4.6s linear 1.6s infinite} .v6-motion-ready .v6-own-orbit.is-visible .v6-own-pulse-b{animation-delay:3.9s} html:not(.v6-motion-ready) .v6-own-pulse{animation:v6-own-flow 4.6s linear infinite} html:not(.v6-motion-ready) .v6-own-pulse-b{animation-delay:2.3s} } @keyframes v6-own-flow{ 0%{stroke-dashoffset:99;opacity:0} 10%{opacity:.85} 48%{opacity:.85} 62%{stroke-dashoffset:1;opacity:0} 100%{stroke-dashoffset:1;opacity:0} } @keyframes v6-own-breathe{0%,100%{opacity:.72}50%{opacity:1}} @keyframes v6-own-led{0%,100%{opacity:.7}50%{opacity:1}} @keyframes v6-own-standby{0%,100%{opacity:.35}50%{opacity:.8}} @keyframes v6-own-float{0%,100%{transform:translate(-50%,calc(-50% - 4px))}50%{transform:translate(-50%,calc(-50% + 2px))}} @keyframes v6-own-draw{to{stroke-dashoffset:0}} .v6-depth{padding-bottom:160px}.v6-depth-intro{display:flex;justify-content:space-between;gap:40px;align-items:start}.v6-depth-intro h2{max-width:900px;margin:0;font:620 clamp(3.2rem,6.5vw,7rem)/.86 var(--display);letter-spacing:-.065em}.v6-depth-atlas{margin-top:clamp(50px,8vh,90px);display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(3,1fr);column-gap:clamp(35px,6vw,90px);border-block:1px solid var(--line)}.v6-depth-atlas article{position:relative;padding:24px 0;display:grid;grid-template-columns:42px 1fr;align-content:start;border-bottom:1px solid var(--line-soft)}.v6-depth-atlas article:last-child{border-bottom:0}.v6-depth-atlas article>span{grid-row:1/3;color:var(--cyan);font:600 .58rem/1.5 var(--body)}.v6-depth-atlas h3{margin:0;font:620 clamp(1.2rem,2vw,1.8rem)/1 var(--display);letter-spacing:-.03em}.v6-depth-atlas ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.82rem}.v6-depth-atlas li::before{content:"·";margin-right:7px;color:var(--cyan)}.v6-depth-featured{grid-row:1/4!important;padding:clamp(34px,5vw,68px)!important;display:flex!important;flex-direction:column;background:linear-gradient(140deg,var(--surface-2),var(--surface));border:0!important}.v6-depth-featured>span{margin-bottom:auto;font-size:.7rem!important}.v6-depth-featured h3{max-width:12ch;margin-top:70px;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.86}.v6-depth-featured ul{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;font-size:.9rem}.v6-vault-grid{margin-top:clamp(44px,7vh,80px);display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:stretch}.v6-vault-list{display:grid;border-top:1px solid var(--line)}.v6-vault-card{padding:23px 20px;text-align:left;border:0;border-bottom:1px solid var(--line);color:var(--text);background:transparent;cursor:pointer;transition:background .2s var(--out),padding .2s var(--out)}.v6-vault-card>span{color:var(--cyan);font:500 .5rem/1 var(--mono);letter-spacing:.08em}.v6-vault-card h3{margin:10px 0 8px;font:620 clamp(1.25rem,2vw,1.85rem)/1 var(--display);letter-spacing:-.035em}.v6-vault-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.55}.v6-vault-card:hover,.v6-vault-card:focus-visible,.v6-vault-card.is-active{padding-left:29px;background:var(--surface)}.v6-vault-card.is-active{box-shadow:inset 2px 0 var(--cyan)}.v6-vault-terminal{overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-2),var(--surface))}.v6-vault-screen{position:relative;min-height:510px;padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;overflow:hidden}.v6-vault-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,oklch(80% .12 194/.018) 6px)}.v6-vault-screen>p{margin:0;color:var(--dim);font:500 .52rem/1 var(--mono);letter-spacing:.12em}.v6-vault-screen h3{max-width:14ch;margin:19px 0 28px;font:620 clamp(2.2rem,4vw,4.2rem)/.88 var(--display);letter-spacing:-.055em}.v6-vault-chips{display:flex;flex-wrap:wrap;gap:8px}.v6-vault-chips span{padding:8px 10px;border:1px solid var(--line);color:var(--muted);font:500 .52rem/1 var(--mono);text-transform:uppercase}.v6-redacted{margin:30px 0;display:grid;gap:9px;filter:blur(3px);opacity:.65}.v6-redacted i{display:block;height:11px;background:linear-gradient(90deg,var(--cyan),var(--line) 42%,transparent 42%)}.v6-redacted i:nth-child(2){width:82%}.v6-redacted i:nth-child(3){width:94%}.v6-redacted i:nth-child(4){width:63%}.v6-redacted i:nth-child(5){width:75%}.v6-vault-screen>strong{margin-top:auto;color:var(--amber);font:500 .51rem/1.3 var(--mono);letter-spacing:.08em}.v6-vault-screen>.v6-button{position:relative;z-index:2;width:max-content;margin-top:16px}.v6-choreo-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:24px;align-items:stretch} /* ── 08 · Operational Relay Table: artifact → owned core → linked backplane ── */ .v6-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .v6-proof-bench{--pb-mtl:color-mix(in oklab,var(--surface-2) 91%,var(--text));--pb-mtl-deep:color-mix(in oklab,var(--surface) 82%,var(--bg));--pb-edge:color-mix(in oklab,var(--line) 74%,var(--text));--pb-engrave:color-mix(in oklab,var(--dim) 82%,var(--text));--pb-brush:color-mix(in oklab,var(--text) 3%,transparent);--pb-hi:oklch(99% .005 195/.13);--pb-hi-soft:oklch(99% .005 195/.07);--pb-lo:oklch(2% .01 205/.45);--pb-shadow:oklch(2% .01 205/.85);--pb-paper:oklch(91% .024 83);--pb-paper-ink:oklch(22% .025 72);position:relative;margin:0;border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 82%,var(--bg));box-shadow:0 30px 80px oklch(3% .012 205/.26);overflow:hidden;container-type:inline-size} html[data-theme="light"] .v6-proof-bench{--pb-paper:oklch(96% .02 83);--pb-paper-ink:oklch(25% .025 72);box-shadow:0 30px 70px oklch(38% .02 205/.14)} .v6-proof-bench::before{content:"";position:absolute;inset:42px 0 104px;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--line) 58%,transparent) 0 1px,transparent 1.5px) 0 0/24px 24px;mask-image:radial-gradient(62% 65% at 50% 50%,oklch(0% 0 0) 22%,transparent 82%);opacity:.54} .v6-proof-bench::after{content:"";position:absolute;left:32%;top:20%;width:42%;height:58%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in oklab,var(--cyan) 8%,transparent),transparent 72%)} .v6-proof-bench-head{position:relative;z-index:5;min-height:42px;padding:0 clamp(16px,2.2vw,30px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);color:var(--dim);font:500 .58rem/1 var(--mono);letter-spacing:.09em} .v6-proof-bench-head span{display:flex;align-items:center;gap:9px}.v6-proof-bench-head i{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 2px var(--pb-mtl-deep),0 0 0 3px var(--pb-lo),0 0 10px var(--amber)}.v6-proof-bench-head b{color:var(--text);font-weight:600}.v6-proof-bench-head em{font-style:normal} .v6-proof-assembly{position:relative;z-index:2;min-height:clamp(440px,38vw,520px);padding:clamp(42px,5vw,68px) clamp(24px,3.8vw,52px);display:grid;grid-template-columns:minmax(180px,.72fr) minmax(330px,1.28fr) minmax(250px,.95fr);grid-template-areas:"intake engine outcomes";gap:clamp(24px,3.4vw,54px);align-items:center;isolation:isolate} .v6-proof-assembly::before,.v6-proof-assembly::after{content:"";position:absolute;z-index:-1;width:13px;height:13px;inset-inline-start:5%;bottom:12%;opacity:.5;background:linear-gradient(var(--line),var(--line)) 50%/1px 100% no-repeat,linear-gradient(90deg,var(--line),var(--line)) 50%/100% 1px no-repeat} .v6-proof-assembly::after{inset-inline-start:10%;bottom:20%;transform:scale(.7)} .v6-proof-channels{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.v6-proof-channel path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.v6-proof-channel-sheen{stroke:oklch(99% .005 195/.09);stroke-width:8;transform:translateY(2px)}.v6-proof-channel-groove{stroke:oklch(2% .01 205/.6);stroke-width:8}.v6-proof-channel-track{stroke-width:2}.v6-proof-channel-pulse{stroke:var(--cyan-bright);stroke-width:2;stroke-dasharray:5 95;filter:drop-shadow(0 0 4px color-mix(in oklab,var(--cyan) 72%,transparent))} .v6-proof-channel--in .v6-proof-channel-pulse{stroke:var(--amber)} .v6-proof-zone{position:relative;z-index:2;min-width:0}.v6-proof-intake{grid-area:intake;align-self:end;margin-bottom:4%}.v6-proof-engine{grid-area:engine}.v6-proof-outcomes{grid-area:outcomes;align-self:start;margin-top:5%} .v6-proof-zone-label{position:absolute;inset-inline-start:0;bottom:calc(100% + 14px);margin:0;display:flex;align-items:center;gap:9px;color:var(--dim);font:500 .54rem/1.25 var(--mono);letter-spacing:.08em}.v6-proof-zone-label b{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);color:var(--cyan);font-weight:500}.v6-proof-intake .v6-proof-zone-label b{color:var(--amber)} .v6-proof-intake-dock{position:relative;min-height:284px;padding:20px 13px 14px;border:1px solid var(--pb-edge);border-radius:8px;background:color-mix(in oklab,var(--pb-mtl) 80%,var(--bg));box-shadow:inset 0 2px 5px var(--pb-lo),inset 0 -1px 0 var(--pb-hi-soft),0 18px 34px -24px var(--pb-shadow)} .v6-proof-dock-rail{position:absolute;left:13px;right:13px;top:13px;height:7px;border-radius:3px;background:var(--pb-mtl-deep);box-shadow:inset 0 2px 3px var(--pb-lo),0 1px 0 var(--pb-hi-soft)} .v6-proof-object{position:relative;height:202px;display:grid;place-items:center}.v6-proof-object-hardware{position:absolute;width:72%;height:84%;border:1px solid var(--pb-edge);border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--pb-brush) 3px 4px),linear-gradient(115deg,transparent 40%,var(--pb-hi-soft) 50%,transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--pb-mtl) 93%,var(--text)),var(--pb-mtl) 26%,color-mix(in oklab,var(--pb-mtl) 88%,var(--bg)));box-shadow:inset 0 1px 0 var(--pb-hi),inset 0 -1px 0 var(--pb-lo),0 1px 2px oklch(2% .01 205/.5),0 16px 26px -16px oklch(2% .01 205/.7)} .v6-proof-object-hardware i{position:absolute;display:block}.v6-proof-object-hardware i:first-child{left:12px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--pb-mtl-deep);box-shadow:inset 0 1px 2px var(--pb-lo),0 1px 0 var(--pb-hi-soft)}.v6-proof-object-hardware i:nth-child(2){left:12px;right:12px;bottom:13px;height:2px;background:var(--pb-lo);box-shadow:0 1px 0 var(--pb-hi-soft)}.v6-proof-object-hardware i:nth-child(3){right:11px;top:11px;width:23px;height:5px;background:var(--cyan);opacity:.5} .v6-proof-artifact-shadow{position:absolute;z-index:1;width:72%;height:26px;bottom:18px;background:oklch(2% .01 205/.42);filter:blur(10px)} .v6-proof-artifact{position:relative;z-index:2;width:min(92%,210px);min-height:146px;padding:16px 15px 26px;color:var(--pb-paper-ink);border:1px solid oklch(63% .03 76);background:linear-gradient(148deg,color-mix(in oklch,var(--pb-paper) 96%,oklch(99% .005 83)),var(--pb-paper));box-shadow:0 12px 20px oklch(2% .01 205/.34),inset 0 1px 0 oklch(99% .005 83/.75)} .v6-proof-artifact header,.v6-proof-artifact footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font:650 .5rem/1.25 var(--mono);letter-spacing:.04em}.v6-proof-artifact header{padding-bottom:10px;border-bottom:1px solid oklch(60% .025 76/.46)}.v6-proof-artifact header i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.v6-proof-artifact strong{display:block;min-height:50px;margin:14px 0;font:700 .72rem/1.35 var(--mono)}.v6-proof-artifact footer{padding-top:10px;border-top:1px solid oklch(60% .025 76/.46)}.v6-proof-artifact footer b{font-size:.76rem}.v6-proof-barcode{position:absolute;inset:auto 15px 8px;height:7px;opacity:.38;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 8px)} .v6-proof-intake-dock>p{min-height:43px;margin:8px 0 0;padding:8px 10px;display:flex;align-items:center;border-top:1px solid var(--pb-lo);box-shadow:inset 0 1px 0 var(--pb-hi-soft);color:var(--amber);font:600 .59rem/1.35 var(--mono);letter-spacing:.02em} .v6-proof-assembly[data-proof-form="device"] .v6-proof-object-hardware{height:92%;border-radius:15px}.v6-proof-assembly[data-proof-form="device"] .v6-proof-artifact{width:80%;margin-inline-start:18%;transform:translateY(12px)}.v6-proof-assembly[data-proof-form="hang-tag"] .v6-proof-artifact{width:68%;min-height:160px;clip-path:polygon(12% 0,88% 0,100% 12%,100% 100%,0 100%,0 12%)}.v6-proof-assembly[data-proof-form="hang-tag"] .v6-proof-artifact::before{content:"";position:absolute;top:7px;left:50%;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transform:translateX(-50%)}.v6-proof-assembly[data-proof-form="kitchen-ticket"] .v6-proof-artifact,.v6-proof-assembly[data-proof-form="production-card"] .v6-proof-artifact{min-height:174px;border-radius:0}.v6-proof-assembly[data-proof-form="scale-label"] .v6-proof-artifact,.v6-proof-assembly[data-proof-form="batch-sleeve"] .v6-proof-artifact{min-height:122px;border-radius:2px}.v6-proof-assembly[data-proof-form="work-order"] .v6-proof-artifact,.v6-proof-assembly[data-proof-form="invoice-folder"] .v6-proof-artifact,.v6-proof-assembly[data-proof-form="pick-slip"] .v6-proof-artifact{min-height:178px;border-radius:2px}.v6-proof-assembly[data-proof-form="invoice-folder"] .v6-proof-object-hardware{width:88%;height:75%;border-radius:4px} .v6-proof-engine-shell{position:relative;padding:9px;border:1px solid var(--pb-edge);border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--pb-brush) 3px 4px),linear-gradient(115deg,transparent 40%,var(--pb-hi-soft) 50%,transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--pb-mtl) 93%,var(--text)),var(--pb-mtl) 26%,color-mix(in oklab,var(--pb-mtl) 88%,var(--bg)));box-shadow:inset 0 1px 0 var(--pb-hi),inset 0 -1px 0 var(--pb-lo),0 1px 2px oklch(2% .01 205/.5),0 18px 30px -16px oklch(2% .01 205/.7),0 42px 70px -34px var(--pb-shadow),0 0 90px color-mix(in oklab,var(--cyan) 7%,transparent)} .v6-proof-screw{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:linear-gradient(115deg,transparent 44%,var(--pb-lo) 44% 56%,transparent 56%),radial-gradient(circle at 34% 28%,color-mix(in oklab,var(--text) 20%,var(--pb-mtl)),var(--pb-mtl) 52%,color-mix(in oklab,var(--bg) 40%,var(--pb-mtl)));box-shadow:inset 0 0 0 1px var(--pb-lo),0 1px 0 var(--pb-hi-soft)}.v6-proof-screw--tl{left:8px;top:8px}.v6-proof-screw--tr{right:8px;top:8px}.v6-proof-screw--bl{left:8px;bottom:8px}.v6-proof-screw--br{right:8px;bottom:8px} .v6-proof-coupler{position:absolute;z-index:4;top:50%;width:13px;height:29px;border:1px solid var(--pb-edge);background:var(--pb-mtl);box-shadow:inset 0 1px 0 var(--pb-hi),inset 0 -1px 0 var(--pb-lo);transform:translateY(-50%)}.v6-proof-coupler::after{content:"";position:absolute;inset:5px 2px;background:var(--cyan);opacity:.58}.v6-proof-coupler--in{left:-8px}.v6-proof-coupler--in::after{background:var(--amber)}.v6-proof-coupler--out{right:-8px} .v6-proof-engine-shell>header,.v6-proof-engine-shell>footer{min-height:31px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--pb-engrave);text-shadow:0 1px 0 var(--pb-hi-soft);font:500 .46rem/1 var(--mono);letter-spacing:.1em}.v6-proof-engine-shell>header span{display:flex;align-items:center;gap:8px}.v6-proof-engine-shell>header i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--pb-mtl-deep),0 0 0 3px var(--pb-lo),0 0 10px var(--cyan)}.v6-proof-engine-shell>footer{border-top:1px solid var(--pb-lo);box-shadow:inset 0 1px 0 var(--pb-hi-soft)}.v6-proof-engine-shell>footer b{color:var(--cyan);font-weight:500} .v6-proof-engine-face{position:relative;min-height:284px;padding:21px;border:1px solid var(--pb-lo);border-radius:7px;background:color-mix(in oklab,var(--pb-mtl) 84%,var(--bg));box-shadow:inset 0 2px 5px var(--pb-lo),inset 0 -1px 0 var(--pb-hi-soft);overflow:hidden}.v6-proof-engine-bus{position:absolute;inset:0 0 auto;height:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:2px 5px;background:var(--pb-mtl-deep);box-shadow:inset 0 1px 2px var(--pb-lo)}.v6-proof-engine-bus i{display:block;background:var(--cyan);opacity:.18}.v6-proof-engine-bus i:nth-child(2){opacity:.5}.v6-proof-engine-brand{position:relative;z-index:1;margin-top:4px;display:flex;align-items:center;gap:12px}.v6-proof-engine-brand>svg{width:42px;height:42px;padding:5px;border-radius:10px;background:var(--pb-mtl-deep);box-shadow:inset 0 2px 5px var(--pb-lo),inset 0 -1px 0 var(--pb-hi-soft);filter:drop-shadow(0 3px 8px oklch(2% .01 205/.5))}.v6-proof-engine-brand rect{fill:var(--cyan)}.v6-proof-engine-brand path{fill:var(--ink)}.v6-proof-engine-brand span{display:grid;gap:4px}.v6-proof-engine-brand small{color:var(--pb-engrave);font:500 .43rem/1.2 var(--mono);letter-spacing:.08em}.v6-proof-engine-brand b{color:var(--text);font:650 .64rem/1 var(--mono);letter-spacing:.08em}.v6-proof-engine-face h3{position:relative;z-index:1;margin:29px 0 6px;color:var(--text);font:650 clamp(1.35rem,2vw,1.9rem)/.95 var(--mono);letter-spacing:-.045em}.v6-proof-engine-face>p{position:relative;z-index:1;margin:0;color:var(--cyan);font:500 .49rem/1.4 var(--mono);letter-spacing:.07em}.v6-proof-engine-record{position:relative;z-index:1;margin-top:27px;padding:13px 38px 13px 13px;border:1px solid var(--pb-lo);border-radius:4px;background:var(--pb-mtl-deep);box-shadow:inset 0 2px 5px var(--pb-lo),inset 0 -1px 0 var(--pb-hi-soft);display:grid;gap:5px}.v6-proof-engine-record span{color:var(--cyan);font:500 .44rem/1.3 var(--mono);letter-spacing:.09em}.v6-proof-engine-record strong{color:var(--text);font:600 .62rem/1.4 var(--mono)}.v6-proof-engine-record i{position:absolute;right:15px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--pb-mtl-deep),0 0 0 3px var(--pb-lo),0 0 10px var(--cyan);transform:translateY(-50%)} .v6-proof-backplane{position:relative;padding:8px;border:1px solid var(--pb-edge);border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--pb-brush) 3px 4px),linear-gradient(115deg,transparent 40%,var(--pb-hi-soft) 50%,transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--pb-mtl) 93%,var(--text)),var(--pb-mtl) 26%,color-mix(in oklab,var(--pb-mtl) 88%,var(--bg)));box-shadow:inset 0 1px 0 var(--pb-hi),inset 0 -1px 0 var(--pb-lo),0 1px 2px oklch(2% .01 205/.5),0 16px 26px -16px oklch(2% .01 205/.7),0 34px 60px -28px var(--pb-shadow)} .v6-proof-backplane>header,.v6-proof-backplane>footer{min-height:29px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--pb-engrave);text-shadow:0 1px 0 var(--pb-hi-soft);font:500 .4rem/1.2 var(--mono);letter-spacing:.08em}.v6-proof-backplane>header b{display:flex;align-items:center;gap:7px;color:var(--cyan);font-weight:500}.v6-proof-backplane>header i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--pb-mtl-deep),0 0 0 3px var(--pb-lo),0 0 10px var(--cyan)}.v6-proof-backplane>footer{border-top:1px solid var(--pb-lo);box-shadow:inset 0 1px 0 var(--pb-hi-soft)}.v6-proof-backplane>footer b{color:var(--cyan);font-weight:500}.v6-proof-outcomes ol{list-style:none;margin:0;padding:4px;border:1px solid var(--pb-lo);border-radius:5px;background:var(--pb-mtl-deep);box-shadow:inset 0 2px 5px var(--pb-lo),inset 0 -1px 0 var(--pb-hi-soft);display:grid;gap:3px}.v6-proof-outcomes li{position:relative;min-height:48px;padding:7px 9px;display:grid;grid-template-columns:22px 1fr 7px;align-items:center;gap:8px;border:1px solid color-mix(in oklab,var(--pb-edge) 48%,transparent);border-radius:3px;background:color-mix(in oklab,var(--pb-mtl) 85%,var(--bg));box-shadow:inset 0 1px 0 var(--pb-hi-soft),inset 0 -1px 0 var(--pb-lo)}.v6-proof-outcomes li>span{color:var(--pb-engrave);font:500 .42rem/1 var(--mono)}.v6-proof-outcomes li div{min-width:0;display:grid;gap:3px}.v6-proof-outcomes li b{overflow:hidden;color:var(--text);font:650 .56rem/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}.v6-proof-outcomes li small{overflow:hidden;color:var(--muted);font:500 .45rem/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}.v6-proof-outcomes li>i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--pb-mtl-deep),0 0 0 3px var(--pb-lo),0 0 8px color-mix(in oklab,var(--cyan) 70%,transparent)} .v6-proof-action{position:relative;z-index:5;min-height:104px;padding:18px clamp(18px,2.4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);background:color-mix(in oklch,var(--surface) 88%,var(--bg))}.v6-proof-action>div{display:grid;gap:8px}.v6-proof-action p{margin:0;color:var(--amber);font:500 .52rem/1 var(--mono);letter-spacing:.08em}.v6-proof-action h3{max-width:640px;margin:0;font:620 clamp(1.25rem,2.1vw,2rem)/1 var(--display);letter-spacing:-.035em}.v6-proof-action .v6-button{flex:0 0 auto} @media(prefers-reduced-motion:no-preference){.v6-proof-bench.is-visible.is-routing .v6-proof-artifact{animation:v6-proof-artifact-seat .62s var(--out) both}.v6-proof-bench.is-visible.is-routing .v6-proof-engine-shell{animation:v6-proof-core-settle .68s var(--out) .18s both}.v6-proof-bench.is-visible.is-routing .v6-proof-backplane{animation:v6-proof-backplane-seat .58s var(--out) .4s both}.v6-proof-bench.is-visible.is-routing .v6-proof-channel-track{animation:v6-proof-track-draw .82s var(--out) .54s both}.v6-proof-bench.is-visible.is-routing .v6-proof-channel-pulse{animation:v6-proof-signal 4.6s linear 1.35s infinite}.v6-proof-bench.is-visible.is-routing .v6-proof-channel--out .v6-proof-channel-pulse{animation-delay:2.55s}.v6-proof-bench.is-visible.is-routing .v6-proof-outcomes li{animation:v6-proof-module-lock .36s var(--out) calc(.82s + var(--i)*65ms) both}.v6-proof-bench.is-visible.is-routing .v6-proof-engine-record i{animation:v6-proof-led 4.5s ease-in-out 1.2s infinite}} @keyframes v6-proof-artifact-seat{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes v6-proof-core-settle{from{opacity:.3;transform:translateY(7px) scale(.988)}to{opacity:1;transform:none}}@keyframes v6-proof-backplane-seat{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes v6-proof-track-draw{from{stroke-dasharray:100 100;stroke-dashoffset:100}to{stroke-dasharray:100 100;stroke-dashoffset:0}}@keyframes v6-proof-signal{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes v6-proof-module-lock{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes v6-proof-led{50%{opacity:.55}} @container(max-width:900px){.v6-proof-assembly{min-height:700px;padding:54px 32px 36px;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);grid-template-areas:"intake engine" "outcomes outcomes";align-items:center}.v6-proof-outcomes{width:78%;justify-self:end;margin:42px 0 0}.v6-proof-channels--desktop{height:68%}.v6-proof-zone-label{bottom:calc(100% + 10px)}} @container(max-width:610px){.v6-proof-bench-head em{display:none}.v6-proof-assembly{min-height:0;padding:42px 14px 24px;display:grid;grid-template-columns:1fr;grid-template-areas:"intake" "engine" "outcomes";gap:52px}.v6-proof-assembly::before{inset-inline-start:auto;right:9%;bottom:47%}.v6-proof-assembly::after{inset-inline-start:8%;bottom:18%}.v6-proof-channels--desktop{display:none}.v6-proof-zone-label{position:static;margin:0 0 10px}.v6-proof-intake{margin:0}.v6-proof-intake-dock{max-width:330px;min-height:240px;margin-inline:auto}.v6-proof-object{height:160px}.v6-proof-object-hardware{width:58%;height:90%}.v6-proof-artifact{width:min(76%,210px);min-height:118px;padding:12px 13px 22px}.v6-proof-artifact strong{min-height:32px;margin:9px 0;font-size:.62rem}.v6-proof-intake-dock>p{min-height:36px;font-size:.52rem}.v6-proof-engine-shell{width:min(100%,420px);margin-inline:auto}.v6-proof-engine-face{min-height:220px;padding:17px}.v6-proof-engine-face h3{margin-top:20px;font-size:1.18rem}.v6-proof-engine-record{margin-top:16px}.v6-proof-outcomes{width:min(100%,420px);justify-self:center;margin:0}.v6-proof-outcomes li{min-height:44px}.v6-proof-action{padding:15px;display:grid;gap:14px}.v6-proof-action h3{font-size:1.15rem}.v6-proof-action .v6-button{width:100%;min-height:46px}} .v6-cinematic .v6-choreography{padding-top:clamp(56px,6vh,72px);padding-bottom:clamp(22px,3vh,34px)}.v6-cinematic .v6-choreography .v6-section-head{margin-bottom:clamp(10px,1.5vh,18px);grid-template-columns:.72fr 2.15fr 1.13fr;gap:28px}.v6-cinematic .v6-choreography .v6-section-head h2{font-size:clamp(2.35rem,3.9vw,4.2rem)}.v6-cinematic .v6-choreography .v6-section-head>div p{font-size:.86rem;line-height:1.5}.v6-cinematic .v6-proof-assembly{min-height:min(43vh,430px);padding-block:clamp(34px,4vh,48px)}.v6-cinematic .v6-proof-action{min-height:72px;padding-block:9px}.v6-cinematic .v6-proof-action h3{font-size:clamp(1.05rem,1.55vw,1.4rem)} @media(max-height:820px) and (min-width:768px){.v6-cinematic .v6-choreography{padding-top:52px;padding-bottom:16px}.v6-cinematic .v6-choreography .v6-section-head{margin-bottom:8px}.v6-cinematic .v6-choreography .v6-section-head>p{margin-top:3px}.v6-cinematic .v6-choreography .v6-section-head h2{font-size:clamp(2.15rem,3.5vw,3.6rem)}.v6-cinematic .v6-choreography .v6-section-head>div{padding-top:2px}.v6-cinematic .v6-choreography .v6-section-head>div p{font-size:.78rem;line-height:1.4}.v6-cinematic .v6-proof-assembly{min-height:min(41vh,390px);padding-block:30px}.v6-cinematic .v6-proof-intake-dock{min-height:238px}.v6-cinematic .v6-proof-object{height:166px}.v6-cinematic .v6-proof-engine-face{min-height:238px;padding:17px}.v6-cinematic .v6-proof-engine-face h3{margin-top:21px}.v6-cinematic .v6-proof-engine-record{margin-top:18px}.v6-cinematic .v6-proof-outcomes li{min-height:40px;padding-block:5px}.v6-cinematic .v6-proof-action{min-height:62px;padding-block:7px}} @media(max-width:767px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-proof-bench-head{min-height:30px;padding-inline:10px;font-size:.44rem}.v6-cinematic .v6-proof-assembly{padding:26px 10px 8px;gap:12px;grid-template-columns:.8fr 1.2fr;grid-template-areas:"intake engine" "outcomes outcomes"}.v6-cinematic .v6-proof-zone-label{margin-bottom:4px}.v6-cinematic .v6-proof-zone-label b{width:19px;height:19px;font-size:.4rem}.v6-cinematic .v6-proof-zone-label span{font-size:.41rem}.v6-cinematic .v6-proof-intake-dock{min-height:126px;padding:9px 6px}.v6-cinematic .v6-proof-object{height:83px}.v6-cinematic .v6-proof-object-hardware{width:68%}.v6-cinematic .v6-proof-artifact{min-height:68px;width:86%;padding:6px 7px 13px}.v6-cinematic .v6-proof-artifact header,.v6-cinematic .v6-proof-artifact footer{font-size:.32rem;padding-block:3px}.v6-cinematic .v6-proof-artifact strong{min-height:18px;margin:4px 0;font-size:.4rem}.v6-cinematic .v6-proof-barcode{inset-inline:7px;height:3px;bottom:5px}.v6-cinematic .v6-proof-intake-dock>p{min-height:22px;margin-top:3px;padding:3px 5px;font-size:.34rem}.v6-cinematic .v6-proof-engine-shell{padding:5px}.v6-cinematic .v6-proof-engine-shell>header,.v6-cinematic .v6-proof-engine-shell>footer{min-height:18px;font-size:.32rem}.v6-cinematic .v6-proof-engine-face{min-height:112px;padding:8px}.v6-cinematic .v6-proof-engine-brand{gap:6px}.v6-cinematic .v6-proof-engine-brand>svg{width:22px;height:22px;padding:2px}.v6-cinematic .v6-proof-engine-brand small{display:none}.v6-cinematic .v6-proof-engine-brand b{font-size:.4rem}.v6-cinematic .v6-proof-engine-face h3{margin:7px 0 2px;font-size:.7rem}.v6-cinematic .v6-proof-engine-face>p{font-size:.32rem}.v6-cinematic .v6-proof-engine-record{margin-top:6px;padding:4px 16px 4px 5px;gap:1px}.v6-cinematic .v6-proof-engine-record span{font-size:.28rem}.v6-cinematic .v6-proof-engine-record strong{font-size:.34rem}.v6-cinematic .v6-proof-outcomes{width:88%;justify-self:end;margin:0}.v6-cinematic .v6-proof-backplane{padding:4px}.v6-cinematic .v6-proof-backplane>header,.v6-cinematic .v6-proof-backplane>footer{min-height:14px;font-size:.28rem}.v6-cinematic .v6-proof-outcomes ol{grid-template-columns:repeat(5,1fr);gap:2px}.v6-cinematic .v6-proof-outcomes li{min-height:44px;padding:4px;grid-template-columns:1fr 4px;gap:2px}.v6-cinematic .v6-proof-outcomes li>span{display:none}.v6-cinematic .v6-proof-outcomes li b{font-size:.33rem}.v6-cinematic .v6-proof-outcomes li small{font-size:.28rem;white-space:normal}.v6-cinematic .v6-proof-outcomes li>i{width:4px;height:4px}.v6-cinematic .v6-proof-action{min-height:50px;padding:6px 9px;grid-template-columns:1fr auto;gap:6px}.v6-cinematic .v6-proof-action>div{gap:2px}.v6-cinematic .v6-proof-action p{font-size:.3rem}.v6-cinematic .v6-proof-action h3{font-size:.68rem}.v6-cinematic .v6-proof-action .v6-button{width:auto;min-height:30px;padding-inline:8px;font-size:.44rem}} @media(forced-colors:active){.v6-proof-bench,.v6-proof-engine-shell,.v6-proof-backplane,.v6-proof-intake-dock{background:Canvas;border-color:CanvasText}.v6-proof-artifact{background:Canvas;color:CanvasText}.v6-proof-channel-track,.v6-proof-channel-pulse{stroke:Highlight}.v6-proof-outcomes li>i,.v6-proof-engine-record i{background:Highlight}} /* ── 09 · Conversion: the evaluation programme and the ownership deed ── */ .v6-convert{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,420px);gap:clamp(36px,5vw,80px);align-items:start} .v6-convert-chip{display:flex;align-items:center;gap:9px;margin:0;color:var(--cyan);font:600 .56rem/1 var(--mono);letter-spacing:.11em} .v6-convert-chip i{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)} .v6-convert-chip em{font-style:normal;color:var(--dim);padding-inline-start:9px;border-inline-start:1px solid var(--line)} .v6-convert-program strong{display:block;margin:20px 0 12px;font:620 clamp(2rem,3.2vw,3.2rem)/.95 var(--display);letter-spacing:-.05em} .v6-convert-program>p{max-width:56ch;margin:0;color:var(--muted);font-size:.92rem;line-height:1.65} /* The programme: a typeset itinerary, not four boxes */ .v6-convert-steps{list-style:none;margin:clamp(30px,4.5vh,46px) 0 0;padding:0} .v6-convert-steps li{ position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 14px;align-items:baseline; padding:17px 0 18px;border-top:1px solid var(--line-soft); transition:padding-inline-start .2s var(--out); } .v6-convert-steps li:last-child{border-bottom:1px solid var(--line-soft)} .v6-convert-steps b{color:var(--cyan);font:500 .56rem/1 var(--mono);letter-spacing:.08em} .v6-convert-steps li>span{margin:0;font:620 clamp(1.1rem,1.4vw,1.4rem)/1.05 var(--display);letter-spacing:-.02em} .v6-convert-steps small{color:var(--dim);font:500 .56rem/1.4 var(--mono);letter-spacing:.06em;text-align:end} @media(hover:hover){ .v6-convert-steps li:hover{padding-inline-start:8px} .v6-convert-steps li:hover b{color:var(--cyan-bright)} } .v6-convert-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(24px,3.5vh,34px)} .v6-convert .v6-key-note{color:var(--dim);font:500 .58rem/1.55 var(--mono)} .v6-convert-actions .v6-key-note{flex:1 1 100%;margin-top:4px;max-width:60ch} .v6-convert .v6-button svg{transition:transform .18s var(--out)} .v6-convert .v6-button:hover svg,.v6-convert .v6-button:focus-visible svg{transform:translateX(3px)} .v6-convert .v6-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px} /* The deed: ownership as a typeset certificate */ .v6-convert-ownside{border-inline-start:1px solid var(--line-soft);padding-inline-start:clamp(26px,3.5vw,54px)} .v6-convert-eyebrow{margin:6px 0 0} .v6-convert-eyebrow span{color:var(--cyan);font:600 .56rem/1 var(--mono);letter-spacing:.11em} .v6-convert-claim{max-width:24ch;margin:16px 0 0;color:var(--text);font:620 clamp(1.35rem,1.9vw,1.8rem)/1.24 var(--display);letter-spacing:-.028em} .v6-convert-deed{ position:relative;margin:24px 0 0; padding:clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) 70px; border:1px solid var(--line); background:linear-gradient(176deg,var(--surface-2),var(--surface) 70%); } .v6-convert-deed::before{content:"";position:absolute;inset:5px;border:1px solid var(--line-soft);pointer-events:none} .v6-convert-deed-head{ position:relative;display:flex;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:12px; border-bottom:1px solid var(--line-soft); color:var(--dim);font:500 .46rem/1 var(--mono);letter-spacing:.13em; } .v6-convert-deed-head em{font-style:normal} .v6-convert-offer{position:relative;display:inline-block;margin:0;color:var(--amber);font:600 .52rem/1 var(--mono);letter-spacing:.12em} .v6-convert-price{position:relative;margin:14px 0 0;display:flex;align-items:baseline;gap:16px;font:620 clamp(3.6rem,4.8vw,5.4rem)/.8 var(--display);letter-spacing:-.06em} .v6-convert-was{display:grid;gap:4px} .v6-convert-was small{color:var(--dim);font:500 .42rem/1 var(--mono);letter-spacing:.14em} .v6-convert-was s{color:var(--dim);font:500 .64rem/1 var(--mono);letter-spacing:.06em;text-decoration-thickness:1px} .v6-convert-schedule{margin:26px 0 0;color:var(--dim);font:500 .48rem/1 var(--mono);letter-spacing:.13em} .v6-convert-specs{list-style:none;margin:10px 0 0;padding:0;counter-reset:cvspec} .v6-convert-specs li{ display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0; border-top:1px solid var(--line-soft); color:var(--muted);font-size:.84rem;line-height:1.45;counter-increment:cvspec; } .v6-convert-specs li::before{content:counter(cvspec,lower-roman) ".";color:var(--cyan);font:500 .58rem/1 var(--mono)} .v6-convert-stamp{position:absolute;inset-inline-end:28px;bottom:18px;margin:0;--tilt:-7deg;transform:rotate(var(--tilt));pointer-events:none} .v6-convert-stamp span{position:relative;display:block;padding:9px 13px;border:2px solid var(--cyan);color:var(--cyan);font:700 .58rem/1 var(--mono);letter-spacing:.16em;opacity:.9} .v6-convert-stamp span::after{content:"";position:absolute;inset:3px;border:1px solid var(--cyan);opacity:.55} .v6-convert-buy{width:100%;margin-top:18px} .v6-convert-ownside .v6-key-note{display:block;margin-top:11px} /* Motion: rows set like type, the deed lands, the stamp comes down last */ @media(prefers-reduced-motion:no-preference){ .v6-motion-ready .v6-convert-steps li{opacity:0;transform:translateY(9px);transition:opacity .5s var(--out) .15s,transform .5s var(--out) .15s,padding-inline-start .2s var(--out)} .v6-motion-ready .v6-convert-steps li:nth-child(2){transition-delay:.25s,.25s,0s} .v6-motion-ready .v6-convert-steps li:nth-child(3){transition-delay:.35s,.35s,0s} .v6-motion-ready .v6-convert-steps li:nth-child(4){transition-delay:.45s,.45s,0s} .v6-motion-ready .v6-convert.is-visible .v6-convert-steps li{opacity:1;transform:none} .v6-motion-ready .v6-convert-deed{opacity:0;transform:translateY(10px);transition:opacity .65s var(--out) .5s,transform .65s var(--out) .5s} .v6-motion-ready .v6-convert.is-visible .v6-convert-deed{opacity:1;transform:none} .v6-motion-ready .v6-convert-stamp{opacity:0;transform:rotate(var(--tilt)) scale(1.35);transition:opacity .3s var(--physical) 1.05s,transform .3s var(--physical) 1.05s} .v6-motion-ready .v6-convert.is-visible .v6-convert-stamp{opacity:1;transform:rotate(var(--tilt)) scale(1)} }.v6-start{display:grid;place-items:center;text-align:center}.v6-start-inner{display:flex;flex-direction:column;align-items:center}.v6-start h2{margin:30px 0 22px;font:620 clamp(4.4rem,10vw,10rem)/.82 var(--display);letter-spacing:-.075em}.v6-start-inner>p:not(.v6-kicker){max-width:650px;margin:0;color:var(--muted)}.v6-start-route{width:min(900px,90vw);margin-top:90px;display:flex;align-items:center;gap:16px;color:var(--dim);font:500 .5rem/1 var(--mono);letter-spacing:.09em}.v6-start-route span{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.v6-start-route span b{color:var(--cyan);font-weight:500;font-size:.46rem}.v6-start-route span:last-of-type{position:relative;color:var(--text);padding:9px 12px;border:1px solid var(--cyan)}.v6-start-route span:last-of-type::after{content:"";position:absolute;inset:2px;border:1px solid var(--cyan);opacity:.45;pointer-events:none}.v6-start-route i{flex:1;min-width:26px;height:2px;background:radial-gradient(circle,var(--cyan-bright) 1.5px,transparent 1.8px) no-repeat -10px 50%/8px 2px,radial-gradient(circle,var(--line) 1px,transparent 1.3px) repeat-x 0 50%/7px 2px}@media(prefers-reduced-motion:no-preference){.v6-start-route i{animation:v6-route-dot 4.5s linear infinite}.v6-start-route i:nth-of-type(2){animation-delay:1.5s}.v6-start-route i:nth-of-type(3){animation-delay:3s}}@keyframes v6-route-dot{0%{background-position:-10px 50%,0 50%}30%,100%{background-position:calc(100% + 10px) 50%,0 50%}}[dir="rtl"] .v6-start-route i{animation-name:v6-route-dot-rtl}@keyframes v6-route-dot-rtl{0%{background-position:calc(100% + 10px) 50%,0 50%}30%,100%{background-position:-10px 50%,0 50%}}.v6-footer{position:relative;z-index:3;padding:48px 0 22px;border-top:1px solid var(--line);background:var(--bg)}.v6-footer-main{display:grid;grid-template-columns:.8fr 1.35fr .85fr;gap:clamp(30px,6vw,90px);align-items:start}.v6-footer p{max-width:42ch;margin:2px 0 0;color:var(--muted);font-size:.88rem}.v6-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;color:var(--muted);font-size:.76rem}.v6-footer nav a:hover{color:var(--cyan)}.v6-footer-bottom{margin-top:42px;padding-top:16px;display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);color:var(--dim);font:500 .48rem/1 var(--mono);letter-spacing:.08em} .v6-motion-ready .v6-reveal{opacity:0;transform:translateY(18px);filter:blur(5px)}.v6-motion-ready .v6-reveal.is-visible{opacity:1;transform:none;filter:none;transition:opacity .72s var(--out),transform .72s var(--out),filter .72s var(--out);transition-delay:calc(var(--order,0)*55ms)}@keyframes v6-route{from{transform:translateX(-30%)}to{transform:translateX(360%)}}@keyframes v6-ticker{to{transform:translateX(-100%)}} @media(max-width:1100px){:root{--wrap:min(100% - 48px,1000px)}.v6-menu{display:none}.v6-nav-actions{margin-inline-start:auto}.v6-menu-button{display:grid}.v6-rail{display:none}.v6-section-head{grid-template-columns:1fr 2.2fr}.v6-section-head>div{grid-column:2}.v6-fit-layout{grid-template-columns:1fr}.v6-business-tabs{grid-template-columns:repeat(5,1fr);overflow-x:auto}.v6-business-tabs button{min-width:155px}.v6-cap-grid{grid-template-columns:1fr 1fr}.v6-cap-main{grid-row:auto;grid-column:1/3}.v6-cap:last-child{grid-column:auto}.v6-surface-grid{grid-template-columns:minmax(230px,.65fr) minmax(0,1.75fr);gap:24px}.v6-surface-copy-stack{min-height:260px;margin-top:32px}.v6-own-stage{grid-template-columns:1fr;gap:44px}.v6-own-orbit{width:100%;max-width:760px;margin-inline:auto}.v6-depth-atlas{grid-template-columns:1fr;grid-template-rows:auto}.v6-depth-featured{grid-row:auto!important;min-height:430px}.v6-footer-main{grid-template-columns:1fr 1.3fr}.v6-footer-main nav{grid-column:2}} @media(min-width:768px) and (max-width:1100px){.v6-fit-image{aspect-ratio:1920/988}.v6-fit-image img{object-fit:contain}.v6-surface-step h2{font-size:clamp(2.5rem,5.6vw,4rem)}} @media(max-width:767px){:root{--wrap:calc(100% - 30px);--nav:64px}.v6-nav{height:64px;padding:0 15px}.v6-nav-actions .v6-nav-cta{display:none}.v6-brand small{display:none}.v6-scene{min-height:0;padding:90px 0}.v6-hero{padding-top:84px}.v6-hero h1{margin:20px 0 16px;font-size:clamp(2.75rem,13.7vw,4.7rem);line-height:.88}.v6-intro{font-size:.94rem}.v6-hero .v6-actions{margin-top:22px}.v6-actions{width:100%;display:grid}.v6-button{width:100%}.v6-hero .v6-button-quiet{display:none}.v6-hero-product{width:94vw;margin-top:30px}.v6-hero-product>.v6-window{transform:none}.v6-float{display:none}.v6-proof{width:100%;margin-top:24px;padding-left:15px;overflow-x:auto;justify-content:flex-start}.v6-proof span{flex:none}.v6-window-bar{gap:8px}.v6-window-bar__status{display:none}.v6-window-bar__route{font-size:.48rem}.v6-section-head{display:block;margin-bottom:48px}.v6-section-head>p{margin-bottom:20px}.v6-section-head h2{font-size:clamp(2.9rem,13vw,4.8rem)}.v6-section-head>div{margin-top:22px}.v6-business-tabs{margin-inline:-15px;padding-left:15px}.v6-fit-copy{grid-template-columns:1fr;gap:10px;padding:20px}.v6-fit-image{aspect-ratio:1.7}.v6-fit-image img{object-fit:contain}.v6-cap-grid{display:block}.v6-cap-main{min-height:460px;padding:28px}.v6-cap{min-height:205px;border-left:0;border-top:1px solid var(--line)}.v6-cap-icon{width:90px;height:90px}.v6-surface{height:auto;padding:90px 0}.v6-surface-sticky{position:relative;height:auto;padding:0}.v6-surface-grid{display:flex;flex-direction:column}.v6-surface-copy{width:100%;display:grid;grid-template-rows:auto auto auto}.v6-surface-copy-stack{min-height:290px;margin-top:34px}.v6-surface-step h2{font-size:clamp(2.65rem,12vw,4.3rem)}.v6-surface-nav{margin-top:18px}.v6-screen-stage{width:100%;overflow:visible;padding-bottom:0}.v6-interface-window,.v6-screen-progress{width:100%;min-width:0}.v6-interface-window{transform:none}.v6-screen-progress{grid-template-columns:28px 1fr}.v6-screen-progress em{display:none}.v6-own-stage{display:block}.v6-own-orbit{aspect-ratio:auto;height:clamp(300px,44svh,380px);max-width:none;margin:0}.v6-own-lines-desktop{display:none}.v6-own-lines-mobile{display:block}.v6-own-orbit::before{background-size:20px 20px}.v6-own-orbit::after{top:51.5%;width:min(84%,340px)}.v6-own-marks{display:none}.v6-own-core{left:50%;top:51.5%;width:min(46%,180px);min-width:150px;border-radius:7px}.v6-own-core-head{height:21px;padding:0 14px;font-size:.4rem;letter-spacing:.09em;border-radius:7px 7px 0 0}.v6-own-core-head em{display:none}.v6-own-core-face{margin:8px 9px;padding:10px 9px 9px;gap:5px;border-radius:5px}.v6-own-core-mark{width:38px;height:38px;border-radius:9px}.v6-own-core-mark .v6-brand-mark{width:28px;height:28px}.v6-own-core-mark::after{inset:5px;border-radius:6px}.v6-own-core-face b{font-size:.55rem}.v6-own-core-face small{font-size:.4rem}.v6-own-core-foot{padding:5px 8px 7px;font-size:.38rem;letter-spacing:.14em;border-radius:0 0 7px 7px}.v6-own-screw{width:6px;height:6px}.v6-own-screw-1{left:6px;top:8px}.v6-own-screw-2{right:6px;top:8px}.v6-own-screw-3{left:6px;bottom:6px}.v6-own-screw-4{right:6px;bottom:6px}.v6-own-mod{padding:9px 11px;gap:7px;border-radius:5px}.v6-own-mod small{display:none}.v6-own-mod-a{left:23.6%;top:14.1%}.v6-own-mod-b{left:76.4%;top:14.1%}.v6-own-mod-c{left:50%;top:87%}.v6-own-points{margin-top:30px}.v6-depth-intro{display:block}.v6-depth-intro h2{margin-top:26px;font-size:clamp(3rem,13vw,5rem)}.v6-depth-atlas{margin-top:48px;display:block}.v6-depth-featured{min-height:390px;padding:28px!important}.v6-depth-featured h3{margin-top:54px}.v6-depth-atlas article:not(.v6-depth-featured){padding:22px 0}.v6-convert-price{font-size:clamp(2.9rem,13vw,4rem)}.v6-convert-deed{padding:20px 18px 64px}.v6-convert-program strong{font-size:clamp(1.7rem,7vw,2.3rem)}.v6-start h2{font-size:clamp(4rem,20vw,7rem)}.v6-start-route{margin-top:48px;overflow-x:auto}.v6-start-route span{flex:none}.v6-footer{padding-top:38px}.v6-footer-main{display:grid;grid-template-columns:1fr;gap:24px}.v6-footer-main nav{grid-column:auto}.v6-footer-bottom{margin-top:32px;gap:12px;align-items:flex-start;flex-direction:column}} .v6-flow-motion .v6-scene> .v6-wrap,.v6-flow-motion .v6-surface-sticky{opacity:.46;transform:translateY(28px);clip-path:polygon(0 0,100% 0,100% 86%,82% 84%,64% 89%,43% 85%,22% 90%,0 86%);transition:opacity .55s var(--out),transform .65s var(--out),clip-path .7s var(--physical)}.v6-flow-motion .v6-scene.is-flow-active> .v6-wrap,.v6-flow-motion .v6-scene.is-flow-active .v6-surface-sticky{opacity:1;transform:none;clip-path:polygon(0 0,100% 0,100% 110%,82% 110%,64% 110%,43% 110%,22% 110%,0 110%)} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.v6-motion-ready .v6-reveal{opacity:1;transform:none;filter:none}.v6-scene-transition,.v6-membrane,.v6-fit-image canvas{display:none}.v6-surface{height:auto}.v6-surface-sticky{position:relative;height:auto}.v6-surface-step{transition:none}.v6-module-ticker>div{animation:none}.v6-route-line i{animation:none}} @media(forced-colors:active){.v6-nav.is-scrolled,.v6-window,.v6-float,.v6-fit-stage{background:Canvas}.v6-button-primary{background:Highlight;color:HighlightText}} /* Mobile uses the exact fixed-scene cinematic engine; these rules only refit scene contents. */ @media(max-width:767px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-scene{padding:72px 0 12px;overflow:hidden}.v6-cinematic .v6-hero{padding:68px 0 8px;display:flex;flex-direction:column;justify-content:center;gap:0}.v6-cinematic .v6-hero-copy{width:var(--wrap);margin:0 auto;text-align:left;align-items:flex-start}.v6-cinematic .v6-hero h1{margin:10px 0 8px;font-size:clamp(2.35rem,11.8vw,3.8rem);line-height:.86}.v6-cinematic .v6-intro{font-size:.78rem;line-height:1.45;text-align:left}.v6-cinematic .v6-hero .v6-actions{width:100%;margin-top:11px}.v6-cinematic .v6-hero-product{width:92vw;margin:14px auto 0}.v6-cinematic .v6-proof{display:none}.v6-cinematic .v6-section-head{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:12px}.v6-cinematic .v6-section-head>p{margin:0 0 7px}.v6-cinematic .v6-section-head h2{font-size:clamp(2.2rem,10vw,3.2rem);line-height:.85}.v6-cinematic .v6-section-head>div{display:none}.v6-cinematic .v6-fit-layout{display:grid;grid-template-columns:1fr;gap:8px}.v6-cinematic .v6-business-tabs{display:flex;margin:0;padding:0;overflow-x:auto;border-top:1px solid var(--line);scroll-snap-type:x mandatory;scrollbar-width:none}.v6-cinematic .v6-business-tabs::-webkit-scrollbar{display:none}.v6-cinematic .v6-business-tabs button{flex:0 0 42%;min-width:0;min-height:48px;padding:7px;grid-template-columns:22px 1fr;scroll-snap-align:start}.v6-cinematic .v6-business-tabs button small{display:none}.v6-cinematic .v6-fit-stage{min-height:0}.v6-cinematic .v6-fit-image{aspect-ratio:2.15}.v6-cinematic .v6-fit-copy{padding:9px 11px;display:block}.v6-cinematic .v6-fit-copy>span,.v6-cinematic .v6-fit-copy p{display:none}.v6-cinematic .v6-fit-copy h3{font-size:1rem}.v6-cinematic .v6-capabilities .v6-section-head{margin-bottom:9px}.v6-cinematic .v6-cap-grid{display:grid;grid-template-columns:1fr 1fr}.v6-cinematic .v6-cap-main{grid-column:1/3;min-height:250px;padding:18px}.v6-cinematic .v6-cap-icon{top:12%;width:68px;height:68px}.v6-cinematic .v6-cap-icon svg{width:30px}.v6-cinematic .v6-cap-main h3{margin:8px 0 5px;font-size:clamp(1.65rem,8vw,2.25rem)}.v6-cinematic .v6-cap-main p{font-size:.7rem;line-height:1.4}.v6-cinematic .v6-cap{min-height:112px;padding:13px}.v6-cinematic .v6-cap h3{margin:7px 0 4px;font-size:1rem}.v6-cinematic .v6-cap p{display:none}.v6-cinematic .v6-cap:last-child{grid-column:1/3}.v6-cinematic .v6-surface{height:100svh;padding:0}.v6-cinematic .v6-surface-sticky{position:absolute;height:100%;padding:70px 0 10px;align-items:start}.v6-cinematic .v6-surface-grid{display:flex;flex-direction:column;gap:10px}.v6-cinematic .v6-surface-copy{display:grid;grid-template-rows:auto auto auto}.v6-cinematic .v6-surface-copy-stack{min-height:128px;margin-top:12px}.v6-cinematic .v6-surface-step h2{margin:8px 0 5px;font-size:clamp(1.9rem,9vw,2.65rem)}.v6-cinematic .v6-surface-step p{font-size:.7rem;line-height:1.4}.v6-cinematic .v6-surface-nav{margin-top:4px;display:flex;overflow-x:auto}.v6-cinematic .v6-surface-nav button{flex:1 0 25%;min-height:38px;padding:8px 2px;font-size:.55rem}.v6-cinematic .v6-screen-stage{width:100%}.v6-cinematic .v6-screen-progress{margin-top:8px}.v6-cinematic .v6-ownership .v6-section-head{margin-bottom:8px}.v6-cinematic .v6-own-stage{display:grid;grid-template-columns:1fr;gap:8px}.v6-cinematic .v6-own-orbit{height:clamp(210px,32svh,280px)}.v6-cinematic .v6-own-points{margin-top:0}.v6-cinematic .v6-ownership{--own-pad:9px}.v6-cinematic .v6-own-points article{grid-template-columns:26px 1fr;gap:3px 12px}.v6-cinematic .v6-own-points article>span{width:26px;height:26px;font-size:.5rem}.v6-cinematic .v6-own-points article::before{inset-inline-start:12.5px}.v6-cinematic .v6-own-points article:last-child::before{bottom:calc(100% - var(--own-pad) - 26px)}.v6-cinematic .v6-own-points h3{font-size:1rem}.v6-cinematic .v6-own-points p{font-size:.65rem;line-height:1.35}.v6-cinematic .v6-choreo-grid{gap:8px}.v6-cinematic .v6-forge-stage{padding:10px}.v6-cinematic .v6-forge-legend{padding:10px 12px}.v6-cinematic .v6-forge-legend li{padding:7px 0}.v6-cinematic .v6-forge-legend b{width:24px;height:24px;font-size:.46rem}.v6-cinematic .v6-forge-legend em{font-size:.52rem}.v6-cinematic .v6-forge-legend small{font-size:.44rem}.v6-cinematic .v6-choreo-cta{padding:14px}.v6-cinematic .v6-choreo-cta h3{margin:10px 0 14px;font-size:1.5rem}.v6-cinematic .v6-depth-intro{display:block}.v6-cinematic .v6-depth-intro h2{margin-top:12px;font-size:clamp(2.25rem,10.5vw,3.25rem)}.v6-cinematic .v6-depth-atlas{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:0}.v6-cinematic .v6-depth-atlas article{padding:8px;display:block}.v6-cinematic .v6-depth-atlas h3{font-size:.95rem}.v6-cinematic .v6-depth-atlas ul{margin-top:6px;display:block;font-size:.6rem;line-height:1.5}.v6-cinematic .v6-depth-atlas li:nth-child(n+3){display:none}.v6-cinematic .v6-depth-featured{grid-row:1/3!important;min-height:255px;padding:16px!important}.v6-cinematic .v6-depth-featured h3{margin-top:34px;font-size:2.2rem}.v6-cinematic .v6-depth-featured li:nth-child(n+4){display:none}.v6-cinematic .v6-start h2{margin:16px 0 12px;font-size:clamp(3.15rem,16vw,5rem)}.v6-cinematic .v6-start-inner>p:not(.v6-kicker){font-size:.76rem}.v6-cinematic .v6-start-route{margin-top:22px}.v6-cinematic .v6-button{min-height:44px}.v6-business-tabs,.v6-proof{scrollbar-width:none;-webkit-overflow-scrolling:touch}.v6-business-tabs::-webkit-scrollbar,.v6-proof::-webkit-scrollbar{display:none}.v6-surface-nav button{min-height:44px}.v6-mobile-menu a{min-height:64px}.v6-button,.v6-theme,.v6-menu-button{touch-action:manipulation} } @media(max-width:767px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start){display:flex;align-items:center;padding-top:64px;padding-bottom:0}.v6-cinematic .v6-surface-sticky{align-items:center;padding-top:64px;padding-bottom:0}.v6-cinematic .v6-fit-image{aspect-ratio:1.28}.v6-cinematic .v6-fit-copy{padding:13px 14px}.v6-cinematic .v6-fit-copy>span{display:block;margin-bottom:6px}.v6-cinematic .v6-fit-copy p{display:block;margin-top:7px;font-size:.68rem;line-height:1.4}.v6-cinematic .v6-screen-stack{aspect-ratio:1.42}.v6-cinematic .v6-surface-grid{transform:translateY(-1svh)}.v6-cinematic .v6-screen-progress{margin-top:12px}} @media(max-width:767px) and (max-height:680px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-scene{padding-top:66px}.v6-cinematic .v6-capabilities .v6-section-head{margin-bottom:5px}.v6-cinematic .v6-cap-main{min-height:238px}.v6-cinematic .v6-cap{min-height:104px}} @media(max-width:767px) and (orientation:landscape) and (max-height:539px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-scene{padding:56px 0 4px}.v6-cinematic .v6-scene:not(.v6-hero):not(.v6-surface)>.v6-wrap{width:calc(var(--wrap) / .67);transform:scale(.67);transform-origin:top center}.v6-cinematic .v6-hero{padding:58px 16px 4px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:12px}.v6-cinematic .v6-hero-copy{width:auto;margin:0}.v6-cinematic .v6-hero h1{font-size:clamp(2.25rem,6vw,3.1rem)}.v6-cinematic .v6-hero-product{width:100%;margin:0}.v6-cinematic .v6-hero .v6-actions{width:auto}.v6-cinematic .v6-surface-sticky{padding:56px 0 4px}.v6-cinematic .v6-surface-grid{width:calc(var(--wrap) / .67);transform:scale(.67);transform-origin:top center}.v6-cinematic .v6-start-inner{transform-origin:center center!important}} @media(max-width:390px){:root{--wrap:calc(100% - 24px)}.v6-nav{padding-inline:12px}.v6-mobile-menu{padding-inline:20px}.v6-hero h1{font-size:clamp(2.65rem,14.5vw,3.55rem)}.v6-section-head h2,.v6-surface-step h2{font-size:clamp(2.55rem,13.5vw,3.7rem)}.v6-business-tabs{margin-inline:-12px;padding-left:12px}.v6-depth-featured{padding:22px!important}.v6-cap-main{min-height:420px}.v6-start-route{width:calc(100vw - 24px)}} .v6-access-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.v6-access-grid article{padding:clamp(28px,3vw,44px);border-left:1px solid var(--line);background:color-mix(in oklch,var(--surface) 70%,transparent)}.v6-access-grid article:first-child{border-left:0}.v6-access-grid span{color:var(--cyan);font:500 .53rem/1 var(--mono);letter-spacing:.1em}.v6-access-grid h3{margin:16px 0 11px;font:620 1.6rem/1.02 var(--display);letter-spacing:-.035em}.v6-access-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.v6-access-note{display:flex;align-items:center;gap:12px;margin:26px 0 0;padding:18px 22px;border:1px solid var(--line);border-left:2px solid var(--cyan);background:color-mix(in oklch,var(--surface) 60%,transparent);color:var(--text);font:600 .92rem/1.4 var(--body)}.v6-access-note svg{flex:0 0 20px;width:20px;color:var(--cyan)} .v6-proof-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-auto-rows:1fr;gap:14px}.v6-proof-grid figure{margin:0;padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;justify-content:space-between;gap:26px;border:1px solid var(--line);background:var(--surface)}.v6-proof-lead{grid-row:1/3;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.v6-proof-grid blockquote{margin:0;font:500 1.05rem/1.5 var(--body);color:var(--text)}.v6-proof-lead blockquote{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.35;letter-spacing:-.01em}.v6-proof-grid figcaption{display:grid;gap:3px}.v6-proof-grid figcaption b{font:650 .9rem/1 var(--body)}.v6-proof-grid figcaption span{color:var(--dim);font:500 .58rem/1 var(--mono);letter-spacing:.08em} .v6-faq-list{display:grid;border-top:1px solid var(--line)}.v6-faq-item{border-bottom:1px solid var(--line-soft)}.v6-faq-item summary{list-style:none;padding:24px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:var(--text);font:620 clamp(1.05rem,1.8vw,1.5rem)/1.2 var(--display);letter-spacing:-.02em}.v6-faq-item summary::-webkit-details-marker{display:none}.v6-faq-item summary i{position:relative;flex:0 0 16px;width:16px;height:16px}.v6-faq-item summary i::before,.v6-faq-item summary i::after{content:"";position:absolute;background:var(--cyan);transition:transform .22s var(--out)}.v6-faq-item summary i::before{left:0;top:7.5px;width:16px;height:1px}.v6-faq-item summary i::after{left:7.5px;top:0;width:1px;height:16px}.v6-faq-item[open] summary i::after{transform:scaleY(0)}.v6-faq-item p{margin:0 0 24px;max-width:70ch;color:var(--muted);font-size:.95rem;line-height:1.65} @media(max-width:1100px){.v6-access-grid{grid-template-columns:1fr}.v6-access-grid article{border-left:0;border-top:1px solid var(--line-soft)}.v6-access-grid article:first-child{border-top:0}.v6-proof-grid{grid-template-columns:1fr}.v6-proof-lead{grid-row:auto}} /* V6 private-outcome storytelling: responsive additions */ @media(max-width:1100px){.v6-vault-grid,.v6-choreo-grid{grid-template-columns:1fr}.v6-vault-screen{min-height:430px}} @media(max-width:767px){.v6-depth-intro{display:block}.v6-depth-intro .v6-kicker{margin-bottom:22px}.v6-vault-grid{margin-top:34px}.v6-vault-card{padding:20px 14px}.v6-vault-card:hover,.v6-vault-card:focus-visible,.v6-vault-card.is-active{padding-left:20px}.v6-vault-screen{min-height:460px;padding:25px 20px}.v6-vault-screen h3{font-size:clamp(2.2rem,11vw,3.4rem)}.v6-vault-screen>.v6-button{width:100%}.v6-forge-scene--wide{display:none}.v6-forge-scene--tall{display:block}[dir="rtl"] .v6-forge-scene--tall{transform:none}.v6-forge-stage{padding:clamp(14px,4vw,22px)}.v6-forge-legend{grid-template-columns:1fr;gap:0}.v6-forge-legend li{padding:12px 0;border-top:1px solid var(--line-soft)}.v6-forge-legend li:first-child{padding-top:0}.v6-forge-legend li:first-child{border-top:0}.v6-forge-legend li+li::before{display:none}.v6-choreo-cta{padding:26px 20px}.v6-choreo-cta .v6-button{width:100%}} /* V6 premium conversion revision: transaction afterlife, profile atlas, and operational assurance */ .v6-business-tabs{max-height:552px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.v6-business-tabs button{min-height:64px}.v6-business-tabs button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v6-cinematic .v6-business-tabs{max-height:min(58vh,520px);overflow:auto}.v6-cinematic .v6-business-tabs button{min-height:46px;padding-block:8px}.v6-cinematic .v6-business-tabs button small{font-size:.42rem} .v6-afterlife{position:relative;min-height:470px;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(90px,.42fr) minmax(0,1.88fr);align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in oklch,var(--surface-2) 86%,transparent),color-mix(in oklch,var(--bg) 92%,transparent));overflow:hidden}.v6-afterlife::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 70% at 20% 50%,oklch(80% .14 194/.12),transparent),repeating-linear-gradient(0deg,transparent 0 5px,oklch(80% .12 194/.018) 6px);pointer-events:none}.v6-afterlife-receipt{position:relative;z-index:2;min-height:470px;padding:40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);background:var(--surface)}.v6-afterlife-receipt::after{content:"";position:absolute;right:-8px;top:0;bottom:0;width:8px;background:linear-gradient(45deg,transparent 5px,var(--surface) 0) 0 0/8px 12px repeat-y}.v6-afterlife-receipt>span,.v6-afterlife-receipt>small{color:var(--dim);font:500 .5rem/1 var(--mono);letter-spacing:.09em}.v6-afterlife-receipt>div{width:76px;height:76px;margin:32px 0 24px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);box-shadow:0 0 70px oklch(80% .14 194/.18)}.v6-afterlife-receipt svg{width:31px}.v6-afterlife-receipt strong{font:650 clamp(2.2rem,4vw,4.4rem)/.83 var(--display);letter-spacing:-.06em}.v6-afterlife-receipt small{margin-top:22px}.v6-afterlife-lines{position:relative;height:100%}.v6-afterlife-lines::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line))}.v6-afterlife-lines i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.v6-afterlife-lines i:nth-child(1){animation:v6-pulse-route 2.8s 0s infinite}.v6-afterlife-lines i:nth-child(2){animation:v6-pulse-route 2.8s .45s infinite}.v6-afterlife-lines i:nth-child(3){animation:v6-pulse-route 2.8s .9s infinite}.v6-afterlife-lines i:nth-child(4){animation:v6-pulse-route 2.8s 1.35s infinite}.v6-afterlife-lines i:nth-child(5){animation:v6-pulse-route 2.8s 1.8s infinite}@keyframes v6-pulse-route{0%{transform:translateX(-55px);opacity:0}20%,75%{opacity:1}100%{transform:translateX(55px);opacity:0}}.v6-afterlife-results{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;height:100%}.v6-afterlife-results article{padding:27px 30px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);transition:background .25s var(--out),transform .25s var(--out)}.v6-afterlife-results article:last-child{grid-column:1/3;border-bottom:0}.v6-afterlife-results article:hover{background:color-mix(in oklch,var(--surface-2) 75%,transparent);transform:translateY(-2px)}.v6-afterlife-results span{color:var(--cyan);font:500 .49rem/1 var(--mono);letter-spacing:.09em}.v6-afterlife-results h3{margin:10px 0 7px;font:620 1.25rem/1 var(--display);letter-spacing:-.03em}.v6-afterlife-results p{margin:0;color:var(--muted);font-size:.75rem}.v6-afterlife-note{margin:18px 0 0;color:var(--dim);font:500 .49rem/1.5 var(--mono);letter-spacing:.1em;text-align:right} .v6-assurance-stage{display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid var(--line);background:var(--surface)}.v6-assurance-word{position:relative;min-height:430px;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(145deg,var(--surface-2),var(--surface))}.v6-assurance-word::before{content:"";position:absolute;width:440px;height:440px;left:-80px;top:-160px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 48px oklch(80% .14 194/.018),0 0 0 96px oklch(80% .14 194/.012)}.v6-assurance-word span{position:relative;color:var(--cyan);font:500 .52rem/1 var(--mono);letter-spacing:.1em}.v6-assurance-word strong{position:relative;margin:20px 0 10px;font:650 clamp(4.5rem,9vw,9rem)/.72 var(--display);letter-spacing:-.075em;color:var(--text)}.v6-assurance-word p{position:relative;max-width:42ch;margin:20px 0 0;color:var(--muted);font-size:.88rem}.v6-assurance-list{display:grid}.v6-assurance-list article{padding:28px 30px;display:grid;grid-template-columns:35px 1fr auto;gap:17px;align-items:center;border-bottom:1px solid var(--line)}.v6-assurance-list article:last-child{border-bottom:0}.v6-assurance-list article>span{align-self:start;color:var(--cyan);font:500 .52rem/1.5 var(--mono)}.v6-assurance-list h3{margin:0 0 8px;font:620 1.35rem/1 var(--display);letter-spacing:-.03em}.v6-assurance-list p{margin:0;max-width:48ch;color:var(--muted);font-size:.8rem;line-height:1.55}.v6-assurance-list b{color:var(--dim);font:500 .46rem/1 var(--mono);letter-spacing:.08em;white-space:nowrap} .v6-cinematic .v6-afterlife{min-height:min(470px,54vh)}.v6-cinematic .v6-afterlife-receipt{min-height:min(470px,54vh)}.v6-cinematic .v6-assurance-word{min-height:min(430px,50vh)} @media(max-width:1100px){.v6-business-tabs{display:flex;max-height:none}.v6-business-tabs button{flex:0 0 190px}.v6-afterlife{grid-template-columns:.65fr .25fr 1.6fr}.v6-assurance-list article{grid-template-columns:30px 1fr}.v6-assurance-list b{grid-column:2}} @media(max-width:767px){.v6-business-tabs{max-height:none}.v6-afterlife{min-height:0;display:grid;grid-template-columns:1fr}.v6-afterlife-receipt{min-height:265px;padding:26px;border-right:0;border-bottom:1px solid var(--line)}.v6-afterlife-receipt::after,.v6-afterlife-lines{display:none}.v6-afterlife-results{grid-template-columns:1fr 1fr}.v6-afterlife-results article{min-height:130px;padding:18px}.v6-afterlife-results article:last-child{grid-column:1/3}.v6-afterlife-note{text-align:left}.v6-assurance-stage{grid-template-columns:1fr}.v6-assurance-word{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.v6-assurance-list article{padding:22px 19px}.v6-assurance-list b{display:none}} @media(max-width:767px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-business-tabs button{flex-basis:48%;min-height:42px}.v6-cinematic .v6-afterlife{min-height:0;grid-template-columns:.72fr 1.28fr}.v6-cinematic .v6-afterlife-receipt{min-height:330px;padding:17px;border-right:1px solid var(--line);border-bottom:0}.v6-cinematic .v6-afterlife-receipt>div{width:54px;height:54px;margin:18px 0}.v6-cinematic .v6-afterlife-receipt strong{font-size:2rem}.v6-cinematic .v6-afterlife-results{grid-template-columns:1fr}.v6-cinematic .v6-afterlife-results article{min-height:66px;padding:9px 13px;border-left:0}.v6-cinematic .v6-afterlife-results article:last-child{grid-column:auto}.v6-cinematic .v6-afterlife-results h3{margin:5px 0 0;font-size:.88rem}.v6-cinematic .v6-afterlife-results p{display:none}.v6-cinematic .v6-afterlife-note{display:none}.v6-cinematic .v6-assurance-stage{display:flex;flex-direction:column;flex:1;min-height:0}.v6-cinematic .v6-assurance-word{min-height:0;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 14px;border-right:0;border-bottom:1px solid var(--line)}.v6-cinematic .v6-assurance-word span{grid-column:1/3}.v6-cinematic .v6-assurance-word strong{margin:8px 0 0;font-size:clamp(2.4rem,12vw,3.2rem)}.v6-cinematic .v6-assurance-word p{max-width:none;margin:0 0 3px;font-size:.62rem;line-height:1.35}.v6-cinematic .v6-assurance-list{flex:1;min-height:0;display:flex;flex-direction:column}.v6-cinematic .v6-assurance-list article{flex:1;padding:6px 12px;grid-template-columns:20px 1fr;gap:2px 10px;align-content:center}.v6-cinematic .v6-assurance-list h3{font-size:.92rem;margin:0}.v6-cinematic .v6-assurance-list p{font-size:.6rem;line-height:1.35}.v6-cinematic .v6-access-note{margin-top:8px;padding:9px 11px;font-size:.62rem}.v6-cinematic .v6-access-note svg{width:14px}} @media(prefers-reduced-motion:reduce){.v6-afterlife-lines i{animation:none}} /* Final QA fixes: conversion path, reachability, and real-product private preview */ .v6-mobile-menu{overflow-y:auto;overscroll-behavior:contain;padding-top:max(88px,calc(72px + env(safe-area-inset-top)));padding-bottom:max(32px,env(safe-area-inset-bottom))}.v6-hero-facts{margin-top:18px;display:flex;flex-wrap:wrap;gap:7px}.v6-hero-facts span{padding:6px 8px;border:1px solid var(--line);color:var(--dim);font:500 .46rem/1 var(--mono);letter-spacing:.07em}.v6-cinematic .v6-hero-facts{display:flex}.v6-button-text{min-height:40px;padding-inline:8px;border-color:transparent;background:transparent;color:var(--muted)}.v6-button-text:hover{color:var(--cyan)}.v6-key-note{display:block;margin-top:12px;color:var(--dim);font:500 .5rem/1.5 var(--mono);letter-spacing:.05em}.v6-redacted{position:relative;height:140px;margin:26px 0;overflow:hidden;filter:none;opacity:.82;border:1px solid var(--line)}.v6-redacted img{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;object-position:top;filter:blur(7px) saturate(.72);transform:scale(1.04)}.v6-redacted::after{content:attr(data-redacted);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 12px;background:linear-gradient(90deg,color-mix(in oklch,var(--surface) 70%,transparent),transparent,color-mix(in oklch,var(--surface) 72%,transparent));color:var(--text);font:600 .52rem/1.2 var(--mono);letter-spacing:.16em;text-shadow:0 1px 12px var(--bg)} [dir="rtl"] .v6-redacted::after{letter-spacing:normal} @media(max-width:767px){.v6-mobile-menu a{padding:15px 0;font-size:clamp(1.8rem,8vw,3rem)}.v6-hero-facts{margin-top:12px}.v6-hero .v6-button-quiet{display:flex}.v6-start .v6-actions{gap:7px}.v6-button-text{display:flex!important}.v6-vault-grid{grid-template-columns:1fr}.v6-redacted{height:110px}} @media(max-height:700px){.v6-mobile-menu a{padding:12px 0;font-size:clamp(1.5rem,7vh,2.4rem)}} @media(min-width:1180px) and (min-height:720px){.v6-cinematic .v6-depth .v6-vault-grid{margin-top:24px}.v6-cinematic .v6-vault-card{padding:13px 16px}.v6-cinematic .v6-vault-card h3{margin:7px 0 5px;font-size:1.35rem}.v6-cinematic .v6-vault-card p{font-size:.68rem}.v6-cinematic .v6-vault-screen{min-height:420px;padding:30px}.v6-cinematic .v6-vault-screen h3{margin:14px 0 18px;font-size:3rem}.v6-cinematic .v6-redacted{height:90px;margin:18px 0}.v6-cinematic .v6-faq .v6-section-head{margin-bottom:18px}.v6-cinematic .v6-faq-item summary{padding:14px 4px;font-size:1.05rem}.v6-cinematic .v6-faq-item p{margin-bottom:14px;font-size:.8rem}.v6-cinematic .v6-key-note{margin-top:7px}} /* Ecosystem scene — the "another category" differentiator (Windows core + companion devices) */ .v6-eco-stage{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:stretch}.v6-eco-core{position:relative;padding:clamp(30px,4vw,50px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid var(--cyan);background:linear-gradient(150deg,var(--surface-2),var(--surface))}.v6-eco-core::before{content:"";position:absolute;right:-40%;top:-40%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,oklch(80% .14 194/.16),transparent);pointer-events:none}.v6-eco-core-mark{position:relative;width:74px;height:74px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);box-shadow:0 0 0 14px oklch(80% .14 194/.05),0 0 80px oklch(80% .14 194/.35)}.v6-eco-core-mark span{font:700 2.2rem/1 var(--display)}.v6-eco-core h3{position:relative;margin:26px 0 12px;font:620 clamp(1.9rem,3vw,2.9rem)/.98 var(--display);letter-spacing:-.04em}.v6-eco-core p{position:relative;margin:0;max-width:34ch;color:var(--muted);font-size:.9rem;line-height:1.6}.v6-eco-badges{position:relative;margin-top:26px;display:flex;flex-direction:column;gap:8px}.v6-eco-badges span{display:flex;align-items:center;gap:9px;color:var(--text);font:500 .56rem/1 var(--mono);letter-spacing:.07em}.v6-eco-badges svg{flex:0 0 15px;width:15px;color:var(--cyan)}.v6-eco-devices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v6-eco-devices article{position:relative;padding:26px 27px;display:flex;flex-direction:column;justify-content:flex-end;min-height:172px;border:1px solid var(--line);background:color-mix(in oklch,var(--surface) 74%,transparent);transition:border-color .25s var(--out),transform .25s var(--out),background .25s var(--out)}.v6-eco-devices article:hover{border-color:var(--cyan);transform:translateY(-3px);background:var(--surface)}.v6-eco-tag{color:var(--cyan);font:500 .5rem/1 var(--mono);letter-spacing:.1em}.v6-eco-devices h4{margin:10px 0 7px;font:620 1.3rem/1.02 var(--display);letter-spacing:-.03em}.v6-eco-devices p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.v6-eco-link{position:absolute;top:22px;right:24px;display:flex;align-items:center;gap:6px;color:var(--dim);font:500 .46rem/1 var(--mono);letter-spacing:.1em}.v6-eco-link i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:v6-eco-pulse 2.4s ease-in-out infinite}.v6-eco-devices article:nth-child(2) .v6-eco-link i{animation-delay:.3s}.v6-eco-devices article:nth-child(3) .v6-eco-link i{animation-delay:.6s}.v6-eco-devices article:nth-child(4) .v6-eco-link i{animation-delay:.9s}@keyframes v6-eco-pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}} .v6-cinematic .v6-eco-stage{gap:16px}.v6-cinematic .v6-eco-core{padding:30px}.v6-cinematic .v6-eco-core h3{margin:18px 0 9px;font-size:clamp(1.7rem,2.6vw,2.4rem)}.v6-cinematic .v6-eco-devices article{min-height:150px;padding:20px} @media(max-width:1100px){.v6-eco-stage{grid-template-columns:1fr}.v6-eco-core{min-height:280px}} @media(max-width:767px){.v6-eco-devices{grid-template-columns:1fr}.v6-eco-devices article{min-height:130px;padding:20px}.v6-eco-core{min-height:0;padding:28px}} @media(max-width:767px) and (prefers-reduced-motion:no-preference){.v6-cinematic .v6-eco-stage{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.v6-cinematic .v6-eco-core{padding:18px;min-height:0;justify-content:flex-start}.v6-cinematic .v6-eco-core-mark{width:46px;height:46px}.v6-cinematic .v6-eco-core-mark span{font-size:1.4rem}.v6-cinematic .v6-eco-core h3{margin:12px 0 7px;font-size:1.5rem}.v6-cinematic .v6-eco-core p{max-width:none;font-size:.74rem;line-height:1.5}.v6-cinematic .v6-eco-badges{margin-top:13px;flex-direction:row;flex-wrap:wrap;gap:7px 14px}.v6-cinematic .v6-eco-badges span{font-size:.5rem}.v6-cinematic .v6-eco-devices{flex:1;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.v6-cinematic .v6-eco-devices article{min-height:0;padding:13px 14px}.v6-cinematic .v6-eco-devices h4{margin:7px 0 4px;font-size:1.02rem}.v6-cinematic .v6-eco-devices p{font-size:.62rem;line-height:1.4}.v6-cinematic .v6-eco-link{top:12px;right:13px}} @media(prefers-reduced-motion:reduce){.v6-eco-link i{animation:none}} /* ── Two-act architecture: cinematic STORY stage + natural-scroll DECISION zone ── */ /* The stage is the scroll-jacked story (hero → private demo). The decision zone (pricing, FAQ, closing CTA, footer) scrolls normally so tall, action-heavy content is never clipped or hijacked. */ .v6-stage{position:relative} .v6-decision{position:relative;z-index:3;background:var(--bg)} .v6-flow-scene{position:relative;isolation:isolate;padding:clamp(88px,11vh,150px) 0;overflow:clip} .v6-flow-scene::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,var(--bg),transparent 14%,transparent 86%,var(--bg));opacity:.34} /* The seam: a calm, intentional hand-off from cinematic story to plain reading. */ .v6-seam{position:relative;display:flex;align-items:center;justify-content:center;height:96px} .v6-seam::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line) 22%,var(--line) 78%,transparent)} .v6-seam span{position:relative;padding:7px 16px;background:var(--bg);border:1px solid var(--line);color:var(--dim);font:500 .5rem/1 var(--mono);letter-spacing:.28em} @media(max-width:767px){.v6-seam{height:70px}} /* In cinematic mode ONLY the story scenes inside #v6-stage are fixed-positioned. Flow scenes stay in normal document flow and must override the fixed rule. */ .v6-cinematic .v6-decision .v6-flow-scene, .v6-cinematic .v6-flow-scene{position:relative;inset:auto;height:auto;min-height:0;visibility:visible;overflow:clip;background:transparent;will-change:auto} /* Decision zone lives after the (height-reserving) stage, so it needs no top offset. */ .v6-cinematic .v6-decision{margin-top:0} /* Give the first decision section breathing room under the released final scene. */ .v6-cinematic #v6-decision .v6-seam{margin-top:0} /* Flow scenes reuse the masked reveal-in motion (not scroll-jack) for a premium feel. */ .v6-flow-motion .v6-flow-scene>.v6-wrap{opacity:.46;transform:translateY(28px);transition:opacity .55s var(--out),transform .65s var(--out)} .v6-flow-motion .v6-flow-scene.is-flow-active>.v6-wrap{opacity:1;transform:none} /* ── Decision zone: full, comfortable mobile layout ── These sections (pricing, FAQ, closing CTA) are natural-scroll flow content, NOT cinematic panels. The mobile cinematic rules above tried to cram them into one screen (and even hid the download button + FAQ answers). ID-scoped rules here override that so they read and tap like a normal premium mobile page. */ #v6-decision{padding-bottom:0} #v6-decision .v6-flow-scene{padding:clamp(56px,9vh,96px) 0} #v6-decision .v6-section-head{display:block;margin-bottom:28px} #v6-decision .v6-section-head>p{margin:0 0 16px} #v6-decision .v6-section-head>div{display:block;margin-top:16px} #v6-decision .v6-section-head>div p{font-size:.92rem;line-height:1.65} @media(max-width:900px){ /* Pricing: stack the two cards, restore padding, and — critically — show the download button and key note that the cinematic rules hid. */ #v6-decision .v6-convert{grid-template-columns:1fr;gap:34px} #v6-decision .v6-convert-ownside{max-width:520px;border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line-soft);padding-top:28px} #v6-decision .v6-convert-actions{display:grid;gap:10px} #v6-decision .v6-convert-actions .v6-button{width:100%;min-height:52px} #v6-decision .v6-convert-steps li{grid-template-columns:40px minmax(0,1fr)} #v6-decision .v6-convert-steps small{grid-column:2;text-align:start} #v6-decision .v6-key-note{display:block;margin-top:12px;font-size:.62rem;line-height:1.55} /* FAQ: show every answer, comfortable tap targets. */ #v6-decision .v6-faq-item summary{padding:20px 2px;font-size:clamp(1rem,4.6vw,1.3rem)} #v6-decision .v6-faq-item p{display:block;margin:0 0 20px;font-size:.9rem;line-height:1.65} /* Closing CTA: real breathing room, full-width buttons. */ #v6-decision .v6-start{text-align:center} #v6-decision .v6-start h2{margin:18px 0 16px;font-size:clamp(3rem,15vw,5rem)} #v6-decision .v6-start-inner>p:not(.v6-kicker){font-size:.94rem;line-height:1.6} #v6-decision .v6-start .v6-actions{width:100%;display:grid;gap:10px;margin-top:22px} #v6-decision .v6-start .v6-button{width:100%;min-height:52px} #v6-decision .v6-start-route{margin-top:40px;overflow-x:auto;scrollbar-width:none} #v6-decision .v6-start-route::-webkit-scrollbar{display:none} #v6-decision .v6-start-route span{flex:none} } /* ── Language switcher ── */ .v6-lang{display:flex;align-items:center;border:1px solid var(--line);height:42px;overflow:hidden} .v6-lang a{display:grid;place-items:center;min-width:34px;padding:0 9px;height:100%;color:var(--muted);font:600 .62rem/1 var(--mono);letter-spacing:.04em;border-inline-start:1px solid var(--line-soft);transition:color .15s var(--out),background .15s var(--out)} .v6-lang a:first-child{border-inline-start:0} .v6-lang a[lang="ar"]{font-family:"Cairo","Noto Sans Arabic",sans-serif;font-size:.9rem} .v6-lang a:hover{color:var(--text)} .v6-lang a.is-active{color:var(--ink);background:var(--cyan)} .v6-mobile-lang{display:none;margin-top:26px;gap:8px} .v6-mobile-lang a{padding:10px 18px;border:1px solid var(--line);color:var(--muted);font:600 .8rem/1 var(--mono)} .v6-mobile-lang a[lang="ar"]{font-family:"Cairo","Noto Sans Arabic",sans-serif;font-size:1.1rem} .v6-mobile-lang a.is-active{color:var(--ink);background:var(--cyan);border-color:var(--cyan)} @media(max-width:1100px){.v6-lang{display:none}.v6-mobile-lang{display:flex}} /* ── Arabic / RTL native tuning ── Arabic is a joined script: letter-spacing breaks it and looks amateur. Kill all tracking, relax tight display line-heights, and flip directional UI. */ [dir="rtl"] *{letter-spacing:normal !important} [dir="rtl"] .v6-hero h1,[dir="rtl"] .v6-section-head h2,[dir="rtl"] .v6-surface-step h2,[dir="rtl"] .v6-start h2,[dir="rtl"] .v6-depth-intro h2,[dir="rtl"] .v6-convert-price,[dir="rtl"] .v6-vault-screen h3{line-height:1.15;font-weight:800} [dir="rtl"] .v6-hero h1{letter-spacing:normal} [dir="rtl"] .v6-kicker>.v6-kicker-dot{box-shadow:0 0 15px var(--cyan)} /* Flip the left rail to the right edge in RTL. */ [dir="rtl"] .v6-rail{left:auto;right:18px} [dir="rtl"] .v6-rail>i b{left:auto;right:-2px} [dir="rtl"] .v6-skip{left:auto;right:16px} /* Menu underline + hover fills flip naturally via logical props already; fix the receipt tear + floats. */ [dir="rtl"] .v6-float-sale{left:auto;right:-3%} .v6-cinematic[dir="rtl"] .v6-float-sale,[dir="rtl"] .v6-cinematic .v6-float-sale{left:auto;right:-2%} [dir="rtl"] .v6-menu a::after{left:auto;right:0} [dir="rtl"] .v6-menu a:hover::after,[dir="rtl"] .v6-menu a:focus-visible::after{right:0;left:0} /* Business tabs use padding-left on active; use logical padding in RTL. */ [dir="rtl"] .v6-business-tabs button:hover,[dir="rtl"] .v6-business-tabs button:focus-visible,[dir="rtl"] .v6-business-tabs button.is-active{padding-left:8px;padding-inline-start:15px} [dir="rtl"] .v6-vault-card:hover,[dir="rtl"] .v6-vault-card:focus-visible,[dir="rtl"] .v6-vault-card.is-active{padding-left:20px;padding-inline-start:29px} [dir="rtl"] .v6-vault-card.is-active{box-shadow:inset -2px 0 var(--cyan)} [dir="rtl"] .v6-assurance-word::before{left:auto;right:-80px} [dir="rtl"] .v6-convert .v6-button:hover svg,[dir="rtl"] .v6-convert .v6-button:focus-visible svg{transform:translateX(-3px)} [dir="rtl"] .v6-afterlife-receipt::after{right:auto;left:-8px;transform:scaleX(-1)} [dir="rtl"] .v6-eco-link{right:auto;left:24px} /* IMPORTANT: never force direction:ltr on Arabic text — it reverses word order. Keep everything RTL and only bidi-isolate the mixed Latin tokens so digits and brand words (RUST + TAURI, ESC/POS, SQLITE, version) sit correctly inside the flow. */ [dir="rtl"] .v6-window-bar__route,[dir="rtl"] .v6-hero-facts span,[dir="rtl"] .v6-proof span,[dir="rtl"] .v6-eco-badges span,[dir="rtl"] .v6-eco-link,[dir="rtl"] .v6-assurance-list b{unicode-bidi:plaintext} [dir="rtl"] .v6-convert-price{direction:ltr;unicode-bidi:isolate} [dir="rtl"] .v6-button span{text-align:start} /* ── RTL: fix physical (non-logical) properties used by the cinematic hero ── */ [dir="rtl"] .v6-cinematic .v6-hero-copy{text-align:right;margin-left:0;margin-right:max(48px,calc((100vw - 1320px)/2))} [dir="rtl"] .v6-cinematic .v6-hero-product{margin:0 0 0 48px} [dir="rtl"] .v6-cinematic .v6-hero .v6-actions{justify-content:flex-start} [dir="rtl"] .v6-hero-copy{text-align:center} /* Section-head number labels + kickers stay natural in RTL (logical grid already flips). */ [dir="rtl"] .v6-button span{text-align:right} [dir="rtl"] .v6-convert-stamp{--tilt:7deg} [dir="rtl"] .v6-convert-specs li::before{content:counter(cvspec,arabic-indic) "."} /* Nav CTA arrow + brand small tag spacing in RTL. */ [dir="rtl"] .v6-brand small{margin-left:0;margin-right:4px} [dir="rtl"] .v6-kicker b{margin-left:0;margin-right:10px} /* ── RTL hero: flip directional arrows so "forward" points left ── */ /* The trailing icon in every CTA is a forward/next arrow (or a near-symmetric download glyph). Mirror it in RTL; leave the leading brand/OS icon alone. */ [dir="rtl"] .v6-button svg:last-child{transform:scaleX(-1)} [dir="rtl"] .v6-button svg:first-child{transform:none} /* Hero facts + proof chips: keep them flowing from the right edge, no cramping. */ [dir="rtl"] .v6-hero-facts,[dir="rtl"] .v6-proof{justify-content:flex-start;flex-direction:row} [dir="rtl"] .v6-hero-facts span,[dir="rtl"] .v6-proof span{unicode-bidi:plaintext} /* Float card mirrors to the correct inner edge of the product window. */ [dir="rtl"] .v6-float-sale{border-top-color:var(--cyan)} [dir="rtl"] .v6-float small i{margin-left:4px} /* ── V6 hero: explicit lines, icons, and native RTL alignment ── */ .v6-kicker>.v6-kicker-text{width:auto;height:auto;border-radius:0;background:none;box-shadow:none} .v6-kicker>.v6-version{margin-inline-start:10px;margin-left:0;unicode-bidi:isolate;white-space:nowrap} .v6-hero-line{display:block} .v6-button>.v6-button-icon{display:grid;place-items:center;flex:0 0 auto;gap:0;text-align:initial} .v6-button>.v6-button-label{display:grid;gap:4px;text-align:start} .v6-hero-facts{width:100%;max-width:690px;justify-content:flex-start} .v6-hero-facts bdi{unicode-bidi:isolate} .v6-cinematic .v6-hero-copy{margin-inline-start:max(48px,calc((100vw - 1320px)/2));margin-inline-end:0;text-align:start} .v6-cinematic .v6-hero-product{margin-inline-start:0;margin-inline-end:48px} [dir="rtl"] .v6-kicker>.v6-kicker-dot{box-shadow:0 0 15px var(--cyan)} [dir="rtl"] .v6-kicker>.v6-version{margin-right:0} [dir="rtl"] .v6-button>.v6-button-label{text-align:start} [dir="rtl"] .v6-button-icon-forward{transform:scaleX(-1)} [dir="rtl"] .v6-button-icon-platform{transform:none} [dir="rtl"] .v6-rail>em{writing-mode:horizontal-tb;white-space:nowrap;transform:rotate(90deg)} [dir="rtl"] .v6-cinematic .v6-hero-copy{margin-inline-start:max(48px,calc((100vw - 1320px)/2));margin-inline-end:0;text-align:start} [dir="rtl"] .v6-cinematic .v6-hero-product{margin-inline-start:0;margin-inline-end:48px} [dir="rtl"] .v6-cinematic .v6-hero h1{font-size:clamp(2.9rem,4.4vw,4.25rem);line-height:1.05} [dir="rtl"] .v6-cinematic .v6-hero-line{white-space:nowrap} [dir="rtl"] .v6-cinematic .v6-intro{text-align:start} [dir="rtl"] .v6-cinematic .v6-hero .v6-actions,[dir="rtl"] .v6-cinematic .v6-hero-facts{justify-content:flex-start} @media(max-width:767px){ .v6-cinematic .v6-hero-copy{margin-inline:auto;align-items:center;text-align:center} .v6-cinematic .v6-hero-copy .v6-kicker, .v6-cinematic .v6-hero-copy .v6-actions, .v6-cinematic .v6-hero-copy .v6-hero-facts{justify-content:center} .v6-cinematic .v6-hero-product{margin-inline:auto} [dir="rtl"] .v6-cinematic .v6-hero-copy{margin-inline:auto;align-items:center;text-align:center} [dir="rtl"] .v6-cinematic .v6-hero-copy .v6-kicker, [dir="rtl"] .v6-cinematic .v6-hero-copy .v6-actions, [dir="rtl"] .v6-cinematic .v6-hero-copy .v6-hero-facts{justify-content:center} [dir="rtl"] .v6-cinematic .v6-hero h1{font-size:clamp(2.35rem,11.2vw,3.55rem);line-height:1.08} [dir="rtl"] .v6-cinematic .v6-hero-line{white-space:normal} } /* ── Capabilities: transaction propagation register ── */ .v6-afterlife-head{grid-template-columns:minmax(130px,.55fr) minmax(390px,1.65fr) minmax(240px,.8fr);margin-bottom:clamp(30px,4.5vw,58px);align-items:end} .v6-afterlife-head>p{align-self:start;line-height:1.55}.v6-afterlife-head h2{display:grid;max-width:760px;font-size:clamp(3.3rem,5.8vw,6.3rem);line-height:.88;text-wrap:initial}.v6-afterlife-head h2 span,.v6-afterlife-head h2 em{display:block}.v6-afterlife-head>div{padding:0 0 7px}.v6-afterlife-head>div p{max-width:35ch} .v6-afterlife--ledger{position:relative;min-height:500px;display:grid;grid-template-columns:minmax(270px,.82fr) 96px minmax(0,1.58fr);align-items:stretch;overflow:hidden;border-block:1px solid var(--line);border-inline:0;background:transparent} .v6-afterlife--ledger::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in oklch,var(--surface-2) 66%,transparent),transparent 43%)} .v6-afterlife--ledger .v6-afterlife-receipt{position:relative;z-index:2;min-height:0;padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;justify-content:center;border:0;border-inline-end:1px solid var(--line);background:color-mix(in oklch,var(--surface) 74%,transparent);text-align:start} .v6-afterlife--ledger .v6-afterlife-receipt::after{content:"";position:absolute;inset-block:0;inset-inline-end:-1px;width:1px;background:linear-gradient(transparent 8%,var(--cyan) 32% 68%,transparent 92%)} .v6-afterlife--ledger .v6-afterlife-receipt>.v6-afterlife-receipt-meta{width:auto;height:auto;margin:0;display:flex;place-items:initial;align-items:center;justify-content:space-between;gap:18px;color:var(--dim);background:none;box-shadow:none;font:500 .5rem/1.5 var(--mono)}.v6-afterlife-receipt-meta i{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)} .v6-afterlife--ledger .v6-afterlife-receipt-icon{width:58px;height:58px;margin:clamp(34px,5vh,54px) 0 24px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);box-shadow:none}.v6-afterlife--ledger .v6-afterlife-receipt-icon svg{width:24px} .v6-afterlife--ledger .v6-afterlife-receipt strong{max-width:7ch;font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:.82;letter-spacing:-.065em}.v6-afterlife--ledger .v6-afterlife-receipt small{margin-top:25px;color:var(--dim);font:500 .52rem/1.5 var(--mono)} .v6-afterlife--ledger .v6-afterlife-lines{position:relative;height:100%}.v6-afterlife--ledger .v6-afterlife-lines::before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line))}.v6-afterlife--ledger .v6-afterlife-lines::after{content:"";position:absolute;inset-block:10%;inset-inline-end:0;width:1px;background:var(--line)} .v6-afterlife--ledger .v6-afterlife-lines i{position:absolute;inset-inline-end:-3px;left:auto;top:auto;width:7px;height:7px;border-radius:50%;background:var(--bg);border:1px solid var(--cyan);box-shadow:none;animation:none}.v6-afterlife--ledger .v6-afterlife-lines i:nth-child(1){top:10%}.v6-afterlife--ledger .v6-afterlife-lines i:nth-child(2){top:30%}.v6-afterlife--ledger .v6-afterlife-lines i:nth-child(3){top:50%}.v6-afterlife--ledger .v6-afterlife-lines i:nth-child(4){top:70%}.v6-afterlife--ledger .v6-afterlife-lines i:nth-child(5){top:90%} .v6-afterlife--ledger .v6-afterlife-results{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr}.v6-afterlife--ledger .v6-afterlife-results article{position:relative;min-height:0;padding:20px clamp(22px,3vw,42px);display:grid;grid-template-columns:minmax(104px,.34fr) minmax(0,1fr);gap:22px;align-items:center;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:start;transition:background .2s var(--out),padding .2s var(--out),color .2s var(--out)}.v6-afterlife--ledger .v6-afterlife-results article:last-child{grid-column:auto;border-bottom:0}.v6-afterlife--ledger .v6-afterlife-results article::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:12px;height:1px;background:var(--line)} .v6-afterlife--ledger .v6-afterlife-results article.is-primary{background:linear-gradient(90deg,color-mix(in oklch,var(--cyan) 7%,transparent),transparent 72%)}.v6-afterlife--ledger .v6-afterlife-results article.is-primary::before{width:22px;background:var(--cyan)}.v6-afterlife--ledger .v6-afterlife-results article:hover{padding-inline-start:clamp(30px,3.5vw,50px);transform:none;background:color-mix(in oklch,var(--surface-2) 54%,transparent)} .v6-afterlife--ledger .v6-afterlife-results span{align-self:start;padding-top:4px;color:var(--cyan);font:500 .49rem/1.55 var(--mono)}.v6-afterlife--ledger .v6-afterlife-results h3{margin:0 0 6px;font:650 clamp(1.1rem,1.5vw,1.45rem)/1.15 var(--display)}.v6-afterlife--ledger .v6-afterlife-results .is-primary h3{font-size:clamp(1.3rem,1.8vw,1.75rem)}.v6-afterlife--ledger .v6-afterlife-results p{max-width:52ch;margin:0;color:var(--muted);font-size:.75rem;line-height:1.55} .v6-afterlife-note{margin:16px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--dim);font:500 .49rem/1.6 var(--mono);text-align:start}.v6-afterlife-note>span{width:34px;height:1px;background:var(--line)} .v6-cinematic .v6-capabilities .v6-afterlife-head{margin-bottom:clamp(18px,2.5vh,30px)}.v6-cinematic .v6-capabilities .v6-afterlife-head h2{font-size:clamp(3rem,4.8vw,5rem)}.v6-cinematic .v6-afterlife--ledger,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{min-height:min(500px,55vh)} [dir="rtl"] .v6-afterlife-head>p,[dir="rtl"] .v6-afterlife-head>div p,[dir="rtl"] .v6-afterlife--ledger{text-align:start}[dir="rtl"] .v6-afterlife-head h2{font-size:clamp(3rem,5vw,5.4rem);line-height:1.08}[dir="rtl"] .v6-afterlife--ledger::before{background:linear-gradient(270deg,color-mix(in oklch,var(--surface-2) 66%,transparent),transparent 43%)}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-receipt strong{font-size:clamp(2.5rem,3.8vw,4.2rem);line-height:1.02;letter-spacing:normal}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-lines::before{background:linear-gradient(270deg,var(--cyan),var(--line))}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-results article.is-primary{background:linear-gradient(270deg,color-mix(in oklch,var(--cyan) 7%,transparent),transparent 72%)}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-results span{line-height:1.6}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-results h3{line-height:1.35} @media(max-width:1100px){.v6-afterlife-head{grid-template-columns:minmax(100px,.45fr) minmax(360px,1.55fr)}.v6-afterlife-head>div{grid-column:2}.v6-afterlife--ledger{grid-template-columns:minmax(230px,.7fr) 68px minmax(0,1.45fr)}.v6-afterlife--ledger .v6-afterlife-results article{grid-template-columns:minmax(90px,.3fr) minmax(0,1fr)}} @media(max-width:767px){.v6-afterlife-head{display:grid;grid-template-columns:1fr;margin-bottom:28px}.v6-afterlife-head>p,.v6-afterlife-head>div{grid-column:auto}.v6-afterlife-head h2{margin-top:14px;font-size:clamp(2.65rem,12vw,4.2rem);line-height:.92}.v6-afterlife-head>div{display:block;margin-top:18px;padding:0}.v6-afterlife--ledger,.v6-cinematic .v6-afterlife--ledger{min-height:0;grid-template-columns:1fr;grid-template-rows:auto 42px auto}.v6-afterlife--ledger .v6-afterlife-receipt,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{min-height:0;padding:26px;display:grid;grid-template-columns:58px 1fr;gap:0 20px;border-inline-end:0;border-bottom:1px solid var(--line)}.v6-afterlife--ledger .v6-afterlife-receipt::after{inset-block:auto;inset-inline:0;bottom:-1px;width:auto;height:1px}.v6-afterlife-receipt-meta{grid-column:1/3}.v6-afterlife--ledger .v6-afterlife-receipt-icon{grid-column:1;margin:28px 0 0}.v6-afterlife--ledger .v6-afterlife-receipt strong{grid-column:2;margin-top:28px;align-self:center;font-size:clamp(2.4rem,12vw,3.5rem)}.v6-afterlife--ledger .v6-afterlife-receipt small{grid-column:2;margin-top:10px}.v6-afterlife--ledger .v6-afterlife-lines{display:block;height:42px}.v6-afterlife--ledger .v6-afterlife-lines::before{inset-inline-start:50%;inset-inline-end:auto;top:0;width:1px;height:42px;background:linear-gradient(var(--cyan),var(--line))}.v6-afterlife--ledger .v6-afterlife-lines::after{display:none}.v6-afterlife--ledger .v6-afterlife-lines i{display:none}.v6-afterlife--ledger .v6-afterlife-results{grid-template-columns:1fr}.v6-afterlife--ledger .v6-afterlife-results article,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:92px;padding:18px 20px;grid-template-columns:84px 1fr;gap:14px;border-left:0;border-right:0}.v6-afterlife--ledger .v6-afterlife-results article:hover{padding-inline-start:26px}.v6-afterlife-note{justify-content:flex-start}[dir="rtl"] .v6-afterlife-head h2{font-size:clamp(2.55rem,10.5vw,3.7rem);line-height:1.1}[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-receipt strong{font-size:clamp(2.2rem,10vw,3.1rem);line-height:1.05}.v6-cinematic .v6-capabilities .v6-afterlife-head{margin-bottom:12px}.v6-cinematic .v6-afterlife-head>div{display:none}.v6-cinematic .v6-afterlife--ledger{grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{display:flex;min-height:330px;padding:17px;border-bottom:0;border-inline-end:1px solid var(--line)}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-meta{width:100%}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-icon{width:50px;height:50px;margin:18px 0}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt strong{margin:0;font-size:clamp(1.75rem,8vw,2.35rem)}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt small{margin-top:14px}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-lines{display:none}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:66px;padding:9px 13px;grid-template-columns:74px 1fr}.v6-cinematic .v6-afterlife--ledger .v6-afterlife-results p{display:none}.v6-cinematic .v6-afterlife-note{display:none}} @media(prefers-reduced-motion:reduce){.v6-afterlife--ledger .v6-afterlife-results article{transition:none}} /* ── Capabilities refinement: compact, ordered, and bilingual ── */ .v6-capabilities .v6-afterlife-head{grid-template-columns:minmax(100px,.35fr) minmax(430px,1.45fr) minmax(250px,.72fr);gap:clamp(24px,4vw,58px);align-items:end;margin-bottom:clamp(24px,3.2vw,40px)} .v6-capabilities .v6-afterlife-head>p{align-self:start;margin-top:5px} .v6-capabilities .v6-afterlife-head h2{display:grid;max-width:none;font-size:clamp(3.15rem,5vw,5.45rem);line-height:.9} .v6-capabilities .v6-afterlife-head h2 span,.v6-capabilities .v6-afterlife-head h2 em{display:block;white-space:nowrap} .v6-capabilities .v6-afterlife-head>div{padding-bottom:4px} .v6-capabilities .v6-afterlife-head>div p{max-width:33ch} .v6-afterlife--ledger{height:auto;min-height:410px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.58fr);grid-template-rows:1fr;align-items:stretch;overflow:hidden;border:1px solid var(--line);background:color-mix(in oklch,var(--bg) 86%,transparent)} .v6-afterlife--ledger::before{display:none} .v6-afterlife--ledger .v6-afterlife-receipt{grid-column:1;grid-row:1;min-height:0;padding:clamp(30px,3.4vw,46px);justify-content:center;border:0;border-inline-end:1px solid var(--line);background:color-mix(in oklch,var(--surface) 76%,transparent)} .v6-afterlife--ledger .v6-afterlife-receipt::after{inset-block:9%;inset-inline-end:-1px;width:1px;background:linear-gradient(transparent,var(--cyan) 30% 70%,transparent)} .v6-afterlife--ledger .v6-afterlife-receipt>.v6-afterlife-receipt-meta{margin:0 0 auto} .v6-afterlife--ledger .v6-afterlife-receipt-icon{width:54px;height:54px;margin:26px 0 20px} .v6-afterlife--ledger .v6-afterlife-receipt strong{max-width:8ch;font-size:clamp(2.45rem,3.65vw,4rem);line-height:.86} .v6-afterlife--ledger .v6-afterlife-receipt small{margin-top:18px} .v6-afterlife--ledger .v6-afterlife-lines{display:none!important} .v6-afterlife--ledger .v6-afterlife-results{grid-column:2;grid-row:1;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)} .v6-afterlife--ledger .v6-afterlife-results article,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:0;padding:15px clamp(24px,3.2vw,42px);display:grid;grid-template-columns:minmax(104px,.28fr) minmax(0,1fr);gap:clamp(18px,2.5vw,34px);align-items:center;border:0;border-bottom:1px solid var(--line-soft);background:transparent} .v6-afterlife--ledger .v6-afterlife-results article:last-child{border-bottom:0} .v6-afterlife--ledger .v6-afterlife-results article::before{width:3px;height:18px;inset-inline-start:0;top:50%;transform:translateY(-50%);background:var(--line)} .v6-afterlife--ledger .v6-afterlife-results article.is-primary{background:transparent} .v6-afterlife--ledger .v6-afterlife-results article.is-primary::before{width:3px;height:34px;background:var(--cyan)} .v6-afterlife--ledger .v6-afterlife-results article:hover{padding-inline-start:clamp(24px,3.2vw,42px);background:color-mix(in oklch,var(--surface-2) 58%,transparent)} .v6-afterlife--ledger .v6-afterlife-results span{align-self:center;padding:0;font-size:.48rem;line-height:1.5} .v6-afterlife--ledger .v6-afterlife-results h3,.v6-afterlife--ledger .v6-afterlife-results .is-primary h3{margin:0 0 4px;font-size:clamp(1.05rem,1.35vw,1.32rem);line-height:1.15} .v6-afterlife--ledger .v6-afterlife-results p{font-size:.73rem;line-height:1.45} .v6-afterlife-note{margin-top:13px;justify-content:flex-end} .v6-cinematic .v6-capabilities .v6-afterlife-head{margin-bottom:clamp(14px,2.2vh,24px)} .v6-cinematic .v6-capabilities .v6-afterlife-head h2{font-size:clamp(2.9rem,4.55vw,4.65rem)} .v6-cinematic .v6-afterlife--ledger{height:min(410px,49vh);min-height:285px} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{min-height:0} [dir="rtl"] .v6-capabilities .v6-afterlife-head h2{font-size:clamp(2.85rem,4.5vw,4.85rem);line-height:1.06} [dir="rtl"] .v6-afterlife--ledger .v6-afterlife-receipt strong{font-size:clamp(2.25rem,3.25vw,3.55rem);line-height:1.05} [dir="rtl"] .v6-afterlife--ledger .v6-afterlife-results h3,[dir="rtl"] .v6-afterlife--ledger .v6-afterlife-results .is-primary h3{line-height:1.3} @media(max-width:1100px){ .v6-capabilities .v6-afterlife-head{grid-template-columns:90px minmax(390px,1.35fr) minmax(220px,.65fr);gap:26px} .v6-capabilities .v6-afterlife-head>div{grid-column:auto} .v6-afterlife--ledger{grid-template-columns:minmax(235px,.68fr) minmax(0,1.5fr)} .v6-afterlife--ledger .v6-afterlife-results article{grid-template-columns:94px minmax(0,1fr)} } @media(max-width:860px){ .v6-capabilities .v6-afterlife-head{grid-template-columns:82px minmax(0,1fr)} .v6-capabilities .v6-afterlife-head>div{grid-column:2;margin-top:0} .v6-capabilities .v6-afterlife-head h2 span,.v6-capabilities .v6-afterlife-head h2 em{white-space:normal} } @media(max-width:767px){ .v6-capabilities .v6-afterlife-head{grid-template-columns:1fr;gap:0;margin-bottom:24px} .v6-capabilities .v6-afterlife-head>p,.v6-capabilities .v6-afterlife-head>div{grid-column:auto} .v6-capabilities .v6-afterlife-head h2{margin-top:12px;font-size:clamp(2.55rem,11vw,3.7rem);line-height:.94} .v6-capabilities .v6-afterlife-head>div{display:block;margin-top:15px} .v6-afterlife--ledger,.v6-cinematic .v6-afterlife--ledger{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto} .v6-afterlife--ledger .v6-afterlife-receipt,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{grid-column:1;grid-row:1;min-height:0;padding:22px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto auto;gap:0 18px;border-inline-end:0;border-bottom:1px solid var(--line)} .v6-afterlife--ledger .v6-afterlife-receipt>.v6-afterlife-receipt-meta{grid-column:1/3;width:100%;margin:0} .v6-afterlife--ledger .v6-afterlife-receipt-icon,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-icon{grid-column:1;grid-row:2/4;width:52px;height:52px;margin:22px 0 0} .v6-afterlife--ledger .v6-afterlife-receipt strong,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt strong{grid-column:2;grid-row:2;margin:22px 0 0;align-self:end;font-size:clamp(2rem,9vw,2.8rem)} .v6-afterlife--ledger .v6-afterlife-receipt small,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt small{grid-column:2;grid-row:3;margin-top:7px} .v6-afterlife--ledger .v6-afterlife-results{grid-column:1;grid-row:2} .v6-afterlife--ledger .v6-afterlife-results article,.v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:78px;padding:14px 18px;grid-template-columns:76px 1fr;gap:12px} .v6-afterlife--ledger .v6-afterlife-results p{display:block;font-size:.68rem} .v6-cinematic .v6-afterlife-head>div{display:none} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-results p{display:none} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:58px;padding-block:9px} [dir="rtl"] .v6-capabilities .v6-afterlife-head h2{font-size:clamp(2.45rem,10vw,3.35rem);line-height:1.08} } /* Slightly taller transaction panel; mobile remains content-driven. */ @media(min-width:768px){ .v6-afterlife--ledger{min-height:450px} .v6-cinematic .v6-afterlife--ledger{height:min(450px,53vh);min-height:310px} } /* Completed-sale event: flat cyan sale mark matching the technical section language. */ .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark{width:84px;height:84px;margin:clamp(30px,5vh,52px) 0 26px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);border-radius:0;box-shadow:none} .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark svg{width:38px;height:38px;stroke-width:1.5} /* Windows core: render the real header brand logo inside the mark. */ .v6-eco-core-mark:has(.v6-brand-mark){background:transparent;box-shadow:none} .v6-eco-core-mark .v6-brand-mark{width:100%;height:100%} .v6-eco-core-mark .v6-brand-mark rect{fill:var(--cyan)} .v6-eco-core-mark .v6-brand-mark path{fill:var(--ink)} @media(max-width:767px){ .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark, .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark{width:60px;height:60px;margin:22px 0 0} .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark svg{width:28px;height:28px} } /* Ecosystem, access and depth on mobile: stretch the wrap to full scene height so the stage fills the viewport (no leftover space). */ @media(max-width:767px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-ecosystem.v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start), .v6-cinematic .v6-access.v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start), .v6-cinematic .v6-depth.v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start){display:flex;align-items:stretch;padding-top:70px;padding-bottom:12px} .v6-cinematic .v6-ecosystem .v6-wrap, .v6-cinematic .v6-access .v6-wrap, .v6-cinematic .v6-depth .v6-wrap{display:flex;flex-direction:column;min-height:0} } /* Ecosystem on short mobile screens: trim card content so nothing overflows. */ @media(max-width:767px) and (max-height:680px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-eco-core{padding:14px} .v6-cinematic .v6-eco-devices p{display:none} } /* Vault (depth) on mobile: card rail on top, terminal fills the remaining viewport. */ @media(max-width:767px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-vault-grid{margin-top:10px;display:flex;flex-direction:column;flex:1;min-height:0;gap:10px} .v6-cinematic .v6-vault-list{display:flex;overflow-x:auto;border-top:1px solid var(--line);scroll-snap-type:x mandatory;scrollbar-width:none} .v6-cinematic .v6-vault-list::-webkit-scrollbar{display:none} .v6-cinematic .v6-vault-card{flex:0 0 64%;min-width:0;padding:10px 12px;border-bottom:0;border-right:1px solid var(--line);scroll-snap-align:start} .v6-cinematic .v6-vault-card:last-child{border-right:0} .v6-cinematic .v6-vault-card h3{margin:6px 0 0;font-size:.95rem} .v6-cinematic .v6-vault-card p{display:none} .v6-cinematic .v6-vault-card:hover,.v6-cinematic .v6-vault-card:focus-visible,.v6-cinematic .v6-vault-card.is-active{padding-left:12px;background:var(--surface)} .v6-cinematic .v6-vault-card.is-active{box-shadow:inset 0 -2px var(--cyan)} .v6-cinematic .v6-vault-terminal{flex:1;min-height:0;display:flex;flex-direction:column} .v6-cinematic .v6-vault-screen{flex:1;min-height:0;padding:13px 15px} .v6-cinematic .v6-vault-screen h3{max-width:18ch;margin:9px 0 11px;font-size:clamp(1.55rem,7.2vw,2.1rem)} .v6-cinematic .v6-vault-chips{gap:6px} .v6-cinematic .v6-vault-chips span{padding:6px 8px;font-size:.46rem} .v6-cinematic .v6-redacted{flex:1;min-height:0;height:auto;margin:11px 0} .v6-cinematic .v6-vault-screen .v6-button{margin-top:10px;min-height:42px} } /* Access, depth and capabilities on short mobile screens: trim secondary content so nothing overflows. */ @media(max-width:767px) and (max-height:680px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-assurance-list p{display:none} .v6-cinematic .v6-vault-screen h3{font-size:1.4rem;margin:6px 0 8px} .v6-cinematic .v6-redacted{margin:8px 0} .v6-cinematic .v6-vault-screen>strong{display:none} .v6-cinematic .v6-capabilities .v6-afterlife-head h2{font-size:clamp(2rem,9.5vw,2.6rem)} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt{padding:14px 16px;gap:0 14px} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark{width:40px;height:40px;margin-top:12px} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt-icon.v6-sale-mark svg{width:20px;height:20px} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt strong{margin-top:12px;font-size:clamp(1.6rem,8vw,2rem)} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-receipt small{margin-top:5px} .v6-cinematic .v6-afterlife--ledger .v6-afterlife-results article{min-height:46px;padding-block:6px} } /* ══════════════════════════════════════════════════════════════════════════ RESPONSIVE FIT PASS (engineering only — no redesign) Fills the gap between the desktop-cinematic base rules and the ≤767 phone cinematic tier. Targets: tablet portrait (768–1100), short landscape/laptop heights (>767w, ≤820h), and large displays (≥1550w). Composition, motion, and scroll behavior are preserved; only track sizing / offsets / clamps are recalculated so the approved layout fits each viewport. ══════════════════════════════════════════════════════════════════════════ */ /* ── Hero · tablet portrait (768–1100): keep copy-left / product-right, but let the product fill its column instead of overflowing (base uses min(860px,58vw) which is wider than the available track at ≤1024). ── */ @media(min-width:768px) and (max-width:1100px){ .v6-cinematic .v6-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:16px 26px} .v6-cinematic .v6-hero-copy{margin-inline-start:clamp(24px,4vw,48px)} .v6-cinematic .v6-hero-product{width:auto;max-width:100%;margin-inline-end:clamp(24px,4vw,48px)} [dir="rtl"] .v6-cinematic .v6-hero-copy{margin-inline-start:clamp(24px,4vw,48px);margin-inline-end:0} [dir="rtl"] .v6-cinematic .v6-hero-product{margin-inline-start:clamp(24px,4vw,48px);margin-inline-end:0} } /* ── Hero · large displays (≥1550): the base copy offset max(48px,(100vw-1320)/2) grows without bound and squeezes the copy column to a sliver on 2K/4K/ultrawide. Cap the hero to a comfortable centered width (matching the page's 1320 --wrap ceiling) so copy/product spacing stays intentional — same two-column look. ── */ @media(min-width:1550px){ .v6-cinematic .v6-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);max-width:1500px;margin-inline:auto;padding-inline:clamp(48px,4vw,110px)} .v6-cinematic .v6-hero-copy{margin-inline-start:0} .v6-cinematic .v6-hero-product{width:auto;max-width:100%;margin-inline-end:0;justify-self:end} [dir="rtl"] .v6-cinematic .v6-hero-copy{margin-inline-start:0;margin-inline-end:0} [dir="rtl"] .v6-cinematic .v6-hero-product{margin-inline-start:0;margin-inline-end:0} } /* ── Tablet portrait cinematic (768–1100): the generic max-width:1100 rules COLLAPSE the desktop two-column compositions (ecosystem, vault, choreography, ownership) into a single stacked column. Stacked, they are far taller than the fixed 100svh cinematic scene and clip. Tablets are not phones — at ≥768px there is room to keep the approved desktop two-column composition, which is both truer to the design and short enough to fit. So we RESTORE the desktop grids for the cinematic tablet band (no phone-style stacking, no content removed). ── */ @media(min-width:768px) and (max-width:1100px) and (prefers-reduced-motion:no-preference){ /* Scenes fill the viewport and centre their content, matching desktop cinematic. */ .v6-cinematic .v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start){display:flex;align-items:center} .v6-cinematic .v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start)>.v6-wrap{width:var(--wrap)} /* Ecosystem: restore Windows-core | companion-devices two-column composition. */ .v6-cinematic .v6-eco-stage{grid-template-columns:.82fr 1.18fr;gap:clamp(14px,2vw,20px)} .v6-cinematic .v6-eco-core{min-height:0} .v6-cinematic .v6-eco-devices{grid-template-columns:1fr 1fr} /* Depth / vault: restore card-rail | terminal two-column composition. */ .v6-cinematic .v6-depth .v6-vault-grid{grid-template-columns:.88fr 1.12fr;gap:clamp(18px,2.4vw,24px);margin-top:clamp(20px,3vh,34px)} .v6-cinematic .v6-depth .v6-vault-screen{min-height:0} .v6-cinematic .v6-depth .v6-redacted{height:clamp(96px,15vh,140px)} /* The bottleneck forge: restore forge | CTA two-column composition and keep the wide cross-section (mobile falls back to the tall scene below 768). */ .v6-cinematic .v6-choreo-grid{grid-template-columns:1.5fr 1fr} /* Ownership: keep the approved 1000/560 orbit aspect (unchanged) and simply narrow it so it is proportionally shorter; the points list then stays on screen. Nodes + wires are percentage-mapped to this box, so they stay aligned at any width. */ .v6-cinematic .v6-own-stage{gap:clamp(20px,3vh,36px)} .v6-cinematic .v6-own-orbit{max-width:clamp(480px,72vh,680px)} .v6-cinematic .v6-ownership{--own-pad:clamp(12px,1.7vh,18px)} } /* ── Short landscape / laptop (width >767, height ≤820): above the 767 width gate there was no height-adaptation tier, so at heights like 768 several scenes overflow the fixed 100svh scene. Centre the scene and gently compress secondary vertical rhythm so the approved composition fits — layout and content unchanged, only spacing tightened. ── */ @media(min-width:768px) and (max-height:820px) and (prefers-reduced-motion:no-preference){ .v6-cinematic .v6-scene:not(.v6-hero):not(.v6-surface):not(.v6-start){display:flex;align-items:center;padding-block:clamp(56px,7.5vh,84px) clamp(10px,2.5vh,36px)} .v6-cinematic .v6-section-head{margin-bottom:clamp(12px,2vh,28px)} .v6-cinematic .v6-section-head h2{font-size:clamp(2.4rem,4vw,4rem)} .v6-cinematic .v6-eco-core{min-height:0} .v6-cinematic .v6-eco-devices article{min-height:0} .v6-cinematic .v6-own-orbit{max-width:clamp(420px,64vh,620px)} .v6-cinematic .v6-own-stage{gap:clamp(18px,2.5vh,32px)} .v6-cinematic .v6-depth .v6-redacted{height:clamp(72px,11vh,120px)} .v6-cinematic .v6-depth .v6-vault-screen{min-height:0} .v6-cinematic .v6-assurance-word{min-height:0} .v6-cinematic .v6-assurance-list article{padding-block:clamp(14px,2.4vh,28px)} /* Fit: at short heights the business-tabs/image stack is the tallest element; nudge the image toward its native ratio so the stage fits (contain preserves it). */ .v6-cinematic .v6-fit-image{aspect-ratio:2.1} } /* ── i18n fit: Arabic display headings use a taller line-height (1.15), so the cinematic Fit scene's section-head grows ~38px vs Latin and tips the fixed scene into overflow on desktop-cinematic heights. Recover the difference by trimming the Fit section-head's bottom margin in Arabic only — no layout or type-scale change, just vertical rhythm. ── */ [dir="rtl"].v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(16px,2.4vh,30px)} /* Fit-stage image is the tallest element; a hair wider aspect ratio (still letterboxed via object-fit:contain, so the shot is unchanged) reclaims the residual height the taller Arabic heading needs on mid heights (821–920). Below 820 the short-height tier already widens it to 2.1, so scope this to avoid making it taller there. */ @media(min-height:821px) and (max-height:920px){ [dir="rtl"].v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(10px,1.6vh,20px)} [dir="rtl"].v6-cinematic .v6-fit .v6-fit-image{aspect-ratio:2.05} } @media(max-height:820px){ [dir="rtl"].v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(8px,1.4vh,16px)} [dir="rtl"].v6-cinematic .v6-fit .v6-fit-image{aspect-ratio:2.2} } /* ═══════════════════════════════════════════════════════════════════ SECTION 01 · PROPAGATION SCHEMATIC — redesign One counter event (receipt) → one engine (Kassivo core) → every consequence (five operation modules). Fixed geometry across all 11 profiles; only labels change on switch. Wires are measured and drawn by JS into .v6-flow-wires. Every rule below is scoped to .v6-fit. ═══════════════════════════════════════════════════════════════════ */ /* — Desktop layout: profile index rail + stage, heights matched — */ @media(min-width:1101px){ .v6-fit .v6-fit-layout{grid-template-columns:minmax(232px,272px) minmax(0,1fr);gap:clamp(20px,2.6vw,40px);align-items:stretch} .v6-fit .v6-business-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:none;overflow:visible;display:grid;grid-auto-rows:1fr;scrollbar-width:auto} .v6-fit .v6-business-tabs button{min-height:0} } /* — Profile index interactive states (all widths) — */ .v6-fit .v6-business-tabs button{transition:color .15s var(--out),background .18s var(--out),padding .18s var(--out),box-shadow .18s var(--out)} .v6-fit .v6-business-tabs button:last-child{border-bottom:0} .v6-fit .v6-business-tabs button:hover,.v6-fit .v6-business-tabs button:focus-visible{background:color-mix(in oklch,var(--surface-2) 62%,transparent)} .v6-fit .v6-business-tabs button.is-active{color:var(--text);background:color-mix(in oklch,var(--surface-2) 72%,transparent);box-shadow:inset 3px 0 0 var(--cyan)} [dir="rtl"] .v6-fit .v6-business-tabs button.is-active{box-shadow:inset -3px 0 0 var(--cyan)} .v6-fit .v6-business-tabs button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;z-index:1} .v6-fit .v6-business-tabs button.is-active b{color:var(--text)} /* — Atlas (map viewport) — */ .v6-fit .v6-fit-atlas{position:relative;overflow:hidden;aspect-ratio:8/5;border-bottom:1px solid var(--line);background:radial-gradient(115% 90% at 76% 8%,color-mix(in oklch,var(--cyan) 6%,transparent),transparent 62%),repeating-linear-gradient(0deg,color-mix(in oklch,var(--line) 26%,transparent) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,color-mix(in oklch,var(--line) 26%,transparent) 0 1px,transparent 1px 44px),var(--surface)} .v6-fit .v6-fit-atlas canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} /* — Bench bed: recessed machined plate the mechanism is mounted on. Corner screws are painted into the background; depth comes from layered inset shadows, not borders. — */ .v6-fit .v6-flow-bed{position:absolute;inset:clamp(10px,3.2%,24px);border:1px solid color-mix(in oklch,var(--line) 72%,transparent);background:radial-gradient(circle at 8px 8px,rgb(0 0 0/.55) 1.2px,rgb(255 255 255/.06) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 8px) 8px,rgb(0 0 0/.55) 1.2px,rgb(255 255 255/.06) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at 8px calc(100% - 8px),rgb(0 0 0/.55) 1.2px,rgb(255 255 255/.06) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),rgb(0 0 0/.55) 1.2px,rgb(255 255 255/.06) 1.7px 2.2px,transparent 2.8px),linear-gradient(180deg,rgb(0 0 0/.16),rgb(0 0 0/.05) 32%,rgb(0 0 0/.11));box-shadow:inset 0 2px 10px rgb(0 0 0/.32),inset 0 -1px 0 rgb(255 255 255/.045),0 1px 0 rgb(255 255 255/.03)} html[data-theme="light"] .v6-fit .v6-flow-bed{background:radial-gradient(circle at 8px 8px,rgb(0 0 0/.3) 1.2px,rgb(255 255 255/.7) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 8px) 8px,rgb(0 0 0/.3) 1.2px,rgb(255 255 255/.7) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at 8px calc(100% - 8px),rgb(0 0 0/.3) 1.2px,rgb(255 255 255/.7) 1.7px 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),rgb(0 0 0/.3) 1.2px,rgb(255 255 255/.7) 1.7px 2.2px,transparent 2.8px),linear-gradient(180deg,rgb(0 0 0/.06),rgb(0 0 0/.015) 32%,rgb(0 0 0/.04));box-shadow:inset 0 2px 8px rgb(0 0 0/.1),inset 0 -1px 0 rgb(255 255 255/.55)} /* — Signal channels: engraved grooves milled into the bed, with the conductor track and the traveling pulse inside. Paths built by JS. — */ .v6-fit .v6-flow-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} .v6-fit .v6-flow-groove{fill:none;stroke:rgb(0 0 0/.42);stroke-width:4;stroke-linejoin:round} .v6-fit .v6-flow-sheen{fill:none;stroke:rgb(255 255 255/.06);stroke-width:1;stroke-linejoin:round;transform:translateY(1.5px)} .v6-fit .v6-flow-track{fill:none;stroke:color-mix(in oklch,var(--cyan) 30%,var(--dim));stroke-width:1.1;stroke-linejoin:round;opacity:.6} .v6-fit .v6-flow-pulse{fill:none;stroke:var(--amber);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 194;stroke-dashoffset:6;opacity:0} html[data-theme="light"] .v6-fit .v6-flow-groove{stroke:rgb(0 0 0/.14)} html[data-theme="light"] .v6-fit .v6-flow-sheen{stroke:rgb(255 255 255/.75)} /* — Composition grid: three stations over the bed — */ .v6-fit .v6-flow{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,218px) minmax(0,206px) minmax(96px,1.18fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(20px,4.6vw,64px);row-gap:clamp(8px,1.8vh,18px);padding:clamp(14px,3.2vh,28px) clamp(20px,3.6vw,48px)} .v6-fit .v6-flow-zone{grid-row:1;align-self:end;color:var(--dim);font:500 .48rem/1.4 var(--mono);letter-spacing:.13em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-shadow:0 1px 0 rgb(255 255 255/.05)} .v6-fit .v6-flow-zone b{color:var(--cyan);font-weight:600} [dir="rtl"] .v6-fit .v6-flow-zone{letter-spacing:.02em} html[data-theme="light"] .v6-fit .v6-flow-zone{text-shadow:0 1px 0 rgb(255 255 255/.7)} /* — Station 1: the printer slot and the document it just produced. The document's physical form changes per industry (data-flow-form): thermal receipt, kitchen ticket, adhesive label, garment tag, or commercial document. Paper stays paper in both themes. — */ .v6-fit .v6-flow-print{position:relative;grid-row:2;grid-column:1;align-self:center;display:grid} .v6-fit .v6-flow-slot{position:relative;z-index:2;height:11px;margin-inline:-8px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-2) 74%,white 5%),var(--surface-2));border:1px solid var(--line);box-shadow:0 3px 7px rgb(0 0 0/.35),inset 0 1px 0 rgb(255 255 255/.07)} .v6-fit .v6-flow-slot::after{content:"";position:absolute;left:7px;right:7px;top:4px;height:3px;background:rgb(0 0 0/.62);box-shadow:inset 0 1px 2px rgb(0 0 0/.8)} .v6-fit .v6-flow-event{--tilt:-1.2deg;position:relative;z-index:1;margin-top:-1px;transform:rotate(var(--tilt));transform-origin:top center;background:linear-gradient(178deg,#f6f8f7,#eef1f0 68%,#e9edec);color:oklch(.27 .015 230);padding:11px 13px 9px;font-family:var(--mono);box-shadow:0 18px 30px -14px rgb(0 0 0/.55),0 4px 10px -4px rgb(0 0 0/.4)} [dir="rtl"] .v6-fit .v6-flow-event{--tilt:1.2deg} .v6-fit .v6-flow-event::after{content:"";position:absolute;top:100%;left:0;right:0;height:6px;background:linear-gradient(-45deg,#e9edec 4.2px,transparent 0) 0 0/9px 6px repeat-x,linear-gradient(45deg,#e9edec 4.2px,transparent 0) 4.5px 0/9px 6px repeat-x} .v6-fit .v6-flow-event header{display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px dashed oklch(.55 .012 230/.55)} .v6-fit .v6-flow-event header i{flex:0 0 auto;width:7px;height:7px;background:var(--amber)} .v6-fit .v6-flow-event header b{font:600 .55rem/1.35 var(--mono);letter-spacing:.06em;min-width:0} .v6-fit .v6-flow-event p{margin:7px 0;font:500 .58rem/1.5 var(--mono);letter-spacing:.02em} .v6-fit .v6-flow-event footer{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:6px;border-top:1px dashed oklch(.55 .012 230/.55)} .v6-fit .v6-flow-event footer span{font:500 .46rem/1.4 var(--mono);letter-spacing:.14em;opacity:.7} .v6-fit .v6-flow-event footer b{font:700 .74rem/1.2 var(--mono)} .v6-fit .v6-flow-event__barcode{display:block;margin-top:7px;height:13px;width:64%;background:repeating-linear-gradient(90deg,currentColor 0 1.6px,transparent 1.6px 3.6px,currentColor 3.6px 6.6px,transparent 6.6px 8.2px);opacity:.85} [dir="rtl"] .v6-fit .v6-flow-event header b,[dir="rtl"] .v6-fit .v6-flow-event footer span{letter-spacing:.01em} /* ticket: solid header band, torn both ends */ .v6-fit-atlas--flow[data-flow-form="ticket"] .v6-flow-event header{background:oklch(.28 .02 230);color:#f3f5f4;margin:-11px -13px 7px;padding:6px 11px;border-bottom:0} .v6-fit-atlas--flow[data-flow-form="ticket"] .v6-flow-event__barcode{display:none} /* label: adhesive print label — crisp edges, printed frame, wide code */ .v6-fit-atlas--flow[data-flow-form="label"] .v6-flow-event{--tilt:-.8deg;background:#f4f7f6} .v6-fit-atlas--flow[data-flow-form="label"] .v6-flow-event::after{display:none} .v6-fit-atlas--flow[data-flow-form="label"] .v6-flow-event::before{content:"";position:absolute;inset:4px;border:1px solid oklch(.27 .015 230/.4);pointer-events:none} .v6-fit-atlas--flow[data-flow-form="label"] .v6-flow-event__barcode{width:82%;height:16px} /* tag: garment tag — punched hanger hole, no torn edge */ .v6-fit-atlas--flow[data-flow-form="tag"] .v6-flow-event{--tilt:1.6deg} .v6-fit-atlas--flow[data-flow-form="tag"] .v6-flow-event::after{display:none} .v6-fit-atlas--flow[data-flow-form="tag"] .v6-flow-event::before{content:"";position:absolute;top:6px;inset-inline-end:8px;width:9px;height:9px;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 2px rgb(0 0 0/.6),0 1px 0 rgb(255 255 255/.5)} /* doc: commercial document — straight edges, heavy header rule, dog-ear */ .v6-fit-atlas--flow[data-flow-form="doc"] .v6-flow-event{--tilt:0deg;padding-top:13px} .v6-fit-atlas--flow[data-flow-form="doc"] .v6-flow-event::after{display:none} .v6-fit-atlas--flow[data-flow-form="doc"] .v6-flow-event::before{content:"";position:absolute;top:0;inset-inline-end:0;width:12px;height:12px;background:linear-gradient(to bottom left,var(--surface) 50%,#dde2e0 50%)} [dir="rtl"] .v6-fit-atlas--flow[data-flow-form="doc"] .v6-flow-event::before{background:linear-gradient(to bottom right,var(--surface) 50%,#dde2e0 50%)} .v6-fit-atlas--flow[data-flow-form="doc"] .v6-flow-event header{border-bottom:2px solid oklch(.27 .015 230/.7)} /* — Station 2: the engine — a machined module with terminal blocks, a glass indicator window and an engraved nameplate. Identical for all 11 profiles; that is the argument. — */ .v6-fit .v6-flow-core{position:relative;grid-row:2;grid-column:2;align-self:center;justify-self:stretch;display:grid;justify-items:center;gap:6px;padding:clamp(12px,2.6vh,20px) 12px clamp(10px,2.2vh,16px);border:1px solid color-mix(in oklch,var(--line) 78%,var(--cyan));background:radial-gradient(circle at 7px 7px,rgb(0 0 0/.5) 1px,rgb(255 255 255/.05) 1.5px 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 7px) 7px,rgb(0 0 0/.5) 1px,rgb(255 255 255/.05) 1.5px 2px,transparent 2.5px),radial-gradient(circle at 7px calc(100% - 7px),rgb(0 0 0/.5) 1px,rgb(255 255 255/.05) 1.5px 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),rgb(0 0 0/.5) 1px,rgb(255 255 255/.05) 1.5px 2px,transparent 2.5px),repeating-linear-gradient(90deg,rgb(255 255 255/.015) 0 1px,transparent 1px 3px),linear-gradient(180deg,color-mix(in oklch,var(--surface-2) 86%,white 5%),var(--surface-2) 44%,color-mix(in oklch,var(--surface-2) 93%,black 6%));box-shadow:0 16px 32px -14px rgb(0 0 0/.6),0 2px 5px -2px rgb(0 0 0/.5),inset 0 1px 0 rgb(255 255 255/.06),inset 0 -1px 0 rgb(0 0 0/.28)} .v6-fit .v6-flow-core::before,.v6-fit .v6-flow-core::after{content:"";position:absolute;top:14px;bottom:14px;width:6px;background:repeating-linear-gradient(180deg,color-mix(in oklch,var(--dim) 60%,var(--line)) 0 3px,transparent 3px 9px)} .v6-fit .v6-flow-core::before{inset-inline-start:-7px} .v6-fit .v6-flow-core::after{inset-inline-end:-7px} .v6-fit .v6-flow-core__glass{position:relative;display:grid;place-items:center;width:min(100%,88px);aspect-ratio:2.1;background:linear-gradient(165deg,rgb(255 255 255/.05),rgb(0 0 0/.38) 55%);border:1px solid rgb(0 0 0/.5);box-shadow:inset 0 2px 8px rgb(0 0 0/.5),inset 0 -1px 0 rgb(255 255 255/.05);overflow:hidden} .v6-fit .v6-flow-core__glass::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgb(255 255 255/.05) 45% 50%,transparent 55%)} html[data-theme="light"] .v6-fit .v6-flow-core__glass{background:linear-gradient(165deg,rgb(255 255 255/.5),rgb(0 0 0/.12) 60%);border-color:rgb(0 0 0/.25);box-shadow:inset 0 2px 6px rgb(0 0 0/.18)} .v6-fit .v6-flow-core__ring{position:absolute;inset:0;background:radial-gradient(62% 86% at 50% 50%,color-mix(in oklch,var(--cyan) 32%,transparent),transparent 72%);opacity:0;pointer-events:none} .v6-fit .v6-flow-core__mark{position:relative;width:clamp(20px,4vh,28px);height:auto;filter:drop-shadow(0 0 7px color-mix(in oklch,var(--cyan) 30%,transparent))} .v6-fit .v6-flow-core>b{font:600 .55rem/1.3 var(--mono);letter-spacing:.16em;color:var(--text);text-shadow:0 1px 0 rgb(0 0 0/.45)} html[data-theme="light"] .v6-fit .v6-flow-core>b{text-shadow:0 1px 0 rgb(255 255 255/.7)} .v6-fit .v6-flow-core>small{font:500 .45rem/1.55 var(--mono);letter-spacing:.08em;color:var(--dim);text-align:center;text-wrap:balance} [dir="rtl"] .v6-fit .v6-flow-core>small{letter-spacing:.01em} .v6-fit .v6-flow-core__stamp{position:absolute;top:-9px;inset-inline-start:50%;transform:translateX(-50%) translateY(3px);background:var(--amber);color:oklch(.2 .02 230);font:700 .42rem/1 var(--mono);letter-spacing:.1em;padding:3px 7px;white-space:nowrap;box-shadow:0 3px 8px rgb(0 0 0/.4);opacity:0;transition:opacity .25s var(--out),transform .25s var(--out)} [dir="rtl"] .v6-fit .v6-flow-core__stamp{transform:translateX(50%) translateY(3px);letter-spacing:.01em} .v6-fit .v6-flow-core__stamp.is-on{opacity:1;transform:translateX(-50%) translateY(0)} [dir="rtl"] .v6-fit .v6-flow-core__stamp.is-on{transform:translateX(50%) translateY(0)} /* — Station 3: the mounting rail. Operation cartridges dock onto one machined rail; a single pulse sweeps down it and fires each one. — */ .v6-fit .v6-flow-steps{position:relative;grid-row:2;grid-column:3;align-self:center;justify-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:clamp(5px,1.4vh,12px);margin:0;padding:0;padding-inline-start:18px;list-style:none;min-width:0} .v6-fit .v6-flow-steps::before{content:"";position:absolute;top:-7px;bottom:-7px;inset-inline-start:0;width:5px;background:linear-gradient(90deg,rgb(255 255 255/.06),transparent 65%),color-mix(in oklch,var(--surface-2) 82%,white 3%);border:1px solid var(--line);box-shadow:0 5px 12px -5px rgb(0 0 0/.5),inset 0 0 0 1px rgb(0 0 0/.18)} .v6-fit .v6-flow-steps::after{content:"";position:absolute;inset-inline-start:-2px;top:0;width:9px;height:12px;background:var(--amber);box-shadow:0 0 9px color-mix(in oklch,var(--amber) 45%,transparent);opacity:0} .v6-fit .v6-flow-steps li{position:relative;display:flex;align-items:center;gap:8px;min-height:25px;padding:4px 9px;width:fit-content;max-width:100%;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-2) 88%,white 4%),var(--surface-2));border:1px solid var(--line);box-shadow:0 9px 18px -11px rgb(0 0 0/.55),0 1px 2px rgb(0 0 0/.32),inset 0 1px 0 rgb(255 255 255/.05)} .v6-fit .v6-flow-steps li::before{content:"";position:absolute;inset-inline-start:-14px;top:50%;width:14px;height:5px;margin-top:-2.5px;background:linear-gradient(180deg,rgb(255 255 255/.06),transparent 60%),color-mix(in oklch,var(--line) 88%,transparent)} .v6-fit .v6-flow-steps li i{position:relative;flex:0 0 auto;width:9px;height:9px;border:1px solid rgb(0 0 0/.55);background:linear-gradient(180deg,rgb(0 0 0/.38),rgb(0 0 0/.14));box-shadow:inset 0 1px 2px rgb(0 0 0/.55)} html[data-theme="light"] .v6-fit .v6-flow-steps li i{border-color:rgb(0 0 0/.3);background:linear-gradient(180deg,rgb(0 0 0/.14),rgb(0 0 0/.05))} .v6-fit .v6-flow-steps li i::after{content:"";position:absolute;inset:1.5px;background:var(--amber);box-shadow:0 0 6px color-mix(in oklch,var(--amber) 55%,transparent);transform:scale(0)} .v6-fit .v6-flow-steps li b{flex:0 0 auto;font:600 clamp(.5rem,.72vw,.6rem)/1.3 var(--mono);letter-spacing:.11em;color:var(--text);white-space:nowrap} .v6-fit .v6-flow-delta{flex:0 1 auto;margin-inline-start:2px;padding:2.5px 7px;background:rgb(0 0 0/.34);box-shadow:inset 0 1px 3px rgb(0 0 0/.5),inset 0 -1px 0 rgb(255 255 255/.04);font:600 clamp(.5rem,.7vw,.58rem)/1.3 var(--mono);letter-spacing:.05em;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html[data-theme="light"] .v6-fit .v6-flow-delta{background:rgb(0 0 0/.06);box-shadow:inset 0 1px 2px rgb(0 0 0/.14)} [dir="rtl"] .v6-fit .v6-flow-steps li b,[dir="rtl"] .v6-fit .v6-flow-delta{letter-spacing:.01em} /* — Choreography. One 5.6s work cycle: the document fires (0ms), the pulse runs the trunk channel into the core (~700ms), the core lamp answers, the feed channel carries it to the rail (~1500ms), and one slider sweeps the rail firing each cartridge (1590+180k ms). Loops only on stage; resynced on profile switch via .is-live. — */ @keyframes v6f-pulse{0%{stroke-dashoffset:6}24%,100%{stroke-dashoffset:-194}} @keyframes v6f-evdot{0%,4%{opacity:1;box-shadow:0 0 0 3px color-mix(in oklch,var(--amber) 30%,transparent)}12%,100%{opacity:.6;box-shadow:0 0 0 0 transparent}} @keyframes v6f-lamp{0%,3%{opacity:1}13%,100%{opacity:0}} @keyframes v6f-rail{0%,26.7%{top:0;opacity:0}27.6%{opacity:1}42.9%{top:calc(100% - 12px);opacity:1}44.5%,100%{top:calc(100% - 12px);opacity:0}} @keyframes v6f-step{0%,76%{opacity:1}86%,100%{opacity:.42}} @keyframes v6f-tick{0%,76%{transform:scale(1)}86%,100%{transform:scale(0)}} @keyframes v6f-print{from{transform:translateY(-13px) rotate(var(--tilt));opacity:.15}to{transform:translateY(0) rotate(var(--tilt))}} .v6-fit .v6-flow-event.is-reprint{animation:v6f-print .55s var(--out)} .v6-fit .v6-flow-steps li:nth-child(1){--sd:1590ms} .v6-fit .v6-flow-steps li:nth-child(2){--sd:1770ms} .v6-fit .v6-flow-steps li:nth-child(3){--sd:1950ms} .v6-fit .v6-flow-steps li:nth-child(4){--sd:2130ms} .v6-fit .v6-flow-steps li:nth-child(5){--sd:2310ms} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-pulse, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-pulse{opacity:1;animation:v6f-pulse 5.6s linear var(--fd,0ms) infinite} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-event header i, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-event header i{animation:v6f-evdot 5.6s linear infinite} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-core__ring, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-core__ring{animation:v6f-lamp 5.6s linear 700ms infinite} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-steps::after, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-steps::after{animation:v6f-rail 5.6s linear infinite} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-steps li, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-steps li{opacity:.42;animation:v6f-step 5.6s linear var(--sd,1.6s) infinite} .v6-flow-motion .v6-fit.is-flow-active .v6-fit-atlas--flow.is-live .v6-flow-steps li i::after, .v6-cinematic .v6-fit.is-stage-visible .v6-fit-atlas--flow.is-live .v6-flow-steps li i::after{animation:v6f-tick 5.6s linear var(--sd,1.6s) infinite} /* — Legend strip — */ .v6-fit .v6-fit-legend{display:flex;align-items:center;gap:14px;min-height:34px;padding:5px 16px;background:color-mix(in oklch,var(--surface-2) 45%,transparent)} .v6-fit .v6-fit-legend__ticks{display:flex;align-items:center;gap:2.5px;flex:0 0 auto} .v6-fit .v6-fit-legend__ticks i{width:2px;height:9px;background:var(--line)} .v6-fit .v6-fit-legend__ticks i:nth-child(3n){width:1px;height:12px} .v6-fit .v6-fit-legend__ticks i:nth-child(4n){height:6px} .v6-fit .v6-fit-legend__note{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font:500 .5rem/1.4 var(--mono);letter-spacing:.11em} .v6-fit .v6-fit-legend__sig{flex:0 0 auto;color:var(--cyan);font:600 .52rem/1.4 var(--mono);letter-spacing:.1em} [dir="rtl"] .v6-fit .v6-fit-legend__note{letter-spacing:.02em} /* — Copy block — */ .v6-fit .v6-fit-copy{grid-template-columns:.55fr 1.05fr 1.2fr} .v6-fit .v6-fit-copy h3{font-size:clamp(1.12rem,1.5vw,1.45rem);text-wrap:balance} .v6-fit .v6-fit-copy p{text-wrap:pretty} .v6-fit .v6-fit-stage:focus-visible{outline:2px solid var(--cyan);outline-offset:2px} /* — Desktop: the stage fills its grid track; the atlas grows to meet the tab rail (or the rail shrinks to meet the stage). — */ @media(min-width:1101px){ .v6-fit .v6-fit-stage{display:flex;flex-direction:column} .v6-fit .v6-fit-atlas{flex:1 1 auto;min-height:280px} } /* — Cinematic stage (fixed 100svh scenes), desktop widths — */ @media(min-width:768px){ .v6-cinematic .v6-fit-atlas{aspect-ratio:auto;height:clamp(190px,42svh,560px)} .v6-cinematic .v6-fit .v6-fit-legend{min-height:30px;padding-block:3px} } /* Compact tab rows keep the rail aligned with the stage on short scenes. */ @media(min-width:768px) and (max-height:880px){ .v6-cinematic .v6-fit .v6-business-tabs button{padding-block:8px;grid-template-columns:26px 1fr;align-content:center} .v6-cinematic .v6-fit .v6-business-tabs button small{display:none} } @media(min-width:768px) and (max-height:780px){ .v6-cinematic .v6-fit-atlas{height:clamp(164px,37svh,420px)} .v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(10px,1.8vh,20px)} .v6-cinematic .v6-fit .v6-fit-copy{padding-block:10px 12px} .v6-cinematic .v6-fit .v6-flow{row-gap:4px;padding-block:8px 10px} .v6-cinematic .v6-fit .v6-flow-steps{gap:3px} .v6-cinematic .v6-fit .v6-flow-steps li{min-height:19px;padding-block:2px} .v6-cinematic .v6-fit .v6-flow-event p{margin:5px 0} .v6-cinematic .v6-fit .v6-flow-event__barcode{display:none} .v6-cinematic .v6-fit .v6-flow-core{gap:3px;padding-block:9px} } /* — Cinematic desktop, very short windows (≥1101w): the flex-centred scene clips top and bottom once content exceeds the stage. Compress the rhythm so the approved composition survives — layout and content unchanged. — */ @media(min-width:1101px) and (max-height:680px){ .v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(8px,1.6vh,16px)} .v6-cinematic .v6-fit .v6-section-head h2{font-size:clamp(2.1rem,3.8vw,3.4rem)} .v6-cinematic .v6-fit .v6-fit-atlas{min-height:0;height:clamp(148px,30svh,340px)} .v6-cinematic .v6-fit .v6-fit-legend{min-height:26px;padding-block:2px} .v6-cinematic .v6-fit .v6-fit-copy{padding-block:8px 10px} .v6-cinematic .v6-fit .v6-business-tabs button{padding-block:4px} } @media(min-width:1101px) and (max-height:560px){ .v6-cinematic .v6-fit .v6-section-head h2{font-size:clamp(1.9rem,3.4vw,2.8rem)} .v6-cinematic .v6-fit .v6-fit-atlas{min-height:0;height:clamp(136px,26svh,260px)} .v6-cinematic .v6-fit .v6-fit-copy{display:block;padding:7px 14px} .v6-cinematic .v6-fit .v6-fit-copy>span,.v6-cinematic .v6-fit .v6-fit-copy p{display:none} .v6-cinematic .v6-fit .v6-fit-copy h3{font-size:1rem} .v6-cinematic .v6-fit .v6-fit-legend{min-height:22px} .v6-cinematic .v6-fit .v6-business-tabs button{padding-block:4px} .v6-cinematic .v6-fit .v6-flow-delta{display:none} } /* — Cinematic tablet band, mid heights (821–960h): the narrow wrap makes the heading block the tallest pole; drop the intro line so the scene fits. — */ @media(min-width:768px) and (max-width:1100px) and (min-height:821px) and (max-height:960px){ .v6-cinematic .v6-fit .v6-section-head>div{display:none} .v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(10px,1.6vh,16px)} } @media(min-width:768px) and (max-height:780px){ [dir="rtl"].v6-cinematic .v6-fit-atlas{height:clamp(148px,34svh,380px)} } /* — Cinematic tablets: stack the scene (profile strip on top, schematic below) instead of the desktop side-by-side. The old side-by-side kept a fixed 220px tab column stretched to full stage height (a tall, near-empty rail) beside a fixed-height atlas that clipped the operation deltas. The stacked layout lets the atlas size to its content and gives every tab and badge room. — */ @media(min-width:768px) and (max-width:1100px){ .v6-cinematic .v6-fit .v6-fit-layout{grid-template-columns:1fr;gap:clamp(16px,2.4vw,24px);align-items:stretch} .v6-cinematic .v6-fit .v6-business-tabs{display:flex;gap:0;max-height:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;border:0;border-block:1px solid var(--line);grid-auto-rows:auto;grid-template-columns:none;scrollbar-width:none;-webkit-overflow-scrolling:touch} .v6-cinematic .v6-fit .v6-business-tabs::-webkit-scrollbar{display:none} .v6-cinematic .v6-fit .v6-business-tabs button{flex:0 0 clamp(180px,26vw,230px);min-height:60px;scroll-snap-align:start;align-content:center;border:0;border-inline-end:1px solid var(--line-soft);padding:10px 14px;grid-template-columns:28px 1fr} .v6-cinematic .v6-fit .v6-business-tabs button:first-child{border-inline-start:1px solid var(--line-soft)} /* Copy in two columns (kicker row, then title | text) keeps the stage short. */ .v6-cinematic .v6-fit .v6-fit-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:4px 18px;padding:10px 16px} .v6-cinematic .v6-fit .v6-fit-copy>span{grid-column:1/-1} } /* Tablet band, short scenes (≤820h): trim the vertical rhythm so the stacked scene stays inside the fixed 100svh stage. The atlas is content-driven (see ≤1100px block), so no fixed height is set here. */ @media(min-width:768px) and (max-width:1100px) and (max-height:820px){ .v6-cinematic .v6-fit .v6-section-head{margin-bottom:clamp(8px,1.6vh,18px)} .v6-cinematic .v6-fit .v6-section-head h2{font-size:clamp(2.2rem,4vw,3.4rem)} .v6-cinematic .v6-fit .v6-fit-legend{min-height:26px;padding-block:2px} .v6-cinematic .v6-fit .v6-business-tabs button{min-height:52px;padding-block:6px} } @media(min-width:768px) and (max-width:1100px) and (max-height:740px){ .v6-cinematic .v6-fit .v6-section-head>div{display:none} .v6-cinematic .v6-fit .v6-section-head h2{font-size:clamp(2rem,3.8vw,3rem)} .v6-cinematic .v6-fit .v6-fit-copy{padding-block:8px 10px} .v6-cinematic .v6-fit .v6-fit-copy h3{font-size:clamp(1rem,1.4vw,1.2rem)} .v6-cinematic .v6-fit .v6-business-tabs button{min-height:48px} } @media(min-width:768px) and (max-width:1100px) and (max-height:560px){ .v6-cinematic .v6-fit .v6-section-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem)} .v6-cinematic .v6-fit .v6-fit-copy{display:block;padding:7px 12px} .v6-cinematic .v6-fit .v6-fit-copy>span,.v6-cinematic .v6-fit .v6-fit-copy p{display:none} .v6-cinematic .v6-fit .v6-fit-copy h3{font-size:.95rem} .v6-cinematic .v6-fit .v6-fit-legend{min-height:22px} .v6-cinematic .v6-fit .v6-business-tabs button{min-height:46px;padding-block:4px} } /* — Extremely short cinematic windows (≤480h): only the essentials survive. — */ @media(min-width:768px) and (max-height:480px){ .v6-cinematic .v6-fit .v6-section-head>p{display:none} .v6-cinematic .v6-fit .v6-section-head{margin-bottom:8px} .v6-cinematic .v6-fit .v6-business-tabs button{padding-block:2px} } /* — Tablet & small laptop (normal flow): full-bleed profile strip — */ @media(max-width:1100px){ html:not(.v6-cinematic) .v6-fit .v6-fit-layout{grid-template-columns:1fr;gap:24px} html:not(.v6-cinematic) .v6-fit .v6-business-tabs{display:flex;gap:0;max-height:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:24px;border:0;border-block:1px solid var(--line);margin-inline:calc(50% - 50vw);padding-inline:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch} html:not(.v6-cinematic) .v6-fit .v6-business-tabs::-webkit-scrollbar{display:none} html:not(.v6-cinematic) .v6-fit .v6-business-tabs button{flex:0 0 clamp(170px,24vw,212px);scroll-snap-align:start;min-height:66px;align-content:center;border:0;border-inline-end:1px solid var(--line-soft);padding:10px 14px;grid-template-columns:28px 1fr} html:not(.v6-cinematic) .v6-fit .v6-business-tabs button:first-child{border-inline-start:1px solid var(--line-soft)} html:not(.v6-cinematic) .v6-fit .v6-fit-atlas{aspect-ratio:16/9} html:not(.v6-cinematic) .v6-fit .v6-fit-copy{grid-template-columns:.5fr 1fr 1.15fr} } /* — Phones (normal flow) — */ @media(max-width:767px){ html:not(.v6-cinematic) .v6-fit .v6-fit-layout{gap:18px} html:not(.v6-cinematic) .v6-fit .v6-business-tabs{scroll-padding-inline:15px;padding-inline:15px} html:not(.v6-cinematic) .v6-fit .v6-business-tabs button{flex-basis:min(62%,240px);min-height:58px;padding:9px 12px;grid-template-columns:24px 1fr;gap:2px 8px} html:not(.v6-cinematic) .v6-fit .v6-fit-atlas{aspect-ratio:1.02} html:not(.v6-cinematic) .v6-fit .v6-fit-legend{min-height:30px;padding-inline:12px;gap:10px} html:not(.v6-cinematic) .v6-fit .v6-fit-legend__note{font-size:.45rem;letter-spacing:.07em} html:not(.v6-cinematic) .v6-fit .v6-fit-copy{padding:18px} html:not(.v6-cinematic) .v6-fit .v6-fit-copy h3{font-size:clamp(1.2rem,5.6vw,1.45rem)} } @media(max-width:380px){ html:not(.v6-cinematic) .v6-fit .v6-business-tabs{scroll-padding-inline:12px;padding-inline:12px} html:not(.v6-cinematic) .v6-fit .v6-business-tabs button{flex-basis:74%} html:not(.v6-cinematic) .v6-fit .v6-fit-atlas{aspect-ratio:.92} html:not(.v6-cinematic) .v6-fit .v6-fit-legend__ticks{display:none} } /* Landscape phones / very short windows: flatten the atlas, never clip. */ @media(max-height:540px) and (max-width:1100px){ html:not(.v6-cinematic) .v6-fit .v6-fit-atlas{aspect-ratio:21/9} } /* — Schematic on narrow screens (phones + tablets): receipt beside core, operations stacked full-width below. The atlas grows to contain the reflowed stations instead of clipping them in a fixed-height box; the bed/wires/canvas layers keep filling it via inset:0. This is why .v6-flow becomes in-flow here, and why the operation deltas stop being truncated at the (previously too-narrow) third column. — */ @media(max-width:1100px){ .v6-fit .v6-fit-atlas{aspect-ratio:auto!important;height:auto!important;min-height:0} .v6-fit .v6-flow{position:relative;inset:auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:auto auto auto;align-content:start;column-gap:clamp(14px,2.4vw,28px);row-gap:clamp(10px,1.6vw,16px);padding:clamp(12px,2vw,18px) clamp(14px,2.4vw,26px)} .v6-fit .v6-flow-bed{inset:7px} .v6-fit .v6-flow-zone--core,.v6-fit .v6-flow-zone--steps{display:none} .v6-fit .v6-flow-zone--event{grid-column:1/-1} .v6-fit .v6-flow-print{grid-row:2;grid-column:1;align-self:center} .v6-fit .v6-flow-core{grid-row:2;grid-column:2;align-self:stretch;align-content:center} .v6-fit .v6-flow-steps{grid-row:3;grid-column:1/-1;gap:5px;justify-content:start;padding-inline-start:16px} .v6-fit .v6-flow-steps li{min-height:21px;padding:3px 8px} .v6-fit .v6-flow-steps li b,.v6-fit .v6-flow-delta{font-size:.5rem} } /* — Cinematic phones: compact strip + content-driven atlas — Atlas height follows the schematic (set in the narrow-screen block above) so no station is clipped; only the internal rhythm tightens. — */ @media(max-width:767px){ .v6-cinematic .v6-fit .v6-flow{row-gap:7px;padding:10px 12px} .v6-cinematic .v6-fit .v6-flow-steps{gap:3px} .v6-cinematic .v6-fit .v6-flow-steps li{min-height:18px;padding:2px 7px} .v6-cinematic .v6-fit .v6-flow-event{padding:8px 11px 7px} .v6-cinematic .v6-fit .v6-flow-event p{margin:5px 0} .v6-cinematic .v6-fit .v6-flow-event__barcode{display:none} .v6-cinematic .v6-fit .v6-business-tabs button{min-height:46px;flex-basis:48%} .v6-cinematic .v6-fit .v6-fit-legend{min-height:26px;padding-block:2px} .v6-cinematic .v6-fit .v6-fit-legend__note{font-size:.42rem} .v6-cinematic .v6-fit .v6-fit-copy{padding:9px 11px} .v6-cinematic .v6-fit .v6-fit-copy h3{font-size:1rem} } /* Tall phones: give the schematic a comfortable floor so the stations breathe, without capping the height that would clip them. */ @media(max-width:767px) and (min-height:700px){ .v6-fit .v6-fit-atlas{min-height:clamp(240px,34svh,360px)} } /* — Ultrawide: wrap stays capped for page continuity; loosen the rhythm — */ @media(min-width:1600px){ .v6-fit .v6-fit-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:48px} } /* — Reduced motion: everything settles instantly; loops disappear — */ @media(prefers-reduced-motion:reduce){ .v6-fit .v6-fit-atlas canvas{display:none} .v6-fit .v6-flow-pulse{display:none} .v6-fit .v6-flow-steps::after{display:none} .v6-fit .v6-flow-steps li{animation:none!important;opacity:1!important} .v6-fit .v6-flow-steps li i::after{animation:none!important;transform:scale(1)} .v6-fit .v6-flow-core__ring,.v6-fit .v6-flow-event header i{animation:none!important} .v6-fit .v6-flow-event.is-reprint{animation:none} .v6-fit .v6-flow-core__stamp{transition:none} } /* — Forced colors — */ @media(forced-colors:active){ .v6-fit .v6-fit-atlas,.v6-fit .v6-fit-legend{background:Canvas} .v6-fit .v6-flow-bed{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-groove,.v6-fit .v6-flow-sheen{stroke:none} .v6-fit .v6-flow-track{stroke:CanvasText;opacity:1} .v6-fit .v6-flow-pulse{stroke:Highlight} .v6-fit .v6-flow-slot{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-event{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none} .v6-fit .v6-flow-event header i{background:Highlight} .v6-fit .v6-flow-core{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-core__glass{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-steps::before{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-steps li{background:Canvas;border-color:CanvasText;box-shadow:none} .v6-fit .v6-flow-steps li i::after{background:Highlight} .v6-fit .v6-flow-delta{color:CanvasText;background:Canvas;box-shadow:none;border:1px solid CanvasText} .v6-fit .v6-business-tabs button.is-active{box-shadow:inset 3px 0 0 Highlight} [dir="rtl"] .v6-fit .v6-business-tabs button.is-active{box-shadow:inset -3px 0 0 Highlight} }