/* Dedicated product story: existing geometry, an editorial rhythm and a working explorer. */
.gridvecta-page .site-header{opacity:1;visibility:visible;transform:none}
.gridvecta-page .site-navigation a[aria-current=page]{color:var(--accent-light)}
.product-main{padding-top:calc(var(--header-height) + 64px)}
.product-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding-bottom:64px}
.story-index{font:500 .6875rem/1.7 var(--font);letter-spacing:.08em;color:var(--accent-light);margin-bottom:28px}
.product-intro h1{font-size:clamp(3.4rem,7.3vw,9rem);line-height:1.04;letter-spacing:-.055em;font-weight:600}
.product-main h1 span,.product-main h2 span{color:var(--accent)}
.product-lead{font-size:clamp(1.15rem,1.65vw,1.8rem);line-height:1.5;margin-top:32px}
.story-copy{font-size:clamp(1rem,1.15vw,1.25rem);line-height:1.8;color:var(--muted);max-width:580px;margin-top:24px}
.story-detail{font-size:.8125rem;line-height:1.8;color:var(--subtle);margin-top:24px}
.product-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:64px;padding:20px 0;min-height:64px;border-bottom:1px solid var(--accent);margin-top:32px;font-weight:600;font-size:1rem;transition:color .2s,background .2s}
.product-cta span{color:var(--accent-light)}
.product-cta:hover,.product-cta:focus-visible{color:var(--accent-light);background:rgba(38,132,255,.05)}
.product-intro-art{min-width:0;position:relative;margin:0}
.product-intro-art img{display:block;width:100%;height:auto;animation:product-breathe 9s ease-in-out infinite}
.product-intro-art figcaption,.product-space-study figcaption{text-align:center;font-size:.625rem;letter-spacing:.12em;color:var(--muted);line-height:1.7}
.product-baseline{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding-top:36px;border-top:1px solid var(--border);font-size:.8125rem;color:var(--muted);margin-top:16px}
.story-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,120px);align-items:center;border-top:1px solid var(--border);padding-block:100px}
.story-heading h2,.product-process h2,.product-controls-intro h2{font-size:clamp(2.6rem,4.8vw,6rem);line-height:1.07;font-weight:500;letter-spacing:-.045em}
.story-heading{min-width:0}.logo-study,.product-layout-study{min-width:0}
.product-artboard{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#101820,#0c0f12);border:1px solid var(--border)}
.product-artboard img{display:block;position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s}
.product-construction{opacity:.8}.logo-study[data-product-construction=false] .product-construction{opacity:0}
.story-toggle,.story-switches button{min-height:48px;padding:12px 18px;border:1px solid var(--border);font:500 .75rem/1.6 var(--font);color:var(--muted);transition:border-color .2s,color .2s,background .2s}
.story-toggle{width:100%;border-top:0;text-align:start}
.story-toggle[aria-pressed=true],.story-switches button[aria-pressed=true]{color:var(--fg);border-color:#466b91;background:#152331}
.story-toggle:hover,.story-switches button:hover,.story-toggle:focus-visible,.story-switches button:focus-visible{border-color:var(--accent);color:var(--fg)}
.layout-story .story-heading{order:2}
.product-layout-svg{display:block;width:100%;height:auto;background:#0f1419;border:1px solid var(--border)}
.product-layout-frame{fill:none;stroke:#3d4b59;stroke-width:1}
.product-layout-lines{fill:none;stroke:#91a8bc;stroke-width:1;opacity:.85}
.story-switches{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.product-space-study{margin:0;position:relative;aspect-ratio:1;min-width:0}
.product-space-study>img,.product-clear-overlay{position:absolute;inset:0;display:block;width:100%;height:100%}
.product-space-study figcaption{position:absolute;bottom:0;inset-inline:0}
.product-process,.product-controls-intro{padding-block:100px;border-top:1px solid var(--border)}
.product-steps{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.product-step{min-width:0;padding-top:24px;border-top:1px solid #465d73}
.product-step h3{font-size:clamp(1.3rem,2.2vw,2.5rem);font-weight:500;letter-spacing:-.025em;margin-bottom:20px}
.product-step p{color:var(--muted);font-size:.875rem;line-height:1.8}
.product-step .story-index{display:block;margin-bottom:20px}
.product-step .journey-art{max-width:190px;width:100%;margin:24px auto 0;aspect-ratio:1}
.product-step svg{display:block;width:100%;height:100%}
.product-step .journey-object{fill:#29445b}.product-step .journey-selection{fill:none;stroke:#82b6ff;stroke-width:1}
.product-step .journey-geometry{fill:none;stroke:#68839b;stroke-width:.8}.product-step .journey-parameter{fill:none;stroke:#82b6ff;stroke-width:1}
.product-step .journey-marker,.product-step[data-stage=done] .journey-object{fill:var(--accent)}
.product-step[data-stage=done] .journey-geometry{opacity:.12}
.gridvecta-page .workflow-scene{padding-top:0;padding-bottom:0}
.gridvecta-page .workflow-header{display:none}
.gridvecta-page .explorer-composition{padding-bottom:80px}
.gridvecta-page .product-explorer .panel-window{max-height:780px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#526c85 #151b21;scrollbar-width:thin}
.gridvecta-page .panel-window:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}
.product-ending{border-top:1px solid var(--border);padding-block:100px;text-align:center}
.product-ending h2{font-size:clamp(2.6rem,5.7vw,7rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.product-ending .story-copy{margin-inline:auto}
html[lang=ar] .product-main :is(h1,h2){line-height:1.35}
html[lang=ar] .product-intro-art{direction:ltr}
@keyframes product-breathe{0%,100%{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
@media(max-width:1100px){.product-intro{gap:24px}.story-section{gap:40px}.product-steps{gap:20px}.product-step h3{font-size:1.4rem}}
@media(max-width:820px){.product-intro{grid-template-columns:1fr}.product-intro h1{font-size:clamp(3.5rem,10vw,6.5rem)}.product-intro-art{width:min(500px,85%);justify-self:center}.product-baseline{margin-top:0}.story-section{grid-template-columns:1fr;padding-block:64px;gap:40px}.story-heading h2,.product-process h2,.product-controls-intro h2{font-size:clamp(2.8rem,7vw,4.5rem)}.layout-story .story-heading{order:0}.product-process,.product-controls-intro,.product-ending{padding-block:64px}.product-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.product-space-study{max-width:620px;width:100%;justify-self:center}}
@media(max-width:680px){.product-main{padding-top:calc(var(--header-height) + 36px)}.product-intro h1{font-size:clamp(2.7rem,11vw,4.3rem)}.story-heading h2,.product-process h2,.product-controls-intro h2{font-size:clamp(2rem,8.8vw,3.5rem)}.product-ending h2{font-size:clamp(2rem,8.4vw,3.5rem)}.product-steps{gap:32px 16px}.product-step h3{font-size:1.2rem}.product-step p{font-size:.8125rem}.story-index{margin-bottom:20px}.story-copy{font-size:1rem}.product-baseline{flex-direction:column;padding-top:24px}.story-switches{gap:6px}.story-switches button{padding-inline:10px;font-size:.6875rem}.product-cta{gap:40px}.product-space-study figcaption{font-size:.5rem}.product-intro-art{width:100%}}
@media(prefers-reduced-motion:reduce){.product-intro-art img{animation:none}.product-main *{transition:none!important;scroll-behavior:auto!important}}