/* Immersive direction: classical human figure, DOC AI light, quiet interface. */
body{background:#fafafa}
.immersive-header{position:absolute;top:0;left:0;right:0;z-index:5;border:0;padding-block:30px}
.immersive-header .nav-cta{background:transparent;color:#3f3f46;border-color:#d9d9de;box-shadow:none;font-size:11px;padding:12px 16px}
.immersive-header .nav-cta:hover{background:#fff9}
.header-phase{display:flex;align-items:center;gap:9px;font-family:"Geist Mono",monospace;letter-spacing:1px;font-size:8px;color:#8a8a95}
.header-phase .status-dot{background:#9b93b8;box-shadow:none;width:4px;height:4px}
.immersive-hero{position:relative;isolation:isolate;min-height:620px;height:100svh;overflow:hidden;background:#fafafa;border-bottom:1px solid #ececf1}
.ai-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;pointer-events:none}
.stage-aura{position:absolute;filter:blur(65px);border-radius:50%;z-index:-2}
.aura-violet{width:48vh;height:59vh;left:calc(50% - 41vh);top:12%;background:radial-gradient(ellipse,#8b5cf62e,transparent 69%)}
.aura-cyan{width:58vh;height:57vh;left:calc(50% - 1vh);top:20%;background:radial-gradient(ellipse,#22d3ee26,#3b82f615 35%,transparent 70%)}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#7c3aed05 1px,transparent 1px),linear-gradient(90deg,#3b82f605 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 43%,#0006,transparent 55%);z-index:-1}
.stage-orbit{position:absolute;top:43%;left:50%;border:1px solid #8d9ec729;border-radius:50%;transform:translate(-50%,-50%);height:72vh;width:72vh;z-index:-1}
.orbit-outer:before{content:"";position:absolute;inset:-10px;border:1px dashed #9e9abb25;border-radius:50%}
.orbit-outer:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid transparent;border-top-color:#8b5cf65c;border-right-color:#22d3ee4a;transform:rotate(28deg)}
.orbit-inner{height:64vh;width:64vh;border-color:#999ba217}
.stage-square{position:absolute;width:61vh;height:61vh;top:44%;left:50%;border:1px solid #a6a6b11f;transform:translate(-50%,-50%);z-index:-1}
.stage-axis{position:absolute;width:1px;top:17%;bottom:24%;left:50%;background:linear-gradient(transparent,#93a3c22b,transparent);z-index:-1}
.figure-shell{position:absolute;left:50%;top:-16%;height:125%;aspect-ratio:896/1200;transform:translateX(-50%);mask-image:linear-gradient(#000 75%,#0009 90%,transparent 99%)}
.vitruvian{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.figure-classic{filter:grayscale(1) contrast(.87);opacity:.75;mix-blend-mode:multiply}
.figure-digital{filter:grayscale(1) sepia(1) saturate(2.2) hue-rotate(160deg) brightness(1.1);opacity:.47;mix-blend-mode:multiply;mask-image:linear-gradient(115deg,transparent 30%,#000 64%,#000 75%,transparent 89%)}
.stage-coordinate{position:absolute;top:42%;display:flex;flex-direction:column;gap:12px;font-family:"Geist Mono",monospace;font-size:7px;letter-spacing:2px;color:#999ba8}
.stage-coordinate i{display:block;height:1px;width:32px;background:#afb0bc50}
.coordinate-left{left:calc(50% - 43vh);text-align:right;align-items:flex-end}
.coordinate-right{right:calc(50% - 43vh)}
.doc-signal{position:absolute;top:19%;left:calc(50% + 28vh);display:flex;align-items:center;gap:9px;white-space:nowrap;font-family:"Geist Mono",monospace;font-size:8px;letter-spacing:1px;color:#7d72a1;border:1px solid #fff;background:#ffffff73;box-shadow:0 4px 25px #7361aa08;border-radius:30px;padding:12px 16px;backdrop-filter:blur(10px)}
.doc-signal .ai-orb{width:12px;height:12px;box-shadow:0 0 15px #8b5cf657}
.signal-line{height:12px;width:1px;background:#d6d1e2;margin-inline:1px}
.doc-signal>span:last-child{color:#a3a0b2;font-size:7px}
.hero-caption{position:absolute;bottom:100px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;z-index:2}
.hero-caption:before{content:"";position:absolute;left:-60px;right:-60px;top:-45px;bottom:-85px;background:linear-gradient(0deg,#fafafa 0%,#fafafaea 34%,#fafafa00 100%);z-index:-1;pointer-events:none}
.hero-statement .eyebrow{font-size:8px;letter-spacing:1.9px;color:#92919c}
.hero-statement h1{font-size:clamp(42px,4.1vw,68px);font-weight:450;letter-spacing:-2.6px;line-height:1.08;margin:14px 0 13px;white-space:nowrap}
.hero-statement h1 span{color:#898795}
.hero-statement p{font-size:13px;color:#92909b;margin:0;letter-spacing:-.2px}
.hero-action{display:flex;flex-direction:column;align-items:flex-end;gap:13px;padding-bottom:2px}
.hero-action .button{font-size:12px;padding:17px 22px;gap:26px}
.hero-action-note{font-family:"Geist Mono",monospace;letter-spacing:1.3px;font-size:7px;color:#aaa6b2}
.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-family:"Geist Mono",monospace;font-size:7px;letter-spacing:1.3px;color:#92909c;white-space:nowrap;z-index:3;padding:9px}
.scroll-line{display:block;width:19px;height:1px;background:#aaa2bd}
.scroll-cue>span:last-child{font-size:16px;color:#a5a0b4;margin-left:7px}
.hero-edition{position:absolute;bottom:35px;left:48px;font-family:"Geist Mono",monospace;font-size:7px;letter-spacing:1px;color:#b6b2bf}
.principles{border-top:0}
.waitlist-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:55px;border-top:1px solid var(--line)}
.waitlist-intro h2{font-size:35px}
.waitlist-intro p{font-size:13px;line-height:1.8;color:#81807b;margin-top:20px}
.demo-label{font-family:"Geist Mono",monospace;font-size:7px;letter-spacing:.8px;color:#aaa1b4;display:block;margin-top:23px}
.waitlist-section .signup{margin:0;max-width:none}
.waitlist-section .signup-title{font-size:13px}
.final-cta{background:#f2f2f6;border-color:#e7e7ed}
.concept-caption{color:#a6a0b3}
@media(min-aspect-ratio:2/1){.immersive-hero{min-height:600px}.figure-shell{top:-20%;height:135%}.stage-orbit{height:78vh;width:78vh}.hero-caption{bottom:90px}}
@media(max-width:1100px){.hero-statement h1{font-size:43px}.hero-caption{bottom:95px}.hero-action .button{font-size:11px;padding:16px 18px;gap:17px}.doc-signal{left:calc(50% + 20vh)}.hero-edition{left:32px}.waitlist-section{gap:40px}}
@media(max-width:850px){.immersive-header{padding-block:25px}.header-phase{display:none}.immersive-hero{min-height:620px}.figure-shell{height:115%;top:-9%}.stage-orbit{height:67vh;width:67vh}.orbit-inner{height:60vh;width:60vh}.stage-square{height:56vh;width:56vh}.coordinate-left{left:6%}.coordinate-right{right:6%}.hero-caption{bottom:85px;align-items:flex-start;flex-direction:column;gap:20px}.hero-statement h1{font-size:48px}.hero-action{align-items:flex-start;flex-direction:row;gap:18px;align-items:center}.hero-caption:before{top:-40px}.doc-signal{left:auto;right:30px;top:18%;font-size:7px}.hero-edition{left:24px}.waitlist-section{gap:30px}.waitlist-intro h2{font-size:30px}}
@media(max-width:580px){.immersive-header{padding-block:24px}.immersive-header .nav-cta{font-size:9px;padding:10px 12px;border-radius:8px}.immersive-header .brand-name{font-size:11px}.immersive-header .brand-name small{font-size:6px}.immersive-hero{height:100svh;min-height:740px}.figure-shell{height:auto;width:148%;aspect-ratio:896/1200;top:3%;mask-image:linear-gradient(#000 72%,#0008 89%,transparent)}.stage-orbit{width:94vw;height:94vw;top:41%}.orbit-inner{width:85vw;height:85vw}.stage-square{width:80vw;height:80vw;top:41%}.stage-aura{filter:blur(38px)}.aura-violet{width:85vw;height:90vw;top:14%;left:-22%}.aura-cyan{width:90vw;height:100vw;top:19%;left:33%}.stage-grid{background-size:40px 40px;mask-image:radial-gradient(ellipse at 50% 39%,#000,transparent 64%)}.doc-signal{top:15%;right:20px;padding:9px 11px;font-size:6px;gap:7px}.doc-signal>span:last-child,.signal-line{display:none}.doc-signal .ai-orb{width:10px;height:10px}.stage-coordinate{top:46%;font-size:5px;letter-spacing:1px;gap:8px}.stage-coordinate i{width:17px}.coordinate-left{left:5%}.coordinate-right{right:5%}.hero-caption{bottom:83px;gap:24px}.hero-statement .eyebrow{font-size:6px;letter-spacing:1.25px}.hero-statement h1{white-space:normal;font-size:45px;letter-spacing:-2.2px;line-height:1.1;margin:13px 0 12px;max-width:330px}.hero-statement h1 span{display:block}.hero-statement p{font-size:11px;max-width:280px;line-height:1.7}.hero-action{gap:0;align-items:flex-start}.hero-action .button{font-size:11px;padding:15px 18px;gap:23px}.hero-action-note{display:none}.hero-caption:before{top:-90px;bottom:-83px;background:linear-gradient(0deg,#fafafa 0%,#fafafaf5 55%,#fafafa00 100%)}.scroll-cue{left:auto;right:20px;bottom:30px;transform:none;font-size:5px;letter-spacing:.6px;gap:6px;padding:8px 0}.scroll-line{width:12px}.scroll-cue>span:last-child{font-size:13px;margin-left:2px}.hero-edition{left:20px;bottom:37px;font-size:5px;letter-spacing:.55px}.waitlist-section{grid-template-columns:1fr;padding-block:45px;gap:25px}.waitlist-intro h2{font-size:31px}.waitlist-intro p{font-size:12px;margin-top:17px}.demo-label{font-size:6px;margin-top:15px}.waitlist-section .signup-title{font-size:12px}}
@media(max-width:360px){.immersive-hero{min-height:700px}.figure-shell{width:151%;top:8%}.hero-statement h1{font-size:41px}.hero-caption{bottom:80px}.doc-signal{top:18%}.hero-action .button{font-size:10px}.hero-edition{left:16px}.scroll-cue{right:16px;font-size:4px}.waitlist-section{gap:23px}}

/* v3: the full domain is the identity; color marks the important actions. */
:root{--action-gradient:linear-gradient(115deg,#7c3aed 0%,#4f46e5 48%,#2563eb 100%);--text-gradient:linear-gradient(110deg,#7c3aed 0%,#2563eb 57%,#0891b2 100%)}
/* ScrollTrigger needs immediate layout restoration; anchor links opt into smooth motion in JS. */
html{scroll-behavior:auto}
.domain-wordmark{font-size:25px;line-height:1;font-weight:650;letter-spacing:-1.15px;white-space:nowrap}
.domain-wordmark>span{color:#6366f1;font-weight:500}
.header .brand{gap:0}
.hero-brand-anchor{position:absolute;top:37px;left:max(48px,calc((100% - 1200px)/2));font-size:25px;font-weight:650;letter-spacing:-1.15px;opacity:0;pointer-events:none;z-index:4}
.hero-brand-anchor>span{color:#6366f1;font-weight:500}
.domain-preview{font-size:15px;letter-spacing:-.55px;white-space:nowrap}
.domain-preview>span{color:#6366f1;font-weight:500}
.footer-brand .domain-wordmark{font-size:20px}
.button,.immersive-header .nav-cta{background:var(--action-gradient);color:#fff;border-color:#6d4ee6;box-shadow:inset 0 1px 0 #ffffff30,0 5px 18px #6357dc26}
.button:hover,.immersive-header .nav-cta:hover{background:var(--action-gradient);box-shadow:inset 0 1px 0 #ffffff30,0 9px 25px #6357dc3d;transform:translateY(-2px)}
.hero-statement h1 span,.scroll-story h2 span{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-statement .eyebrow,.waitlist-intro .eyebrow{color:#7c3aed}
.hero-statement p{color:#777682}
.hero-action-note{color:#8a7ea6}
.header-phase{color:#8a7ea6}.header-phase .status-dot{background:#8b5cf6}
.aura-violet{background:radial-gradient(ellipse,#8b5cf646,transparent 69%)}
.aura-cyan{background:radial-gradient(ellipse,#22d3ee38,#3b82f622 35%,transparent 70%)}
.doc-signal{color:#7c3aed;border-color:#ede8ff;background:#ffffff9e;box-shadow:0 4px 25px #7361aa14}
.orbit-outer:after{border-top-color:#8b5cf67a;border-right-color:#22d3ee70}
.steps .step-number{color:#7c3aed}
.inline-link{color:#6366f1;border-bottom-color:#b7b0ed}.inline-link:hover{color:#7c3aed}
.product-tabs button[aria-selected=true]{color:#7c3aed;border-bottom-color:#8b5cf6}
.consent input{accent-color:#7c3aed}
.interest-options button[aria-pressed=true]{background:#f5f3ff;border-color:#a78bfa;color:#6d28d9}
.final-cta{background:linear-gradient(120deg,#f5f3ff,#f0f7ff 68%,#edfbfc);border-color:#e5e2f5}
.final-cta .eyebrow{color:#7c3aed}
.scroll-story{position:absolute;right:max(48px,calc((100% - 1200px)/2));top:34%;width:350px;z-index:2;opacity:0;visibility:hidden;pointer-events:none}
.scroll-story .eyebrow{color:#7c3aed;font-size:8px}
.scroll-story h2{font-size:48px;letter-spacing:-2px;margin-top:16px}
.scroll-story p{font-size:13px;line-height:1.8;color:#81808e;margin-top:20px}
html.motion-ready .figure-shell,html.motion-ready .hero-caption,html.motion-ready .scroll-story{will-change:transform,opacity}
html.motion-ready .immersive-header{z-index:10}
@media(max-width:1100px){.domain-wordmark,.hero-brand-anchor{font-size:23px}.scroll-story{width:300px;right:32px}.scroll-story h2{font-size:43px}.hero-brand-anchor{left:32px}}
@media(max-width:850px){.domain-wordmark,.hero-brand-anchor{font-size:22px}.hero-brand-anchor{left:24px;top:33px}.domain-preview{font-size:13px}.scroll-story{display:none}}
@media(max-width:580px){.domain-wordmark{font-size:20px;letter-spacing:-.8px}.immersive-header nav{gap:0}.immersive-header .nav-cta{font-size:9px;padding:10px 11px;gap:8px}.hero-brand-anchor{display:none}.footer-brand .domain-wordmark{font-size:19px}.domain-preview{font-size:12px;letter-spacing:-.45px}.preview-header{gap:8px}.preview-header>span:nth-child(2){font-size:8px}.preview-pill{font-size:6px;padding:4px}.hero-edition{font-size:4.5px}.hero-statement .eyebrow{font-size:6px}.hero-action .button{box-shadow:inset 0 1px 0 #ffffff30,0 5px 18px #6357dc2e}}
@media(max-width:360px){.domain-wordmark{font-size:17px;letter-spacing:-.7px}.immersive-header .nav-cta{font-size:8px;padding:10px 9px}.domain-preview{font-size:11px}.preview-header>span:nth-child(2){font-size:7px}.hero-edition{max-width:140px;font-size:4px}}

/* v4: the person, distinct from the AI palette; one illustration-led teaser. */
:root{--person:#b95743}
.person-accent,.domain-wordmark>.person-accent,.hero-brand-anchor>.person-accent,.hero-statement h1 .person-accent,.scroll-story h2 .person-accent{background:none;color:var(--person);-webkit-text-fill-color:var(--person);font-weight:inherit}
.hero-statement h1{white-space:nowrap}
.hero-statement h1 .person-accent{display:inline}
.scroll-story .eyebrow{color:var(--person)}
.teaser-invitation{position:relative;isolation:isolate;padding-block:110px 85px}
.teaser-invitation:before{content:"";position:absolute;inset:10px auto 0 -60px;width:420px;background:url('./assets/classic.webp') center/contain no-repeat;opacity:.045;filter:grayscale(1);pointer-events:none;z-index:-1}
.teaser-privacy{display:flex;gap:28px;align-items:baseline;padding-block:24px 50px;border-top:1px solid #e8e8ee;color:#85838e}
.teaser-privacy>span{font:8px "Geist Mono",monospace;letter-spacing:1.2px;white-space:nowrap;color:var(--person)}
.teaser-privacy p{font-size:11px;line-height:1.8}
@media(max-width:850px){.teaser-invitation{padding-block:70px 55px}.teaser-privacy{display:block}.teaser-privacy p{margin-top:12px}.hero-statement h1{white-space:normal}.teaser-invitation:before{left:0;width:75%;opacity:.035}}

/* v5: living green; fixed human, sequential copy in a separate left column. */
:root{--person:#c26720}
.narrative-copy{position:absolute;left:max(48px,calc((100% - 1200px)/2));top:35%;width:36%;max-width:440px;z-index:3}
.narrative-panel{position:absolute;inset:0 auto auto 0;width:100%}
.narrative-panel .eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--person)}
.narrative-panel h1,.narrative-panel h2{font-size:clamp(38px,4vw,60px);font-weight:450;letter-spacing:-2.4px;line-height:1.08;margin:18px 0}
.narrative-panel p{font-size:13px;line-height:1.8;color:#777682}
.narrative-second,.narrative-third{visibility:hidden;opacity:0}
.hero-caption{justify-content:flex-start;bottom:90px;pointer-events:none}
.hero-action{align-items:flex-start;pointer-events:auto}
.hero-caption:before{display:none}
.hero-brand-anchor{display:none}
.figure-shell{left:68%}
.stage-orbit,.stage-square,.stage-axis{left:68%}
.aura-violet{left:calc(68% - 41vh)}.aura-cyan{left:calc(68% - 1vh)}
.coordinate-left{left:calc(68% - 43vh)}.coordinate-right{right:calc(32% - 43vh)}
.doc-signal{left:auto;right:6%;top:20%}
@media(max-width:850px){
.figure-shell,.stage-orbit,.stage-square,.stage-axis{left:58%}
.narrative-copy{left:24px;top:57%;width:calc(100% - 48px);max-width:440px}
.narrative-panel h1,.narrative-panel h2{font-size:38px;letter-spacing:-1.6px;margin:12px 0}
.narrative-panel h1 br{display:none}
.narrative-panel p{font-size:11px;line-height:1.7}
.narrative-panel .eyebrow{font-size:6px;letter-spacing:1px}
.hero-caption{bottom:72px;gap:0}
.narrative-copy:before{content:"";position:absolute;inset:-35px -24px -245px;background:linear-gradient(0deg,#fafafa 0%,#fafafaf5 64%,#fafafa00 100%);z-index:-1;pointer-events:none}
.aura-violet{left:-15%}.aura-cyan{left:40%}
.doc-signal{top:15%;right:20px}
.coordinate-left{left:5%}.coordinate-right{right:5%}
}
@media(max-width:580px){.narrative-copy{left:20px;width:calc(100% - 40px);top:59%}.figure-shell{width:130%;top:2%}.narrative-panel h1,.narrative-panel h2{font-size:36px}.hero-caption{bottom:74px}}
@media(max-width:360px){.narrative-copy{left:16px;width:calc(100% - 32px);top:57%}.narrative-panel h1,.narrative-panel h2{font-size:32px}}
@media(max-width:850px){.narrative-copy:before{inset:-35px -24px auto;height:225px}.hero-caption{z-index:4}}

/* v6: one pinned board, human dissolves into the background, signup beside him. */
:root{--person-gradient:linear-gradient(110deg,#c26720 0%,#da8b24 50%,#e2b63b 100%)}
.person-accent,.domain-wordmark>.person-accent,.hero-brand-anchor>.person-accent,.hero-statement h1 .person-accent,.scroll-story h2 .person-accent{background:var(--person-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.immersive-hero{height:auto;min-height:1150px}
.narrative-copy{top:240px;width:40%;max-width:490px}
.narrative-first h1{font-size:clamp(74px,8vw,115px);line-height:.98;letter-spacing:-5px}
.narrative-signup{position:relative;top:330px;visibility:visible;opacity:1}
.narrative-signup h2{font-size:40px;margin:12px 0}
.narrative-signup .signup{margin:20px 0 0;max-width:none;padding:0;background:transparent;border:0;box-shadow:none}
.narrative-signup .signup-title{display:none}
.narrative-signup .signup-foot{font-size:10px;margin-top:16px}
.narrative-signup .form-row{gap:8px}
.narrative-signup .form-row input{min-width:0;font-size:12px}
.narrative-signup .form-row .button{font-size:11px;padding:14px 16px;gap:10px}
.narrative-signup .consent{font-size:10px;line-height:1.7}
.narrative-signup .demo-label{margin-top:15px;font-size:6px}
html.motion-ready .immersive-hero{height:100svh;min-height:620px}
html.motion-ready .narrative-copy{top:30%}
html.motion-ready .narrative-signup{position:absolute;top:0;visibility:hidden;opacity:0}
html.motion-ready .narrative-first,html.motion-ready .narrative-second,html.motion-ready .narrative-third,html.motion-ready .narrative-signup{will-change:transform,opacity}
@media(max-width:850px){
.immersive-hero{min-height:1250px}.narrative-copy{top:400px;width:calc(100% - 48px)}
.narrative-first h1{font-size:68px;letter-spacing:-3px}.narrative-first h1 br{display:block}
.narrative-signup{top:240px}.narrative-signup h2{font-size:32px}
html.motion-ready .immersive-hero{min-height:740px}
html.motion-ready .narrative-copy{top:48%}
.narrative-copy:before{height:360px;inset:-35px -24px auto}
.narrative-signup p{font-size:11px}.narrative-signup .signup{margin-top:15px}
}
@media(max-width:360px){html.motion-ready .narrative-copy{top:42%}.narrative-first h1{font-size:60px}.narrative-signup h2{font-size:29px}.narrative-signup .form-row{flex-direction:column}.narrative-signup .form-row .button{align-self:flex-start;padding:11px 14px}.narrative-signup .consent{font-size:9px}}

/* Produkcja: lokalne fonty, czytelność (min. 11px, kontrast ≥ 4.5:1 na #fafafa) */
@font-face{font-family:"Geist";font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/geist-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--person-text:#a5561a;--muted-text:#5f5d6b}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.narrative-panel .eyebrow,.header-phase,.hero-action-note,.teaser-privacy>span{font-size:11px;letter-spacing:1.2px}
.narrative-panel .eyebrow,.teaser-privacy>span{color:var(--person-text)}
.header-phase,.hero-action-note,.scroll-cue{color:var(--muted-text)}.scroll-cue{font-size:11px}
.narrative-panel p{font-size:16px;line-height:1.6;color:var(--muted-text)}
.narrative-signup .consent{font-size:13px;line-height:1.5;color:var(--muted-text);min-height:44px;align-items:flex-start}
.narrative-signup .consent input{width:20px;height:20px;flex:none;margin-top:1px}
.narrative-signup .consent a{display:inline-block;padding-block:6px;text-decoration:underline}
.narrative-signup .signup-foot,.signup-error{font-size:13px;color:var(--muted-text)}
.signup-error{color:#b42318;margin-top:10px}
.immersive-header .nav-cta{font-size:13px;min-height:44px}
.teaser-privacy p{font-size:14px;color:var(--muted-text)}.teaser-privacy a{text-decoration:underline}
/* mały tekst w gradiencie: jasny koniec #e2b63b ma 1.8:1 — tylko jednolity kolor */
.narrative-signup h2 .person-accent,.narrative-second h2 .person-accent,.narrative-third h2 .person-accent{background:none;color:var(--person-text);-webkit-text-fill-color:var(--person-text)}
@media(max-width:580px){.narrative-panel .eyebrow{font-size:11px}.narrative-panel p{font-size:15px}.immersive-header .nav-cta{font-size:12px;padding:10px 12px}.scroll-cue{font-size:11px}}
@media(max-width:360px){.narrative-signup .consent{font-size:12px}.immersive-header .nav-cta{font-size:11px}}
.narrative-signup input[type=email]{font-size:16px}
/* Logo: domena + rozpisane hasło lekką, szarą czcionką */
.domain-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:7px}
.brand-sub{font-size:13px;font-weight:300;letter-spacing:.2px;line-height:1;color:var(--muted-text)}
.cta-short{display:none}
@media(max-width:580px){.brand-sub{font-size:12px}.cta-long{display:none}.cta-short{display:inline}.immersive-header .nav-cta{padding:10px 14px}}
.button>.cta-long,.button>.cta-short{font-size:inherit;font-weight:inherit;line-height:inherit}
.header .domain-brand,.domain-brand{gap:7px}
/* Desktop: skondensowana scena — tekst i człowiek w jednej ramie, bez rozjeżdżania na boki */
@media(min-width:851px){
:root{--frame:min(1080px,calc(100% - 96px));--edge:calc((100% - var(--frame))/2);--fx:calc(var(--edge) + var(--frame)*.7)}
.immersive-header.wrap,.hero-caption.wrap{width:var(--frame)}
.narrative-copy{left:var(--edge)}
.figure-shell,.stage-orbit,.stage-square,.stage-axis{left:var(--fx)}
.aura-violet{left:calc(var(--fx) - 41vh)}.aura-cyan{left:calc(var(--fx) - 1vh)}
.coordinate-left{left:calc(var(--fx) - 43vh)}.coordinate-right{right:auto;left:calc(var(--fx) + 35vh)}
}
.domain-brand{flex-direction:row!important;align-items:center;gap:12px!important}.brand-text{display:flex;flex-direction:column;gap:6px}
.logo-mark{display:block;flex:none;width:auto;height:52px}.footer-brand .logo-mark{height:44px}
.domain-wordmark>span:not(.person-accent){color:var(--ink-2);font-weight:400;font-size:.62em;letter-spacing:-.2px;margin-left:1px}
@media(max-width:580px){.logo-mark{height:40px}.domain-brand{gap:8px!important}.brand-sub{font-size:11px;white-space:nowrap}}
@media(max-width:580px){.footer-brand .logo-mark{height:40px}}@media(max-width:374px){.logo-mark,.footer-brand .logo-mark{height:34px}.domain-brand{gap:7px!important}.brand-sub{font-size:10px}}
/* Sylwetka: centrowanie przez `translate`, bo GSAP nadpisuje `transform` i gubił -50% (człowiek uciekał w prawo) */
.figure-shell{transform:none;translate:-50% 0}
/* Hasło pod logo nie dłuższe niż nazwa domeny — łamie się na dwie linie */
.brand-sub{width:0;min-width:100%;white-space:normal;line-height:1.3}
@media(max-width:580px){.brand-sub{white-space:normal}}
/* Desktop: węższa rama, człowiek bliżej tekstu */
@media(min-width:851px){:root{--frame:min(1000px,calc(100% - 96px));--fx:calc(var(--edge) + var(--frame)*.66)}}