@font-face{font-family:Inter;src:url('fonts/inter-variable-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-variable-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
:root{--paper:#f5f3ed;--white:#fffef9;--ink:#1a1b1d;--muted:#62615e;--line:#d9d6ce;--orange:#ff7047;--dark:#1c1d1e;--shell:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(3.2rem,6.8vw,7.1rem);font-weight:760}h2{font-size:clamp(2.5rem,5.3vw,5.3rem);font-weight:740}h3{font-size:1.4rem;font-weight:700}p{line-height:1.6}.shell{width:min(calc(100% - 80px),var(--shell));margin-inline:auto}.skip{position:absolute;z-index:99;left:-9999px;top:8px;background:var(--orange);padding:10px;color:var(--ink)}.skip:focus{left:12px}
.site-header{position:sticky;z-index:50;top:0;background:rgba(245,243,237,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(26,27,29,.11)}.header-inner{width:min(calc(100% - 80px),var(--shell));margin:auto;min-height:78px;display:flex;align-items:center;gap:36px}.brand{text-decoration:none;font-weight:800;letter-spacing:-.07em;font-size:1.48rem;white-space:nowrap;display:flex;align-items:center}.brand-dot,.footer-brand span{color:var(--orange)}.brand-symbol{display:flex;align-items:center;gap:3px;height:24px;margin-right:10px}.brand-symbol i{display:block;width:3px;background:var(--orange);border-radius:4px}.brand-symbol i:nth-child(1){height:8px}.brand-symbol i:nth-child(2){height:20px}.brand-symbol i:nth-child(3){height:14px}.brand-symbol i:nth-child(4){height:7px}.desktop-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.desktop-nav a,.header-actions a{font-size:.77rem;font-weight:670;text-decoration:none;white-space:nowrap}.desktop-nav a:hover,.site-footer a:hover{color:#da542c}.header-actions{display:flex;align-items:center;gap:14px}.language-menu,.mobile-menu{position:relative}.language-menu summary,.mobile-menu summary{cursor:pointer;list-style:none;font-size:.77rem;font-weight:740;white-space:nowrap}.language-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.language-menu summary span{font-size:1rem;margin-left:5px}.language-panel{position:absolute;right:0;top:36px;width:252px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.12);padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.language-panel a{padding:8px 10px}.language-panel a:hover{background:#f4eee7}.mobile-menu{display:none}
.eyebrow{font-size:.75rem;font-weight:780;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;margin:0 0 32px;display:flex;align-items:center;gap:12px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,112,71,.16)}.section{padding-block:120px;scroll-margin-top:88px}.section-head{max-width:850px;margin-bottom:48px}.section-head h2{margin:0 0 28px}.section-lead{font-size:1.15rem;color:var(--muted);max-width:650px;margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:.94rem;font-weight:750;text-decoration:none;border-bottom:1px solid var(--ink);padding:0 0 6px;margin-top:34px}.text-link:hover{color:#d65029;border-color:#d65029}.text-link span{font-size:1.1em}.button-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);min-height:58px;padding:0 24px;font-weight:760;font-size:.91rem;text-decoration:none;gap:28px;transition:transform .2s,background .2s}.button-primary:hover{transform:translateY(-2px);background:#ff805b}
.hero{min-height:700px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:60px;align-items:center;padding-top:100px;padding-bottom:115px}.hero h1{font-size:clamp(3.6rem,5.7vw,6.3rem);max-width:770px;margin-bottom:32px}.hero-lead{font-size:1.18rem;max-width:630px;margin-bottom:26px}.polish-notice{max-width:660px;padding:17px 20px;background:#ffeadf;border-left:3px solid var(--orange);font-size:.96rem;margin-bottom:29px}.polish-notice strong{display:block;margin-bottom:3px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.status-pill{font-size:.78rem;font-weight:760;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--ink);padding:11px 15px}.requirements-line{font-size:.77rem;font-weight:630;color:var(--muted);margin:28px 0 0}.hero-flow{background:var(--dark);color:var(--white);min-height:485px;display:flex;flex-direction:column;box-shadow:20px 20px 0 var(--orange)}.flow-top{display:flex;justify-content:space-between;font-size:.67rem;font-weight:750;letter-spacing:.17em;padding:24px 27px;color:#bbb8b0;border-bottom:1px solid #51504d}.hero-flow ol{list-style:none;padding:0 28px;margin:auto 0}.hero-flow li{display:grid;grid-template-columns:45px 1fr;column-gap:10px;padding:24px 0;border-bottom:1px solid #4a4a47}.hero-flow li:last-child{border-bottom:0}.hero-flow li span{font-size:.72rem;color:var(--orange);font-weight:800;letter-spacing:.08em;padding-top:4px}.hero-flow li h3{font-size:1.55rem;margin:0 0 5px}.hero-flow li p{grid-column:2;color:#c4c2bd;margin:0;font-size:.87rem}.flow-end{display:flex;align-items:center;gap:20px;background:var(--orange);color:var(--ink);padding:18px 28px;font-size:.78rem;font-weight:780}.flow-icon{font-size:1.7rem;font-weight:800;line-height:1}
.fit-section{border-top:1px solid var(--line)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fit-card{padding:38px;min-height:340px}.fit-yes{background:var(--orange)}.fit-no{border:1px solid var(--line);background:var(--white)}.fit-marker{font-size:1.55rem;font-weight:700;margin:0 0 38px}.fit-card h3{font-size:1.85rem;margin-bottom:24px}.fit-card ul{margin:0;padding-left:20px}.fit-card li{margin-bottom:11px}.fit-limitation{font-weight:700;max-width:710px;margin-top:28px}.dark-band{background:var(--dark);color:var(--white)}.dark-band .section-lead{color:#bdbab5}.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #585955}.how-steps li{padding:38px 28px 20px 0;border-right:1px solid #585955;margin-right:28px}.how-steps li:last-child{border-right:0}.how-steps li span{font-size:.73rem;color:var(--orange);font-weight:800}.how-steps li h3{font-size:2rem;margin:45px 0 14px}.how-steps li p{color:#c7c4c0;max-width:280px}.detail-note{font-size:.93rem;color:#aaa8a4;max-width:780px;margin-top:42px}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.audience-card{border:1px solid var(--line);padding:24px;min-height:320px;text-decoration:none;display:flex;flex-direction:column;background:var(--white);transition:background .2s,transform .2s}.audience-card:hover{background:#ffe1d3;transform:translateY(-3px)}.card-no{font-size:.74rem;font-weight:780;letter-spacing:.1em;color:#d35d38}.audience-card h3{margin:54px 0 15px;font-size:1.55rem}.audience-card p{font-size:.89rem;margin:0}.card-arrow{font-size:1.4rem;margin-top:auto;align-self:flex-end}
.section-features{border-top:1px solid var(--line)}.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tier-card{padding:38px;background:var(--white);border:1px solid var(--line)}.tier-free{background:var(--orange);border-color:var(--orange)}.tier-head{padding-bottom:26px;border-bottom:1px solid rgba(26,27,29,.24);margin-bottom:28px}.tier-head span,.price-label{font-size:.69rem;font-weight:800;letter-spacing:.18em}.tier-head h3{font-size:2.4rem;margin:20px 0 4px}.tier-head p{font-size:.9rem;margin:0}.tier-intro{font-weight:680}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:10px 0 10px 28px;position:relative;border-bottom:1px solid rgba(26,27,29,.13);font-size:.91rem}.check-list li:before{content:'↗';position:absolute;left:0;top:10px;font-weight:800}.tier-caveat{font-size:.8rem;line-height:1.55;color:var(--muted);margin-top:25px}.modes-section{background:#e9e7e0}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mode-card{margin:0;display:flex;flex-direction:column}.mode-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.mode-card figcaption{background:var(--dark);color:var(--white);display:grid;grid-template-columns:120px 1fr;gap:14px;padding:24px;min-height:176px;align-items:start}.mode-card figcaption span{color:var(--orange);font-size:1.14rem;font-weight:780;letter-spacing:.06em}.mode-card figcaption h3{font-size:1.55rem;margin:0 0 10px}.mode-card figcaption p{font-size:.82rem;color:#d8d4cf;margin:0}.modes-note{font-size:.83rem;margin:18px 0 0}.language-emphasis{font-weight:760;font-size:1.06rem;padding:20px 23px;border-left:4px solid var(--orange);background:#ffebe1;max-width:800px;margin-bottom:38px}.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:28px}.language-grid span{padding:16px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.87rem;font-weight:650}.language-grid b{color:#d65c35;font-size:.67rem;margin-right:12px}.privacy-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.privacy-layout .section-head{margin:0}.privacy-detail{padding-top:50px}.privacy-detail p{font-size:1.08rem;color:#d6d3cd}.dark-band .text-link{border-color:var(--white)}.dark-band .text-link:hover{border-color:var(--orange);color:var(--orange)}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{border:1px solid var(--line);background:var(--white);padding:30px;min-height:305px;display:flex;flex-direction:column}.price-free{background:var(--orange);border-color:var(--orange)}.price-card h3{font-size:1.85rem;margin:32px 0 20px}.price-value{font-size:2.4rem;font-weight:750;letter-spacing:-.05em;line-height:1.1;margin:0 0 26px}.price-pending{font-size:1.45rem}.price-card>p:last-child{font-size:.9rem;margin:auto 0 0}.pricing-footnote{font-size:.86rem;margin:22px 0 0;color:var(--muted)}.business-teaser{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.business-teaser h2{max-width:690px}.business-teaser>div>p:not(.eyebrow){font-size:1.1rem;max-width:570px}.business-mark{background:var(--orange);aspect-ratio:1.22;display:flex;flex-direction:column;justify-content:center;padding:44px;box-shadow:20px 20px 0 var(--dark)}.business-mark span{font-size:clamp(1rem,2vw,1.6rem);font-weight:800;letter-spacing:-.035em;border-bottom:2px solid var(--ink);padding:17px 0}.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.faq-grid article{border-top:1px solid var(--line);padding:26px 0}.faq-grid h3{font-size:1.2rem;margin:0 0 9px}.faq-grid p{font-size:.91rem;color:var(--muted);margin:0}
.subpage-intro{padding:105px 0 50px}.subpage-intro h1{max-width:1000px;margin-bottom:32px}.intro-lead{font-size:1.28rem;max-width:780px;color:#444542}.subpage-rule{border-top:1px solid var(--line);margin-top:75px;padding-top:14px;font-size:.76rem;color:var(--muted)}.subpage-nav{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:40px}.subpage-nav a{border:1px solid var(--line);padding:10px 15px;text-decoration:none;font-size:.78rem;font-weight:700;background:var(--white)}.subpage-nav a:hover{background:var(--orange)}.case-list{padding-bottom:80px}.case-block{scroll-margin-top:95px;display:grid;grid-template-columns:110px 1fr;gap:35px;border-top:1px solid var(--line);padding:54px 0 65px}.case-index{font-size:.8rem;font-weight:800;color:#d45b36}.case-block h2{font-size:clamp(2.3rem,4vw,4rem);margin-bottom:24px}.case-block p{font-size:1.04rem;max-width:800px}.case-summary{font-size:1.3rem!important;font-weight:650}.case-note{font-size:.9rem!important;color:var(--muted);background:#ebe8df;padding:15px 19px;border-left:3px solid var(--orange);margin-top:25px}.end-cta{border-top:1px solid var(--line);padding-top:80px}.end-cta h2{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:18px}.end-cta p{max-width:680px;font-size:1.05rem}.feature-overview{padding-bottom:70px}.feature-alert{border-left:4px solid var(--orange);background:#ffebe1;padding:18px 22px;margin-bottom:80px;max-width:930px}.feature-alert p{margin:6px 0 0}.feature-group{margin-bottom:85px}.feature-group>h2{font-size:clamp(2.3rem,3.6vw,3.7rem);margin-bottom:28px}.feature-table{border-top:1px solid var(--line)}.feature-line{display:grid;grid-template-columns:minmax(180px,.92fr) minmax(0,1.4fr) minmax(155px,.7fr);gap:28px;border-bottom:1px solid var(--line);padding:25px 0}.feature-line h3{font-size:1.04rem;line-height:1.4;letter-spacing:-.025em;margin:0}.feature-line p{font-size:.9rem;color:#4c4d49;margin:0}.feature-line span{font-size:.77rem;font-weight:780;line-height:1.45;text-transform:uppercase;letter-spacing:.04em;color:#bc4f2c}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.three-grid article,.two-grid article{border-top:1px solid currentColor;padding:23px 0}.three-grid article h3,.two-grid article h3{font-size:1.4rem;margin:0 0 22px}.three-grid article p,.two-grid article p{font-size:.91rem;color:inherit;opacity:.8;margin:0}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px}.privacy-flow{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.privacy-flow li{border-top:1px solid var(--ink);padding-top:18px}.privacy-flow span{color:#d6532b;font-size:.77rem;font-weight:800}.privacy-flow h3{font-size:1.5rem;margin:38px 0 15px}.privacy-flow p{font-size:.92rem}.soft-band{background:#eae7df}.editorial-list{list-style:none;margin:0;padding:0;max-width:950px}.editorial-list li{border-top:1px solid rgba(26,27,29,.24);padding:21px 0 21px 34px;position:relative;font-size:1.02rem}.editorial-list li:before{content:'↗';position:absolute;left:0;color:#dc6038;font-weight:800}.dark-band .editorial-list li{border-color:#575856}.privacy-legal-note,.business-note{max-width:850px;background:#ffebe1;padding:20px 25px;font-size:.91rem}.business-points article{border-color:var(--line)}.help-groups{padding-bottom:70px}.faq-group{margin-bottom:85px}.faq-group>h2{font-size:clamp(2.3rem,3.6vw,3.7rem);margin-bottom:32px}.faq-group article{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;border-top:1px solid var(--line);padding:28px 0}.faq-group h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.025em;margin:0}.faq-group p{font-size:.93rem;margin:0;color:#535450}
.site-footer{background:var(--dark);color:var(--white);padding-top:65px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:75px}.footer-brand{text-decoration:none;font-size:2rem;font-weight:800;letter-spacing:-.06em}.footer-grid p{max-width:350px;color:#b5b4b0;font-size:.85rem;margin-top:18px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-content:start}.footer-grid nav a{text-decoration:none;font-size:.83rem;font-weight:650}.footer-bottom{display:flex;justify-content:space-between;gap:35px;border-top:1px solid #444542;padding:22px 0 34px;font-size:.72rem;color:#a8a8a4}.footer-bottom span:last-child{max-width:550px;text-align:right}
@media(max-width:1150px){.desktop-nav{gap:12px}.desktop-nav a{font-size:.7rem}.header-inner{gap:22px}.hero{grid-template-columns:1fr;gap:65px}.hero-flow{max-width:690px;min-height:380px}.hero-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px}.hero-flow li{display:block;border-bottom:0}.hero-flow li h3{margin-top:18px}.hero-flow li p{font-size:.82rem}}
@media(max-width:900px){.shell,.header-inner{width:min(calc(100% - 48px),var(--shell))}.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block}.mobile-menu summary{width:35px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:6px}.mobile-menu summary span{display:block;height:2px;width:25px;background:var(--ink)}.mobile-menu nav{position:absolute;right:-10px;top:38px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.12);width:250px;padding:15px;display:grid;gap:3px}.mobile-menu nav a{padding:10px;text-decoration:none;font-size:.88rem;font-weight:700}.audience-grid,.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card figcaption{grid-template-columns:1fr}.privacy-layout,.business-teaser{grid-template-columns:1fr;gap:30px}.privacy-detail{padding-top:0}.business-mark{max-width:480px}.price-grid{grid-template-columns:1fr 1fr}.price-card:last-child{grid-column:1/-1}.three-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell,.header-inner{width:min(calc(100% - 36px),var(--shell))}.header-inner{min-height:66px}.brand{font-size:1.26rem}.hero{padding-top:68px;padding-bottom:88px;gap:48px;min-height:0}.hero h1{font-size:clamp(2.8rem,10.4vw,4.4rem);margin-bottom:26px}.hero-lead{font-size:1.02rem}.hero-flow{box-shadow:10px 10px 0 var(--orange);min-height:0}.hero-flow ol{display:block;padding:12px 22px}.hero-flow li{display:grid;grid-template-columns:36px 1fr;gap:0 10px;border-bottom:1px solid #4a4a47;padding:16px 0}.hero-flow li h3{font-size:1.35rem;margin:0 0 3px}.hero-flow li p{grid-column:2}.flow-end{padding:14px 22px}.section{padding-block:76px}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(2.4rem,8.2vw,3.65rem);margin-bottom:17px}.section-lead{font-size:1rem}.fit-grid,.tier-grid,.mode-cards,.price-grid,.two-grid,.three-grid,.faq-grid,.footer-grid,.privacy-flow{grid-template-columns:1fr}.fit-card{padding:26px;min-height:0}.fit-marker{margin-bottom:20px}.how-steps{grid-template-columns:1fr}.how-steps li{border-right:0;border-bottom:1px solid #585955;margin:0;padding:22px 0}.how-steps li h3{margin:16px 0 7px}.how-steps li p{max-width:none;margin:0}.audience-grid{grid-template-columns:1fr 1fr}.audience-card{min-height:275px;padding:18px}.audience-card h3{font-size:1.3rem;margin:35px 0 10px}.audience-card p{font-size:.78rem}.mode-card figcaption{min-height:0;padding:22px}.mode-card img{aspect-ratio:16/9}.language-grid{grid-template-columns:1fr 1fr}.language-grid span{font-size:.78rem;padding:12px 9px}.language-grid b{margin-right:7px}.price-card:last-child{grid-column:auto}.price-card{min-height:255px}.business-mark{box-shadow:10px 10px 0 var(--dark)}.subpage-intro{padding-top:70px}.subpage-intro h1{font-size:clamp(2.8rem,10vw,4.3rem)}.intro-lead{font-size:1.04rem}.subpage-rule{margin-top:42px}.case-block{grid-template-columns:42px 1fr;gap:10px;padding:34px 0 44px}.case-block h2{font-size:2.25rem}.case-block p{font-size:.94rem}.case-summary{font-size:1.08rem!important}.feature-alert{margin-bottom:55px}.feature-line{grid-template-columns:1fr;gap:9px;padding:19px 0}.feature-line span{order:-1}.feature-group{margin-bottom:62px}.faq-group article{grid-template-columns:1fr;gap:10px}.privacy-flow li h3{margin-top:15px}.footer-grid{gap:38px}.footer-bottom{display:block}.footer-bottom span{display:block!important;text-align:left!important;margin:0 0 10px}.language-panel{right:-42px;max-width:calc(100vw - 30px)}}
@media(max-width:390px){.audience-grid,.language-grid{grid-template-columns:1fr}.audience-card{min-height:230px}.status-pill{font-size:.69rem}.button-primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.tone-rules .feature-line{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}
@media(max-width:650px){.tone-rules .feature-line{grid-template-columns:1fr}}
.language-panel .translation-pending{grid-column:1/-1;font-size:.72rem;line-height:1.4;color:var(--muted);padding:5px 9px 10px;margin:0 0 3px;border-bottom:1px solid var(--line)}

/* SubVocal app palette. Polish editorial edition; other locales keep their prior design. */
:root {
  --paper: #F5F5F7;
  --white: #FFFFFF;
  --ink: #0C0C10;
  --muted: #55555F;
  --line: #DADAE2;
  --orange: #FF8D28;
  --world-contrast: #C55300;
  --office: #6155F5;
  --office-contrast: #564ADE;
  --violet: #4D3795;
  --dark: #0C0C10;
}

body { background: var(--paper); }
.site-header { background: rgba(245,245,247,.95); border-bottom-color: var(--line); }
.brand-symbol i:nth-child(1), .brand-symbol i:nth-child(3) { background: var(--violet); }
.brand-symbol i:nth-child(2) { background: var(--office); }
.brand-symbol i:nth-child(4) { background: var(--orange); }
.brand-dot, .footer-brand span { color: var(--orange); }
.desktop-nav a:hover, .site-footer a:hover { color: var(--orange); }
.language-panel a:hover, .mobile-menu nav a:hover { background: #EFEDFF; }
.text-link:hover { color: var(--office-contrast); border-color: var(--office-contrast); }
.eyebrow { color: var(--violet); }
.dark-band .eyebrow, .product-ensemble .eyebrow { color: #AAA3FF; }
.live-dot { background: var(--orange); box-shadow: 0 0 0 5px rgba(255,141,40,.18); }

.hero { gap: 58px; }
.hero h1 { letter-spacing: -.065em; }
.hero h1 span { display: block; }
.hero h1 .hero-accent { color: var(--office-contrast); }
.hero-flow { box-shadow: 18px 18px 0 var(--office); }
.flow-top { color: #BBB9C8; border-bottom-color: #3A3944; }
.hero-flow li { border-bottom-color: #3A3944; }
.hero-flow li p { color: #D0CFD9; }
.hero-flow li span { color: var(--orange); }
.flow-end { background: var(--orange); }
.polish-notice, .feature-alert { background: #FFF1E4; border-left-color: var(--world-contrast); }
.button-primary { color: var(--ink); }
.button-primary:hover { background: #FFA247; }
.status-pill { border-color: var(--violet); color: var(--violet); }

.fit-yes, .tier-free, .price-free { background: var(--orange); border-color: var(--orange); color: var(--ink); }
.fit-no, .audience-card, .tier-card:not(.tier-pro), .price-card:not(.price-free) { background: var(--white); }
.audience-card:hover { background: #EFEDFF; border-color: var(--office); }
.card-no { color: var(--world-contrast); }
.case-index, .language-grid b, .privacy-flow span { color: #A94700; }
.tier-pro { background: var(--office); border-color: var(--office); color: var(--white); }
.tier-pro .tier-head, .tier-pro .check-list li { border-color: rgba(255,255,255,.32); }
.tier-pro .tier-caveat { color: #F1EFFF; }
.tier-pro .check-list li::before { color: var(--white); }
.tier-pro .tier-head p { color: #F1EFFF; }
.modes-section { background: #EDEDF2; }
.mode-card figcaption { display: flex; flex-direction: column; gap: 17px; min-height: 210px; padding: 29px 32px; }
.mode-card figcaption span { font-size: clamp(1.8rem, 2.4vw, 2.45rem); letter-spacing: -.06em; line-height: 1; }
.mode-card figcaption h3 { font-size: 1.32rem; letter-spacing: -.03em; }
.mode-card figcaption p { font-size: .9rem; line-height: 1.55; }
.world-card figcaption { background: var(--orange); color: var(--ink); }
.world-card figcaption span, .world-card figcaption p { color: var(--ink); }
.office-card figcaption { background: var(--office); color: var(--white); }
.office-card figcaption span, .office-card figcaption p { color: var(--white); }
.mode-card img { height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.modes-note { color: var(--muted); }
.language-emphasis { background: #EDEAFF; border-left-color: var(--office); }
.dark-band { background: var(--dark); }
.dark-band .section-lead, .dark-band .detail-note { color: #C7C6D0; }
.soft-band { background: #EDEDF2; }
.editorial-list li::before { color: var(--office-contrast); }
.feature-line span { color: var(--office-contrast); }
.subpage-nav a:hover { background: var(--orange); }
.case-note, .privacy-legal-note, .business-note { background: #EDEAFF; border-left-color: var(--office); }
.pricing-section .price-card:not(.price-free) { border-top: 5px solid var(--office); }
.pricing-section .price-card:last-child { border-top-color: var(--violet); }
.business-mark { background: var(--office); color: var(--white); box-shadow: 18px 18px 0 var(--violet); }
.business-mark span { border-bottom-color: rgba(255,255,255,.65); }

.product-ensemble { background: var(--dark); color: var(--white); }
.product-ensemble .shell { min-height: 650px; position: relative; isolation: isolate; display: flex; align-items: center; overflow: hidden; }
.product-ensemble-copy { position: relative; z-index: 2; width: min(45%, 475px); padding: 58px 0 58px 28px; }
.product-ensemble-copy .section-head { margin-bottom: 24px; }
.product-ensemble-copy h2 { font-size: clamp(3rem, 4.7vw, 5.1rem); line-height: 1.02; }
.product-ensemble-copy .section-lead { color: #E7E6EE; font-size: 1.05rem; }
.product-ensemble-copy > p { max-width: 380px; color: #C5C4D0; font-size: .86rem; }
.product-ensemble-image { margin: 0; position: absolute; inset: 0; z-index: 0; }
.product-ensemble-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #0C0C10 0%, #0C0C10ED 20%, #0C0C10A0 37%, transparent 56%); pointer-events: none; }
.product-ensemble-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.site-footer { background: var(--dark); color: var(--white); padding-top: 68px; overflow: hidden; }
.footer-grid { padding-bottom: 55px; }
.footer-grid p { color: #C2C1CC; }
.footer-bottom { color: #AEADB9; border-top-color: #41404A; padding-bottom: 28px; }
.footer-wordmark { color: var(--white); font-size: clamp(3.2rem, 11.5vw, 11.4rem); line-height: .82; font-weight: 860; letter-spacing: -.105em; white-space: nowrap; text-align: center; padding-bottom: 13px; }
.footer-wordmark span { color: var(--orange); }

@media (max-width: 900px) {
  .product-ensemble .shell { min-height: 575px; }
  .product-ensemble-copy { width: min(56%, 450px); }
  .product-ensemble-image img { object-position: 60% center; }
}
@media (max-width: 650px) {
  .hero-flow { box-shadow: 10px 10px 0 var(--office); }
  .hero h1 span { display: inline; margin-right: .11em; }
  .hero h1 span:last-child { margin-right: 0; }
  .product-ensemble .shell { width: 100%; min-height: 0; flex-direction: column; align-items: stretch; }
  .product-ensemble-copy { width: 100%; padding: 62px 18px 30px; }
  .product-ensemble-copy h2 { font-size: clamp(2.65rem, 10vw, 3.9rem); }
  .product-ensemble-image { position: relative; width: 100%; height: min(85vw, 390px); }
  .product-ensemble-image::after { background: linear-gradient(180deg, #0C0C10 0%, transparent 27%); }
  .product-ensemble-image img { object-position: 80% center; }
  .footer-wordmark { font-size: clamp(2.6rem, 11.2vw, 5.6rem); padding-bottom: 28px; }
}

/* Frequency Dark — Polish design study. Loaded after the shared editorial CSS. */
:root {
  --paper: #0c0c10;
  --white: #191821;
  --line: #373541;
  --muted: #c2c0cd;
  --dark: #0c0c10;
  --surface: #17161d;
  --surface-raised: #201e2a;
  --soft-violet: #aea6ff;
  --white-ink: #f5f5f7;
}

html { scroll-padding-top: 78px; }
body.theme-dark { background: var(--paper); color: var(--white-ink); }
::selection { background: var(--orange); color: #0c0c10; }
a:focus-visible, summary:focus-visible { outline-color: var(--orange); }

/* Navigation stays calm while the signal colour marks interaction. */
.site-header {
  background: rgba(12, 12, 16, .88);
  border-bottom: 1px solid #ffffff24;
  backdrop-filter: blur(22px) saturate(140%);
}
.brand, .desktop-nav a, .header-actions, .mobile-menu nav a { color: var(--white-ink); }
.desktop-nav a:hover, .site-footer a:hover { color: var(--orange); }
.language-panel, .mobile-menu nav {
  background: #201e2a;
  border-color: #4a475a;
  box-shadow: 0 24px 60px #0009;
}
.language-panel a:hover, .mobile-menu nav a:hover { background: #39304d; }
.mobile-menu summary span { background: var(--white-ink); }
.language-panel .translation-pending { color: #c4c0d0; }

/* Shared editorial rhythm. */
.eyebrow, .card-no, .case-index, .language-grid b,
.privacy-flow span, .feature-line span { color: var(--soft-violet); }
.section-lead, .intro-lead, .requirements-line,
.pricing-footnote, .modes-note { color: var(--muted); }
.section { padding-block: clamp(88px, 9vw, 148px); }
.section-head h2 { max-width: 1000px; }
.text-link { border-color: #aaa5bb; }
.text-link:hover { color: var(--orange); border-color: var(--orange); }
.button-primary { color: #0c0c10; box-shadow: 0 9px 36px #ff8d2829; }
.button-primary:hover { box-shadow: 0 12px 42px #ff8d2842; }
.polish-notice, .feature-alert, .language-emphasis,
.case-note, .privacy-legal-note, .business-note {
  background: #251e1a;
  border-left-color: var(--orange);
  color: #f0e8e1;
}
.polish-notice strong { color: var(--orange); }

/* Opening image and typography share one stage. */
.dark-hero {
  position: relative;
  overflow: hidden;
  /* One full-width backdrop blends the heading and app previews without panel edges. */
  background: radial-gradient(ellipse 58% 38% at 68% 24%, #6155f52e 0%, #6155f512 38%, transparent 80%),
              radial-gradient(ellipse 58% 42% at 33% 27%, #ff8d2814 0%, transparent 82%),
              linear-gradient(180deg, #121117 0%, #0c0c10 82%);
}
.dark-hero::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 35vw;
  height: 1px;
  background: linear-gradient(90deg, var(--orange), transparent);
  opacity: .7;
}
.dark-hero-main {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .87fr) minmax(0, 1.13fr);
  grid-template-areas: 'title .' 'info proof';
  align-items: center;
  min-height: 790px;
  padding-block: 76px 84px;
  gap: 24px 16px;
}
.dark-hero-title { grid-area: title; align-self: end; z-index: 2; }
.dark-hero-title .eyebrow { color: var(--orange); margin-bottom: 28px; }
.dark-hero-title h1 {
  position: relative;
  z-index: 2;
  max-width: 790px;
  margin: 0;
  font-size: clamp(3.7rem, 5.8vw, 6.4rem);
  line-height: .96;
  letter-spacing: -.077em;
  text-wrap: balance;
}
.dark-hero-title h1 span { display: block; }
.dark-hero-title h1 .hero-accent {
  color: var(--soft-violet);
  text-shadow: 0 0 68px #6155f566;
}
.dark-hero-info { grid-area: info; align-self: start; z-index: 2; max-width: 620px; }
.dark-hero-info .hero-lead { font-size: clamp(1.1rem, 1.8vw, 1.32rem); color: #e1e0e8; }
.dark-hero-info .polish-notice { max-width: 550px; font-size: .9rem; }
.dark-hero-info .status-pill {
  color: #d3cfff;
  border-color: #7770b8;
  background: #6155f514;
}
.dark-hero-art {
  position: absolute;
  z-index: 1;
  top: 78px;
  right: -17%;
  margin: 0;
  width: min(85%, 1050px);
  aspect-ratio: 1672 / 941;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%),
                      linear-gradient(180deg, transparent 0%, #000 15%, #000 82%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 28%),
              linear-gradient(180deg, transparent 0%, #000 15%, #000 82%, transparent 100%);
  mask-composite: intersect;
}
.dark-hero-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0c0c10 0%, #0c0c1066 18%, transparent 43%),
              linear-gradient(0deg, #0c0c10 0%, transparent 18%);
}
.dark-hero-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero-proof {
  grid-area: proof;
  z-index: 2;
  align-self: end;
  margin-left: auto;
  width: min(100%, 410px);
  display: grid;
  border-top: 1px solid #8173b9;
  padding: 16px 0 4px;
}
.hero-proof span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #514a61;
  color: #eee9fb;
  font-size: .75rem;
  font-weight: 790;
  letter-spacing: .1em;
}
.hero-proof span::before { content: ''; width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--orange); box-shadow: 0 0 15px #ff8d28a0; }
.hero-process { position: relative; padding-bottom: 68px; }
.hero-flow {
  min-height: 0;
  display: block;
  background: #1b1922;
  color: var(--white-ink);
  border: 1px solid #4d475b;
  box-shadow: 12px 12px 0 #6155f5;
}
.flow-top { padding: 19px 25px; color: #d6d3e2; }
.hero-flow ol { display: grid; grid-template-columns: repeat(3, 1fr); padding: 16px 24px 26px; }
.hero-flow li {
  display: block;
  padding: 17px 28px;
  border-bottom: 0;
  border-right: 1px solid #4d475b;
}
.hero-flow li:first-child { padding-left: 0; }
.hero-flow li:last-child { border-right: 0; }
.hero-flow li h3 { margin-top: 15px; font-size: 1.42rem; }
.hero-flow li p { color: #d2cfdd; }
.flow-end { justify-content: space-between; padding-inline: 25px; }

/* The placeholder is an honest production frame, with automatic video swap. */
.intro-section {
  position: relative;
  background: linear-gradient(180deg, #0c0c10 0%, #171226 18%, #101017 75%, #0c0c10 100%);
}
.intro-section::before {
  content: '01 / INTRO';
  position: absolute;
  top: 36px;
  right: max(40px, calc((100vw - var(--shell)) / 2));
  color: #a59aba;
  font: 700 .68rem Inter, sans-serif;
  letter-spacing: .18em;
}
.intro-heading .section-head { max-width: 950px; }
.intro-heading .eyebrow { color: var(--orange); }
.intro-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid #7e70b066;
  background: #0a090f;
  box-shadow: 0 24px 100px #0009, 12px 12px 0 #4d3795;
}
.intro-video { width: 100%; height: 100%; object-fit: contain; background: #0a090f; }
.intro-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(20px, 4vw, 46px);
  background: radial-gradient(ellipse 47% 72% at 50% 47%, #37296170, transparent 77%),
              linear-gradient(135deg, #13101e, #09090c 75%);
}
.intro-placeholder::before, .intro-placeholder::after {
  content: '';
  position: absolute;
  inset: 13%;
  border: 1px solid #aea6ff13;
  border-radius: 50%;
  transform: scaleX(1.5);
}
.intro-placeholder::after { inset: 25%; border-color: #ff8d281a; transform: scaleX(1.7); }
.intro-corner, .intro-end {
  z-index: 1;
  color: #cbc6d7;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: clamp(.57rem, .8vw, .7rem);
  font-weight: 760;
}
.intro-end { align-self: flex-end; }
.intro-center { z-index: 1; text-align: center; display: grid; place-items: center; gap: 22px; }
.intro-center strong {
  font-size: clamp(1rem, 2.1vw, 2.2rem);
  font-weight: 650;
  letter-spacing: -.04em;
}
.intro-wave { display: flex; align-items: center; gap: 7px; height: 74px; }
.intro-wave i { width: 5px; height: 20px; background: var(--orange); border-radius: 3px; box-shadow: 0 0 28px #ff8d28bb; }
.intro-wave i:nth-child(2), .intro-wave i:nth-child(4) { height: 45px; background: #aea6ff; box-shadow: 0 0 28px #6155f5bb; }
.intro-wave i:nth-child(3) { height: 74px; }

/* The same depth and colour intent continue through the full story. */
.fit-section { border-top: 0; }
.fit-card { border-radius: 2px; }
.fit-yes, .tier-free, .price-free { color: #0c0c10; }
.fit-no { background: #1a1921; border-color: #595265; }
.fit-limitation { color: #d5d0df; }
.dark-band {
  background: radial-gradient(ellipse 42% 48% at 96% 50%, #322554 0%, transparent 100%),
              linear-gradient(180deg, #0c0c10, #171321 19%, #171321 81%, #0c0c10);
  border: 0;
  color: var(--white-ink);
}
.dark-band .section-lead, .dark-band .detail-note { color: #d0ccda; }
.how-steps, .how-steps li { border-color: #655c6f; }
.how-steps li p { color: #d1ccdb; }
.detail-note { color: #c9c5d3; }
.audience-card {
  background: #191821;
  border-color: #484351;
  min-height: 340px;
}
.audience-card:nth-child(2), .audience-card:nth-child(4) { background: #201b2c; }
.audience-card:hover { background: #33264c; border-color: #9686f2; transform: translateY(-5px); }
.audience-card .card-arrow { color: var(--orange); }
.tier-card:not(.tier-free) { border-color: #887bff; }
.tier-card.tier-free { display: flex; flex-direction: column; background: #ff8d28; border-color: #ff8d28; color: #0c0c10; }
.tier-free .tier-head, .tier-free .check-list li { border-color: #0c0c1040; }
.tier-free .check-list li::before { color: #0c0c10; }
.tier-free-footer { margin: auto 0 0; padding-top: 28px; border-top: 1px solid #0c0c1040; font-size: .88rem; font-weight: 750; }
.tier-pro { background: linear-gradient(145deg, #6459ec, #372478); color: #fff; }
.tier-pro .tier-caveat { color: #f1efff; }
.tier-pro .check-list li { border-color: #ffffff44; }
.tier-pro .check-list li::before { color: #fff; }
.pro-benefits-heading { margin: 75px 0 25px; max-width: 760px; }
.pro-benefits-heading .eyebrow, .feature-pro-overview .eyebrow { color: var(--orange); margin-bottom: 17px; }
.pro-benefits-heading h3 { font-size: clamp(2.2rem, 4vw, 4.2rem); margin: 0 0 18px; }
.pro-benefits-heading p:last-child, .feature-pro-overview > p:not(.eyebrow) { color: #d3cddf; font-size: 1.02rem; }
.pro-benefits { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.pro-benefits article {
  min-width: 0;
  padding: 27px 24px 31px;
  border: 1px solid #5c4e70;
  border-top: 3px solid var(--orange);
  background: linear-gradient(160deg, #262031, #17151d 73%);
}
.pro-benefits article span { color: var(--orange); font-size: .67rem; letter-spacing: .15em; font-weight: 820; }
.pro-benefits h3 { font-size: 1.35rem; margin: 34px 0 12px; line-height: 1.12; }
.pro-benefits p { font-size: .85rem; color: #d4cfdb; margin: 0; }
.feature-pro-overview {
  padding: 45px;
  margin-bottom: 98px;
  border: 1px solid #7c5584;
  background: radial-gradient(ellipse 75% 110% at 93% -10%, #3c2a67, transparent 80%), #16121e;
}
.feature-pro-overview h2 { font-size: clamp(2.4rem, 4.5vw, 4.7rem); margin: 0 0 20px; }
.feature-pro-overview > p:not(.eyebrow) { max-width: 820px; }
.feature-pro-overview .pro-benefits { margin-top: 35px; }
.feature-pro-overview .pro-benefits article { background: #221b2d; }
.feature-pro-note { margin: 30px 0 0!important; color: #bbb1c6!important; font-size: .79rem!important; }
.feature-line.feature-pro { background: linear-gradient(90deg, #2d1f20, #1d1920 60%, transparent); padding-inline: 18px; border-left: 3px solid var(--orange); }
.feature-line.feature-pro span { color: var(--orange); }
.feature-line.feature-pro h3 { color: #fff1e4; }
.modes-section { background: linear-gradient(180deg, #0c0c10, #1a1523 15%, #1a1523 85%, #0c0c10); border: 0; }
.mode-card img { background: #25202a; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.world-card figcaption { background: var(--orange); color: #0c0c10; }
.office-card figcaption { background: #6155f5; color: #fff; }
.office-card figcaption span, .office-card figcaption p { color: #fff; }
.mode-card figcaption { min-height: 150px; padding: 20px 24px; gap: 10px; }
.mode-card figcaption span { font-size: clamp(1.2rem, 1.7vw, 1.65rem); letter-spacing: -.05em; }
.mode-card figcaption h3 { font-size: 1.14rem; margin-bottom: 6px; }
.mode-card figcaption p { font-size: .84rem; line-height: 1.45; }
.language-emphasis { background: #211b31; border-color: #6155f5; color: #eeeaff; }
.language-grid span { background: #17161d; }
.language-grid span:nth-child(4n + 2), .language-grid span:nth-child(4n + 3) { background: #1d1926; }
.privacy-teaser { background: radial-gradient(ellipse 46% 55% at 85% 50%, #352250 0%, transparent 95%), linear-gradient(180deg, #0c0c10, #14111c 24%, #14111c 76%, #0c0c10); }
.privacy-detail p { color: #e2dce9; }
.price-card:not(.price-free) { background: #1a1723; border: 1px solid #5c5076; border-top: 5px solid #6155f5; }
.price-card:last-child { border-top-color: #a78dff; }
.price-card:not(.price-free) .price-value { color: #bbb2ff; }
#cennik .price-card.price-pro { color: #fff; border: 1px solid #8a7afa; }
#cennik .price-card.price-annual { background: linear-gradient(140deg, #6155f5, #4032a0 80%); }
#cennik .price-card.price-forever { background: linear-gradient(140deg, #4d3795, #261c4d 86%); border-color: #997cee; }
#cennik .price-card.price-pro .price-value { color: #fff; }
#cennik .price-card.price-pro .price-label { color: #f8cb9f; }
.plan-assurance {
  margin: 31px 0 0;
  max-width: 1100px;
  padding: 24px 26px;
  border-left: 3px solid var(--orange);
  background: #211b28;
  color: #dfdbe8;
  font-size: .92rem;
}
.plan-assurance .text-link { margin: 0 0 0 8px; font-size: .9rem; border: 0; color: var(--orange); }
.business-teaser { position: relative; }
.business-mark { background: linear-gradient(145deg, #665bf8, #4d3795); color: #fff; box-shadow: 18px 18px 0 #30294a; }
.business-mark span { border-color: #ffffff9c; }
.faq-grid p { color: #c9c6d0; }
.device-guide {
  background: radial-gradient(ellipse 55% 28% at 88% 50%, #30214a 0%, transparent 100%),
              linear-gradient(180deg, #0c0c10, #14111d 18%, #14111d 82%, #0c0c10);
}
.device-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.device-guide-grid article { padding: 30px; border: 1px solid #5d526d; background: #1a1722; }
.device-guide-grid article:first-child { border-top: 4px solid var(--orange); }
.device-guide-grid article:nth-child(2) { border-top: 4px solid #6155f5; }
.device-guide-grid article:nth-child(3) { border-top: 4px solid #a78dff; }
.device-guide-grid span { font-size: .74rem; font-weight: 800; color: var(--orange); }
.device-guide-grid h3 { font-size: 1.65rem; margin: 36px 0 16px; }
.device-guide-grid p { color: #d2ccda; font-size: .9rem; margin: 0; }
.device-guide-scenario { max-width: 950px; margin: 32px 0 0; padding: 20px 24px; border-left: 3px solid #8d76f2; background: #292038; color: #e5ddec; }
.product-ensemble { border-top: 1px solid #55505f; color: var(--white-ink); }
.product-ensemble .shell { min-height: 700px; }
.site-footer { border-top: 1px solid #605667; color: var(--white-ink); }
.footer-wordmark { color: var(--white-ink); text-shadow: 0 0 90px #6155f526; }

/* Subpages are part of the same dark product experience. */
.subpage-intro {
  position: relative;
  background: none;
}
body.theme-dark:has(.subpage-intro) main { background: radial-gradient(ellipse 74vw 610px at 84% 0%, #35254d 0%, transparent 94%) no-repeat; }
.subpage-intro::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 2px;
  right: 0;
  bottom: 49px;
  background: linear-gradient(90deg, transparent, var(--orange));
}
.subpage-intro h1 { color: var(--white-ink); }
.intro-lead { color: #dedbe6; }
.subpage-nav a { background: #1c1925; border-color: #51485d; }
.subpage-nav a:hover { background: var(--orange); color: #0c0c10; }
.case-block { border-color: #494451; }
.case-summary { color: #d8d0ef; }
.case-note { background: #241d2c; color: #d9d5e0; border-color: #6155f5; }
.feature-alert { background: #261f20; }
.feature-line p, .faq-group p { color: #d0ccd7; }
.feature-line span { color: #b9aeff; }
.privacy-flow li { border-color: #68606f; }
.privacy-flow span { color: var(--orange); }
.soft-band { background: linear-gradient(180deg, #0c0c10, #1b1823 18%, #1b1823 82%, #0c0c10); border: 0; }
.editorial-list li { border-color: #5a5361; }
.editorial-list li::before { color: var(--orange); }
.privacy-legal-note, .business-note { background: #261e2c; border-left-color: #a18df6; }
.three-grid article, .two-grid article { border-color: #68606f; }

@media (max-width: 1100px) {
  .dark-hero-main { min-height: 690px; }
  .dark-hero-title h1 { font-size: clamp(3.4rem, 6.5vw, 5.7rem); }
  .dark-hero-art { width: 89%; right: -22%; top: 115px; }
  .pro-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .dark-hero-main { min-height: 0; grid-template-columns: 1fr 1fr; padding-block: 84px; }
  .dark-hero-art { width: 91%; right: -30%; top: 130px; }
  .dark-hero-title h1 { font-size: clamp(3.4rem, 7vw, 5rem); }
  .hero-proof { max-width: 260px; }
  .hero-flow ol { display: grid; grid-template-columns: repeat(3, 1fr); }
  .device-guide-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .section { padding-block: 84px; }
  .dark-hero-main {
    grid-template-columns: 1fr;
    grid-template-areas: 'title' 'art' 'info' 'proof';
    gap: 14px;
    padding-top: 70px;
    padding-bottom: 38px;
  }
  .dark-hero-title h1 { font-size: clamp(3rem, 12vw, 5.4rem); }
  .dark-hero-title h1 span { display: inline; }
  .dark-hero-title h1 span::after { content: ' '; }
  .dark-hero-art {
    position: relative;
    inset: auto;
    width: calc(100% + 36px);
    height: auto;
    aspect-ratio: 1672 / 941;
    margin: 0 -18px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
  }
  .dark-hero-art::after { background: linear-gradient(0deg, #0c0c10, transparent 22%); }
  .dark-hero-art img { object-position: 75% center; }
  .dark-hero-info .hero-lead { font-size: 1.08rem; }
  .hero-proof { width: 100%; max-width: none; margin: 22px 0 0; }
  .hero-proof span { font-size: .68rem; padding-block: 8px; }
  .hero-process { padding-bottom: 54px; }
  .hero-flow { box-shadow: 8px 8px 0 #6155f5; }
  .hero-flow ol { display: block; padding: 6px 20px 14px; }
  .hero-flow li, .hero-flow li:first-child { border-right: 0; border-bottom: 1px solid #4d475b; padding: 16px 0; }
  .hero-flow li:last-child { border-bottom: 0; }
  .hero-flow li h3 { margin-top: 5px; }
  .intro-section::before { right: 18px; top: 20px; }
  .intro-frame { box-shadow: 7px 7px 0 #4d3795; }
  .intro-center { gap: 10px; }
  .intro-wave { transform: scale(.65); }
  .intro-placeholder { padding: 17px; }
  .mode-card figcaption { min-height: 0; }
  .mode-card img { aspect-ratio: 5 / 4; }
  .pro-benefits { grid-template-columns: 1fr; }
  .pro-benefits-heading { margin-top: 58px; }
  .pro-benefits article { padding: 24px; }
  .pro-benefits h3 { margin-top: 22px; }
  .feature-pro-overview { padding: 25px 20px; margin-bottom: 70px; }
  .feature-line.feature-pro { padding-inline: 12px; }
  .plan-assurance .text-link { margin: 8px 0 0; }
  .device-guide-grid article { padding: 25px; }
  .product-ensemble .shell { min-height: 0; }
  .subpage-intro::after { bottom: 49px; }
}

@media (max-width: 390px) {
  .dark-hero-title h1 { font-size: 11vw; }
  .intro-corner, .intro-end { font-size: .5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .audience-card:hover { transform: none; }
}

/* Polish update: source material 26 September 2026. No shared locale styles. */
body.theme-dark { font-size: 18px; }
.desktop-nav a, .header-actions a, .language-menu summary { font-size: 14px; }
.desktop-nav a[aria-current="page"] { color: var(--orange); }
.eyebrow, .card-no, .case-index, .requirements-line, .price-label,
.tier-head > span, .pro-benefits article > span, .hero-proof span,
.subpage-rule, .footer-grid nav a, .footer-grid p, .footer-bottom,
.status-pill, .language-panel .translation-pending { font-size: 14px; }
.button-primary, .text-link { font-size: 16px; }
.dark-hero-title h1 { font-size: clamp(5rem, 8vw, 8.8rem); line-height: .94; letter-spacing: -.072em; }
.dark-hero-info .polish-notice { font-size: 16px; }
.dark-hero-info .hero-lead { max-width: 620px; }
.dark-hero-art { width:94%; right:-4%; top:105px; }
.hero-proof { width: min(100%, 390px); }
.hero-flow li p, .flow-top, .flow-end { font-size: 14px; }
.audience-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.audience-card { min-height: 310px; padding: 28px; }
.audience-card h3 { margin-top: 32px; font-size: 28px; }
.audience-card p, .check-list li, .tier-head p, .pro-benefits p,
.faq-grid p, .feature-line p, .three-grid article p, .two-grid article p,
.device-guide-grid p, .mode-card figcaption p, .price-card > p:last-child { font-size: 16px; }
.tier-caveat, .feature-pro-note, .modes-note, .pricing-footnote { font-size: 15px !important; }
.feature-line h3 { font-size: 18px; }
.feature-line span { font-size: 14px; }
.feature-pro-overview > p, .pro-benefits-heading > p { max-width: 870px; }
.pro-benefits h3 { font-size: 24px; }
.pro-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.pro-benefits article { padding: 30px; }
.pro-benefits article h3 { margin-top: 22px; }
.mode-card figcaption { grid-template-columns: 1fr; min-height: 190px; }
.mode-card figcaption span { font-size: 22px; letter-spacing: -.02em; }
.mode-card figcaption h3 { font-size: 22px; }
.world-card figcaption p, .world-card figcaption span { color: #18100b; }
.language-grid span { font-size: 16px; }
.language-grid b { font-size: 14px; }
.new-features { background: radial-gradient(ellipse 80% 45% at 15% 50%, #4d37952e, transparent 85%); }
.new-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.new-feature-grid article { border-top: 2px solid #6155f5; padding-top: 25px; }
.new-feature-grid article:nth-child(2) { border-top-color: var(--orange); }
.new-feature-grid article:nth-child(3) { border-top-color: #ab9afa; }
.new-feature-grid .eyebrow { color: var(--orange); font-size: 14px; letter-spacing: .04em; min-height: 36px; margin-bottom: 30px; }
.new-feature-grid h3 { font-size: clamp(26px,2.8vw,36px); max-width: 330px; line-height: 1.08; }
.new-feature-grid article > p:last-child { color: var(--muted); font-size: 17px; }
.app-screen-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; }
.app-screen { margin: 0; min-width: 0; }
.screen-image-link { display: flex; justify-content: center; align-items: flex-start; padding: 30px 18px; background: radial-gradient(ellipse at 50% 65%, #4d37954a, transparent 70%); border-bottom: 1px solid #4d405e; }
.app-screen img { width: auto; height: 510px; max-width: 100%; object-fit: contain; border-radius: 0; box-shadow: 0 20px 55px #0005; }
.app-screen figcaption { padding: 28px 0 0; }
.app-screen figcaption h3 { font-size: 25px; line-height: 1.15; margin-bottom: 12px; }
.app-screen figcaption p { font-size: 16px; color: var(--muted); margin-bottom: 0; }
.screenshot-section { border-top: 1px solid #3a3047; }
.intro-section { padding-block: 70px; }
.intro-heading .section-head { max-width: 850px; }
.intro-heading h2 { font-size: clamp(32px,4vw,54px); }
.intro-placeholder { min-height: 260px; aspect-ratio: auto; }
.intro-corner, .intro-end { font-size: 14px; }
.intro-center strong { font-size: clamp(20px,3vw,32px); }
.pricing-terms { margin-top: 30px; border-block: 1px solid #625776; padding-block: 18px; font-size: 16px; }
.pricing-terms summary { cursor: pointer; font-weight: 650; padding: 5px 0; }
.pricing-terms p { margin: 20px 0; max-width: 950px; color: #ddd5e9; }
.watch-demo { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px; align-items: center; margin-top: 70px; border-top: 1px solid #51465d; padding-top: 50px; }
.watch-demo > div h3 { font-size: clamp(32px,3.5vw,48px); }
.watch-demo > div p:last-child { color: var(--muted); font-size: 17px; }
.watch-demo .app-screen img { height: auto; width: min(100%,230px); }
.watch-demo .screen-image-link { padding: 0; background: none; border: 0; }
.watch-demo .app-screen figcaption h3 { font-size: 20px; }
.watch-demo .app-screen figcaption p { font-size: 15px; }
.language-variants { margin-bottom: 90px; }
.language-variants h2 { font-size: clamp(32px,4vw,54px); }
.language-variants > p { color: var(--muted); max-width: 760px; }
.language-variants dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 28px; }
.language-variants dl > div { border-top: 1px solid #544766; padding: 18px 0; }
.language-variants dt { font-size: 18px; font-weight: 680; }
.language-variants dd { margin: 6px 0 0; color: var(--muted); font-size: 15px; }
.document-meta { font-size: 15px; color: var(--muted); }
.document-pending { border-left: 3px solid var(--orange); background: #251c23; padding: 22px; font-size: 16px; max-width: 880px; }
.document-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 30px; max-width: 960px; margin-top: 40px; }
.document-nav a { font-size: 16px; text-decoration-color: #6c6183; text-underline-offset: 5px; }
.policy-content { max-width: 960px; }
.policy-section { border-top: 1px solid #554861; padding-block: 40px; scroll-margin-top: 100px; }
.policy-section h2 { font-size: clamp(28px,3vw,40px); line-height: 1.12; }
.policy-section p { color: #d6d0df; font-size: 18px; line-height: 1.8; max-width: 800px; margin: 0; }
.policy-links { margin-top: 35px; font-size: 16px; }
.help-question { border-top: 1px solid #554861; padding: 0; }
.help-question:last-child { border-bottom: 1px solid #554861; }
.help-question summary { font-size: 20px; font-weight: 650; cursor: pointer; padding: 23px 45px 23px 0; list-style: none; position: relative; line-height: 1.4; }
.help-question summary::-webkit-details-marker { display: none; }
.help-question summary::after { content: '+'; color: var(--orange); position: absolute; right: 6px; top: 18px; font-size: 30px; font-weight: 400; }
.help-question[open] summary::after { content: '−'; }
.help-question p { max-width: 890px; margin: 0 0 25px; font-size: 18px; line-height: 1.75; }
.faq-group { scroll-margin-top: 110px; }
.subpage-nav a { font-size: 15px; padding: 12px 16px; }
.case-block p { font-size: 18px; }
.case-note { font-size: 16px !important; }
.price-free { color: #0c0c10; }
.footer-bottom { line-height: 1.65; }
/* Real app views, placed next to the feature they explain. */
.conversation-screens { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.feature-screen { margin:0; min-width:0; }
.feature-screen-image { max-width:270px; margin:0 auto; border:1px solid #615775; border-radius:18px 18px 0 0; overflow:hidden; box-shadow:0 24px 65px #0005; }
.screen-crop { position:relative; width:100%; overflow:hidden; background:#f5f5f7; }
.screen-crop img { position:absolute; left:0; width:100%; max-width:none; height:auto; display:block; margin:0; border-radius:0; box-shadow:none; object-fit:fill; }
.feature-screen figcaption { padding-top:26px; }
.feature-screen h3 { font-size:27px; margin:14px 0; }
.feature-screen p { font-size:17px; color:var(--muted); margin-bottom:0; }
.screen-step { font-size:14px; font-weight:750; color:var(--orange); }
.pro-with-screen { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:start; gap:40px; }
.pro-with-screen .pro-benefits { gap:14px; }
.pro-with-screen .pro-benefits article { padding:25px; }
.pro-with-screen .pro-benefits article h3 { font-size:24px; }
.pro-screen { padding:8px 0 0; }
.pro-screen .feature-screen h3 { font-size:23px; }
.pro-screen .feature-screen p { font-size:16px; }
.screen-story { padding-block:64px; border-bottom:1px solid #51475f; }
.screen-story .section-head h2 { font-size:clamp(32px,4vw,52px); }
.message-screens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; max-width:810px; margin:0 auto; }
.message-screens .feature-screen-image { max-width:290px; }
.message-screens .feature-screen figcaption { max-width:350px; margin-inline:auto; }
.protection-story { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:center; gap:70px; }
.protection-story h2 { font-size:clamp(34px,4.5vw,58px); }
.protection-story p { max-width:640px; font-size:18px; color:var(--muted); }
.protection-figure { margin:0; }
.protection-preview { border-radius:16px; border:1px solid #695779; overflow:hidden; }
.screen-crop-divider { background:#1c1925; color:#a697bb; text-align:center; font-size:20px; line-height:1.2; }
.protection-figure figcaption, .welcome-story figcaption { padding-top:16px; font-size:14px; color:var(--muted); }
.case-content-visual { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:48px; align-items:center; }
.case-content-visual .feature-screen p { font-size:16px; }
.case-content-visual .feature-screen h3 { font-size:24px; }
.welcome-story { display:grid; grid-template-columns:360px minmax(0,1fr); gap:70px; align-items:center; margin-bottom:70px; padding-top:20px; }
.welcome-story figure { margin:0; }
.welcome-story .screen-crop { border-radius:16px; box-shadow:0 24px 65px #0005; }
.welcome-story h2 { font-size:clamp(30px,4vw,48px); }
.welcome-story p { color:var(--muted); font-size:18px; }
@media (max-width:1100px) {
 .dark-hero-art { width:94%; right:-7%; top:135px; }
 .pro-with-screen { grid-template-columns:minmax(0,1fr) 240px; gap:25px; }
 .pro-with-screen .pro-benefits { grid-template-columns:1fr; }
 .protection-story { gap:35px; grid-template-columns:minmax(0,1fr) 310px; }
 .case-content-visual { grid-template-columns:minmax(0,1fr) 230px; gap:26px; }
 .welcome-story { grid-template-columns:300px minmax(0,1fr); gap:38px; }
 .desktop-nav { gap: 13px; }
 .header-inner { gap: 20px; }
 .app-screen-grid { gap: 25px; }
 .app-screen img { height: 440px; }
 .watch-demo { gap: 25px; }
}
@media (max-width:900px) {
 .dark-hero-art { width:94%; right:-3%; top:150px; }
 .conversation-screens { gap:25px; }
 .feature-screen h3 { font-size:24px; }
 .case-content-visual { grid-template-columns:1fr; }
 .case-content-visual .feature-screen { max-width:360px; }
 .audience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .new-feature-grid { grid-template-columns: 1fr; }
 .new-feature-grid .eyebrow { min-height: auto; margin-bottom: 20px; }
 .new-feature-grid h3 { max-width: none; }
 .app-screen img { height: 350px; }
 .screen-image-link { padding: 20px 0; }
 .app-screen-grid { gap: 22px; }
 .app-screen figcaption h3 { font-size: 23px; }
 .language-variants dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .watch-demo { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .watch-demo > div { grid-column: 1/-1; max-width: 600px; }
}
@media (max-width:700px) {
 .dark-hero-art { width:calc(100% + 36px); inset:auto; margin-inline:-18px; aspect-ratio:1.18; -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%); mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%); }
 .dark-hero-art img { object-fit:cover; object-position:right center; }
 .conversation-screens { grid-template-columns:1fr; gap:50px; }
 .conversation-screens .feature-screen { display:grid; grid-template-columns:1fr; max-width:430px; margin-inline:auto; }
 .conversation-screens .feature-screen-image { width:100%; max-width:270px; }
 .feature-screen p { font-size:18px; }
 .pro-with-screen { grid-template-columns:1fr; }
 .pro-screen { max-width:360px; margin-inline:auto; padding-top:20px; }
 .protection-story { grid-template-columns:1fr; gap:30px; }
 .protection-figure { width:min(100%,360px); margin:auto; }
 .message-screens { grid-template-columns:1fr; gap:45px; }
 .welcome-story { grid-template-columns:1fr; gap:30px; }
 .welcome-story figure { max-width:360px; width:100%; margin-inline:auto; }
 .dark-hero-title h1 { font-size: clamp(64px,14vw,96px); line-height: .96; }
 .dark-hero-title h1 span { display: block; }
 .dark-hero-main { padding-top: 50px; }
 .dark-hero-info .hero-lead { font-size: 18px; }
 .section-lead { font-size: 18px; }
 .hero-proof span { font-size: 14px; }
 .pro-benefits { grid-template-columns: 1fr; }
 .pro-benefits article { padding: 25px; }
 .app-screen-grid { grid-template-columns: 1fr; gap: 54px; }
 .app-screen img { height: auto; width: min(100%,270px); }
 .app-screen figcaption { max-width: 430px; margin-inline: auto; }
 .screenshot-section .app-screen figcaption p { font-size: 18px; }
 .screen-image-link { padding: 20px 0 30px; }
 .mode-card figcaption { min-height: 0; }
 .intro-placeholder { min-height: 260px; }
 .intro-corner, .intro-end { font-size: 12px; }
 .document-nav { grid-template-columns: 1fr; }
 .help-question summary { font-size: 19px; }
 .subpage-intro .polish-notice { font-size: 16px; }
 .watch-demo .app-screen figcaption { padding-top: 20px; }
 .watch-demo .app-screen figcaption h3 { font-size: 18px; }
 .watch-demo { gap: 18px; }
 .language-grid span { font-size: 16px; }
 .requirements-line { line-height: 1.7; }
}
@media (max-width:500px) {
 .audience-grid { grid-template-columns: 1fr; }
 .audience-card { min-height: auto; }
 .audience-card h3 { margin-top: 22px; }
 .audience-card p { font-size: 18px; }
 .language-variants dl { grid-template-columns: 1fr; }
 .watch-demo .app-screen figcaption p { font-size: 15px; }
 .footer-grid nav { grid-template-columns: 1fr; }
}

/* Product and seller update, 1 October 2026. */
.trial-badge { display: inline-block; border: 1px solid #ff8d2866; border-radius: 100px; background: #ff8d281a; padding: 9px 14px; color: #ffc089; font-size: 14px; font-weight: 650; }
.price-card h3 { font-size: clamp(22px,2.1vw,30px); line-height: 1.2; }
.price-card .price-value { font-size: clamp(30px,2.9vw,44px); font-variant-numeric: tabular-nums; }
.price-value .price-period { display: block; margin-top: 8px; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 1.5; }
.purchase-guide { border-left: 3px solid #ff8d28; padding: 28px 32px; margin-top: 32px; border-radius: 0 18px 18px 0; background: linear-gradient(110deg,#ff8d280b,#6155f50b); }
.purchase-guide h3 { margin: 10px 0 18px; font-size: 27px; }
.purchase-guide p:last-child { max-width: 900px; font-size: 18px; line-height: 1.75; color: #d0cdd7; }
.availability-note { margin-top: 24px; max-width: 850px; color: #b8b4c3; line-height: 1.7; }
.seller-details { margin: 32px 0; padding: 30px; border: 1px solid #6155f544; border-radius: 20px; background: #6155f50a; }
.seller-details strong { color: #f5f5f7; }
.contact-addresses { margin: 26px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 22px 40px; }
.contact-addresses dt { color: #a8a2b6; font-size: 14px; margin-bottom: 5px; }
.contact-addresses dd { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.contact-addresses a,.policy-section a,.business-note a { color: #ffc089; text-underline-offset: 4px; }
.footer-bottom { align-items: start; }
.footer-bottom > span:first-child { max-width: 580px; line-height: 1.9; }
@media(max-width:650px) { .contact-addresses { grid-template-columns: 1fr; } .seller-details { padding: 24px; } .purchase-guide { padding: 24px; } }

/* Locale-specific typography. Every version retains the approved dark design. */
:is(#cennik,#pricing) .price-card.price-pro { color: #fff; border: 1px solid #8a7afa; }
:is(#cennik,#pricing) .price-card.price-annual { background: linear-gradient(140deg,#6155f5,#4032a0 80%); }
:is(#cennik,#pricing) .price-card.price-forever { background: linear-gradient(140deg,#4d3795,#261c4d 86%); border-color: #997cee; }
:is(#cennik,#pricing) .price-card.price-pro .price-value { color: #fff; }
:is(#cennik,#pricing) .price-card.price-pro .price-label { color: #f8cb9f; }
html:lang(ja) body { font-family: Inter,"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif; }
html:lang(ko) body { font-family: Inter,"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif; }
html:lang(zh-Hans) body { font-family: Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif; }
html:lang(zh-Hant) body { font-family: Inter,"Microsoft JhengHei","PingFang TC",system-ui,sans-serif; }
html:is(:lang(ja),:lang(ko),:lang(zh)) :is(h1,h2,h3,.eyebrow,.price-label,.tier-head span) { letter-spacing: 0; line-height: 1.35; }
html:is(:lang(ja),:lang(ko),:lang(zh)) .hero-lead { line-height: 1.9; }
.language-panel a { white-space: normal; }
.feature-line > *, .price-card, .faq-group article > * { min-width: 0; }
.policy-section p, .help-question p { overflow-wrap: break-word; }
html:not(:lang(pl)) :is(h1,h2,h3,.price-label,.tier-head span) { overflow-wrap:anywhere; hyphens:auto; }
.watch-demo-single { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
@media (max-width:900px) { .watch-demo-single > div { grid-column:auto; } }
@media (max-width:650px) { .watch-demo-single { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Reviewed UI fragments, without simulated Apple hardware. */
.eyebrow,.hero-proof span,.business-mark span,.feature-line span,.status-pill,.subpage-rule { text-transform:none; }
.dark-hero-main { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:'title visual' 'info visual' 'proof visual'; gap:30px 54px; min-height:0; padding-block:70px 80px; }
.dark-hero-title { align-self:start; }
.dark-hero-title h1 { font-size:clamp(4.3rem,6.7vw,7rem); }
.dark-hero-info { max-width:600px; }
.hero-proof { margin:0; width:100%; max-width:560px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-top:14px; }
.hero-proof span { font-size:11px; letter-spacing:.03em; line-height:1.5; border-bottom:0; align-items:flex-start; }
.hero-proof span::before { margin-top:5px; }
.hero-interface { grid-area:visual; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-self:center; align-items:start; position:relative; isolation:isolate; }
.hero-interface figure { margin:0; min-width:0; background:#111118; border:1px solid #4a414e; border-radius:20px; padding:12px 8px; box-shadow:0 22px 70px #0005; }
.hero-interface .hero-ui-world { margin-top:68px; border-color:#89502c; }
.hero-interface .hero-ui-office { border-color:#5d52b9; }
.hero-interface figure > span { display:block; padding:8px 10px 17px; font-size:13px; font-weight:750; letter-spacing:.07em; color:var(--orange); }
.hero-interface .hero-ui-office > span { color:#b8b0ff; }
.hero-interface img { display:block; width:100%; height:auto; }
.hero-interface figcaption { padding:12px 10px 4px; color:#c2c0cd; font-size:11px; line-height:1.5; }
.screen-crop img { position:static; display:block; width:100%; height:auto; }
.conversation-screens-2 { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:850px; margin-inline:auto; }
.message-screens-1 { grid-template-columns:1fr; max-width:420px; }
.app-screen-grid { display:block; }
.app-screen-grid .app-screen { display:grid; grid-template-columns:320px minmax(0,560px); gap:70px; align-items:center; justify-content:center; }
.app-screen-grid .app-screen figcaption { padding:0; }
.app-screen-grid .app-screen figcaption h3 { font-size:clamp(30px,4vw,48px); }
.app-screen-grid .screen-image-link { padding:0; border:0; }
.app-screen-grid .app-screen img { height:auto; max-height:620px; }
.price-annual .trial-badge { font-size:clamp(25px,2.35vw,34px); line-height:1.25; border:0; background:none; padding:0; margin:26px 0 12px; letter-spacing:-.025em; font-weight:750; color:inherit; }
.price-annual .price-value { font-size:clamp(25px,2.35vw,34px); line-height:1.25; margin-top:0; }
.price-free .price-value { font-size:clamp(28px,3vw,40px); }
.price-period { display:block; font-size:16px; letter-spacing:0; margin-top:9px; line-height:1.5; }
.price-card h3 { overflow-wrap:anywhere; }
.policy-binding { border-left:3px solid var(--orange); padding:20px 24px; background:#251e1a; font-size:16px; line-height:1.7; }
.policy-binding a { color:var(--orange); }
.product-ensemble .shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.65fr); align-items:center; gap:80px; min-height:0; padding-block:110px; }
.product-ensemble-copy { width:100%; padding:0; }
.product-ensemble-image { position:relative; inset:auto; margin:0; padding:24px; width:100%; height:auto; background:radial-gradient(ellipse,#6155f549,transparent 72%); }
.product-ensemble-image::after { display:none; }
.product-ensemble-image img { width:min(100%,340px); height:auto; display:block; margin:auto; object-fit:contain; border-radius:22%; box-shadow:0 28px 90px #0006; }
@media(max-width:1050px) { .dark-hero-main { gap:26px 30px; }.dark-hero-title h1 { font-size:clamp(3.8rem,6.4vw,5.8rem); }.hero-interface { gap:12px; }.hero-proof { grid-template-columns:1fr; gap:0; }.hero-proof span { font-size:12px; }.product-ensemble .shell { gap:40px; } }
@media(max-width:760px) { .dark-hero-main { grid-template-columns:1fr; grid-template-areas:'title' 'visual' 'info' 'proof'; padding-block:48px 55px; gap:32px; }.dark-hero-title h1 { font-size:clamp(3.4rem,12vw,6.2rem); max-width:630px; }.hero-interface { max-width:540px; width:100%; margin:auto; gap:16px; }.hero-interface .hero-ui-world { margin-top:30px; }.hero-proof { grid-template-columns:repeat(3,minmax(0,1fr)); }.hero-proof span { font-size:10px; }.app-screen-grid .app-screen { grid-template-columns:1fr; gap:34px; }.app-screen-grid .app-screen img { max-height:560px; }.app-screen-grid figcaption { max-width:560px; }.product-ensemble .shell { display:flex; width:calc(100% - 36px); flex-direction:column; padding-block:65px; gap:20px; }.product-ensemble-image { height:auto; }.product-ensemble-image img { max-width:260px; }.price-annual .trial-badge,.price-annual .price-value { font-size:30px; } }
@media(prefers-reduced-motion:reduce) { .hero-interface * { animation:none; transition:none; } }
@media(max-width:600px) { .conversation-screens-2 { grid-template-columns:1fr; } }

/* Keep the accessible H2 identical to the old process label, including CJK. */
html .hero-flow .flow-top h2.flow-heading{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;color:inherit;text-transform:inherit;overflow-wrap:normal;hyphens:manual}
.office-requirement{color:#c9b8ff;font-size:14px;line-height:1.6;border-left:2px solid #6155f5;padding-left:12px;margin-top:16px}
.hero-interface .office-requirement{font-size:11px;padding:0;border:0;margin:9px 0 0;color:#c9b8ff}
.brand-icon{display:block;width:30px;height:30px;border-radius:24%;flex:none}
/* Keep the conversation partner at the edge of both new, equally sized photos. */
.mode-card img{aspect-ratio:1672/941;object-fit:contain}

/* Audience needs lead the section; requirements remain visible beside them. */
.fit-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}
.fit-card{min-width:0;min-height:0;padding:clamp(26px,3vw,38px)}
.fit-card .fit-marker{margin-bottom:18px}
.fit-card h3{line-height:1.2;margin:0 0 30px}
.fit-card .fit-benefits{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px;margin:0;padding:0}
.fit-card .fit-benefits li{min-width:0;margin:0}
.fit-benefits strong{display:block;font-size:19px;line-height:1.35;letter-spacing:-.025em;margin-bottom:10px}
.fit-benefits p{font-size:16px;line-height:1.6;margin:0;color:inherit}
.fit-card .fit-plan-note{font-size:15px;line-height:1.65;margin:30px 0 0;padding-top:22px;border-top:1px solid #0c0c1040;color:inherit}
.fit-no h3{font-size:25px}
.fit-no ul{font-size:16px;line-height:1.65}
.fit-no li{margin-bottom:18px}
.fit-no li:last-child{margin-bottom:0}
@media(max-width:1050px){.fit-grid{grid-template-columns:1fr}}
@media(max-width:650px){
 .fit-card{padding:26px}
 .fit-card .fit-benefits{grid-template-columns:1fr;gap:25px}
 .fit-card h3{font-size:26px;margin-bottom:26px}
 .fit-no h3{font-size:24px}
 .fit-benefits strong{font-size:19px}
}

/* Keep the icon section intact; the original device artwork is an addition below it. */
#sprzet,#hardware{scroll-margin-top:100px}
.restored-device-artwork{margin:0 auto 65px;overflow:hidden}
.restored-device-artwork img{
 display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;
 /* Fade all four edges into the page while keeping the devices fully visible. */
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent);
 mask-composite:intersect;
}
@media(max-width:760px){.restored-device-artwork{margin-bottom:35px}}

/* A single photographic story for each real use case, shared by all languages. */
/* Large, readable trust statements in the hero; shared by both app tiers. */
.dark-hero-main{grid-template-areas:'title visual' 'info visual' 'proof proof'}
.hero-proof{width:100%;max-width:none;margin:16px 0 0;padding-top:35px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:26px 34px;border-top:1px solid #61596f;align-items:start}
.hero-proof .hero-proof-statement{display:block;min-width:0;font-size:clamp(30px,3.25vw,46px);font-weight:760;letter-spacing:-.045em;line-height:1.1;padding:0;overflow-wrap:break-word;hyphens:auto;border:0}
.hero-proof .hero-proof-statement::before{display:none}
.hero-proof-statement:nth-child(1){color:#FF8D28}
.hero-proof-statement:nth-child(2){color:#B4A1FF}
.hero-proof-statement:nth-child(3){color:#F5F5F7}
.hero-proof-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 54px;min-width:0}
.hero-proof-detail p{margin:0}
.hero-proof-reassurance{font-size:20px;line-height:1.55;color:#F5F5F7;max-width:560px}
.hero-proof-setup{font-size:15px;line-height:1.7;color:#C5BFD1;max-width:560px}
.proof-help-link{color:#FFB06B;text-decoration:underline;text-underline-offset:4px;font-weight:650}
.proof-help-link:focus-visible{outline:2px solid #FF8D28;outline-offset:4px}
@media(max-width:760px){
 .dark-hero-main{grid-template-areas:'title' 'proof' 'visual' 'info'}
 .hero-proof{grid-template-columns:1fr;margin-top:0;padding-top:26px;gap:20px}
 .hero-proof .hero-proof-statement{font-size:clamp(32px,8.3vw,48px)}
 .hero-proof-detail{grid-template-columns:1fr;gap:15px;padding-top:5px}
 .hero-proof-reassurance{font-size:18px}
 .hero-proof-setup{font-size:14px}
}
.site-footer{scroll-margin-top:88px}
.site-footer .footer-domain{margin:14px 0 0;font-size:15px;line-height:1.5}
.site-footer .footer-domain a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#c8b6f3;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-footer .footer-domain a span{color:#ff8d28}
.site-footer .footer-domain a:hover{color:#ff8d28}
.audience-card{padding:0;min-height:0;overflow:hidden}
.audience-card-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#17151f}
.audience-card-copy{padding:25px 26px;display:flex;flex-direction:column;flex:1;min-width:0}
.audience-card .audience-card-copy h3{font-size:27px;line-height:1.16;margin:18px 0 14px}
.audience-card-copy p{margin:0 0 24px}
.audience-card-copy .audience-card-note{font-size:14px;line-height:1.55;color:var(--muted)}
.audience-card-copy .card-arrow{padding-top:12px}
.case-illustrated{grid-template-columns:44px minmax(0,1fr);gap:24px;padding:58px 0 68px}
.case-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 40px;align-items:start}
.case-photo{margin:0;overflow:hidden;border-radius:14px;background:#17151f;border:1px solid #494451}
.case-photo-image{display:block;width:100%;height:auto}
.case-copy{min-width:0}
.case-illustrated h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;margin-bottom:22px}
.case-illustrated .case-summary{font-size:20px!important;line-height:1.5}
.case-illustrated p{margin-top:0;line-height:1.65}
.case-illustrated .case-note{margin-top:24px;margin-bottom:0}
.case-app-detail{grid-column:2;min-width:0}
.case-app-detail .feature-screen{display:grid;grid-template-columns:125px minmax(0,1fr);gap:22px;align-items:center;margin:0;max-width:none}
.case-app-detail .feature-screen-image{margin:0;max-width:125px}
.case-app-detail .feature-screen figcaption{padding:0;border:0}
.case-app-detail .feature-screen h3{font-size:22px}
.case-app-detail .feature-screen p{font-size:16px;margin-bottom:0}
.case-examples{grid-column:1/-1;min-width:0;border-top:1px solid #494451;padding-top:28px}
.case-examples-heading{font-size:14px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#c9b8ff;margin:0 0 22px}
.case-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px 32px}
.case-example{min-width:0}
.case-example h4{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;color:#f5f5f7}
.case-example p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.case-illustrated .case-examples-note{font-size:15px;line-height:1.65;margin:24px 0 0;padding-left:15px;border-left:2px solid #6155f5;color:#d0ccda}
@media(max-width:1050px){
 .case-story{grid-template-columns:1fr;gap:26px}
 .case-app-detail{grid-column:1}
 .case-photo{max-width:740px}
 .case-copy{max-width:820px}
}
@media(max-width:650px){
 .audience-card{padding:0;min-height:0}
 .audience-card-copy{padding:23px}
 .audience-card .audience-card-copy h3{font-size:26px}
 .case-illustrated{grid-template-columns:1fr;gap:17px;padding:36px 0 44px}
 .case-photo{border-radius:10px}
 .case-story{gap:24px}
 .case-illustrated h2{font-size:32px}
 .case-illustrated .case-summary{font-size:18px!important}
 .case-illustrated p{font-size:17px}
 .case-examples{padding-top:24px}
 .case-examples-grid{grid-template-columns:1fr;gap:25px}
 .case-example h4{font-size:20px}
 .case-example p{font-size:16px}
 .case-app-detail .feature-screen{grid-template-columns:95px minmax(0,1fr);gap:18px}
 .case-app-detail .feature-screen-image{max-width:95px}
 .case-app-detail .feature-screen h3{font-size:20px}
 .case-app-detail .feature-screen p{font-size:15px}
}

/* Product hero approved on 4 October. One iPhone, indigo heading, no orbit or orange backdrop. */
.product-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:46px;background:radial-gradient(ellipse 80% 55% at 88% 23%,#6155f523,transparent 74%)}
.product-hero::before{content:'';position:absolute;inset:-78px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 65% at 71% 42%,#6155f54c,transparent 80%)}
.product-hero-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:50px;align-items:center;min-height:560px;padding-top:20px}
.product-hero-copy{min-width:0;position:relative;z-index:2;padding-bottom:30px}
.product-hero-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.8px;font-weight:600;color:#9e93b7;margin:0 0 25px;display:block}
.product-hero h1{font-size:clamp(60px,6vw,79px);font-weight:600;line-height:1.045;letter-spacing:-.057em;margin:0;text-wrap:initial;overflow-wrap:normal;hyphens:manual}
.product-hero h1 span{display:block;overflow-wrap:break-word;hyphens:manual}
.product-hero h1 .product-hero-accent{color:#6155F5;text-shadow:none}
.product-hero-lead{font-size:18px;line-height:1.65;letter-spacing:-.25px;max-width:460px;color:#bdbac8;margin:27px 0 29px}
.product-hero .button-primary{background:#FF8D28;color:#1d1006;border:0;border-radius:100px;font-size:13px;font-weight:650;min-height:51px;padding:15px 24px;gap:26px;box-shadow:none;line-height:1.5}
.product-hero .button-primary:hover{background:#ffa454;transform:translateY(-2px);box-shadow:none}
.product-availability{font-size:11px;font-weight:400;color:#9793a7;line-height:1.7;margin:19px 0 0;max-width:520px}
.product-availability>span:first-child{color:#b2a8c3}
.product-stage{position:relative;height:550px;display:flex;align-items:center;justify-content:center;perspective:1200px;min-width:0;margin:0}
.product-phone{position:relative;flex-shrink:0;width:231px;padding:5px;border-radius:38px;background:linear-gradient(120deg,#a8a6af 0%,#38343d 9%,#a4a3aa 18%,#27232d 32%,#7d7b85 59%,#22212a 84%,#a3a1aa 100%);box-shadow:0 0 0 1px #aaa3b578,0 26px 55px #000b;transform:rotate(-11deg) rotateY(-12deg)}
.product-phone-screen{position:relative;aspect-ratio:660/1434;overflow:hidden;border:5px solid #070708;border-radius:33px;background:linear-gradient(180deg,#F5F5F7 0%,#F7F2EC 69%,#F5F5F7 82%)}
.product-phone-screen img{display:block;position:absolute;width:100%;height:auto}
.product-phone-main{top:0;left:0;mask-image:linear-gradient(#000 0%,#000 92%,transparent 100%)}
.product-phone-controls{top:82.2873%;left:0;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.product-phone-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:62px;height:17px;background:#090909;border-radius:50px;box-shadow:inset 0 0 0 1px #1f1f21}
.product-phone-island:after{content:'';position:absolute;right:8px;top:6px;width:5px;height:5px;border-radius:50%;background:#172338;box-shadow:0 0 0 1px #32343b}
.product-phone-key{position:absolute;right:-3px;top:125px;width:3px;height:45px;border-radius:2px;background:linear-gradient(#797781,#25212c)}
.product-stage figcaption{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:0;color:#857a99;padding:0;border:0}
.product-hero-foot{position:relative;z-index:2;padding-top:32px}
.product-trust{display:flex;flex-wrap:wrap;gap:10px 25px;align-items:center}
.product-trust-statement{font-size:clamp(20px,2.1vw,25px);font-weight:570;letter-spacing:-.025em;line-height:1.4;color:#F5F5F7}
.product-trust-statement i{font-style:normal;color:#FF8D28}
.product-language-note{font-size:12px;line-height:1.8;max-width:1000px;color:#aaa1b7;margin:17px 0 0}
.product-language-note strong{font-weight:500;color:#c2b9cf}
.product-first-start{font-size:11px;line-height:1.7;color:#a59bae;margin-top:14px;max-width:850px}
.product-first-start summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:#bbb1c7;font-weight:500;padding:6px 0}
.product-first-start summary::-webkit-details-marker{display:none}
.product-first-start summary:before{content:'+';color:#a28aff;font-size:16px}
.product-first-start[open] summary:before{content:'−'}
.product-first-start>div{font-size:14px;padding:12px 0 0;line-height:1.7;max-width:780px}
.product-first-start p{margin:0 0 10px}
@media(min-width:1600px){.product-hero-main{min-height:650px}.product-stage{height:620px}.product-phone{width:266px}.product-hero h1{font-size:88px}.product-hero-lead{font-size:20px;max-width:490px}}
@media(min-width:961px) and (max-width:1599px){.product-hero-main{min-height:500px}.product-stage{height:500px}.product-phone{width:210px}}
@media(max-width:1050px){.product-hero-main{gap:30px}.product-hero h1{font-size:clamp(48px,5.8vw,62px)}.product-hero-lead{font-size:16px}.product-phone{width:197px}}
@media(max-width:760px){.product-hero-main{display:flex;flex-direction:column;gap:0;padding-top:44px;align-items:stretch;min-height:0}.product-hero-copy{padding-bottom:0}.product-hero h1{font-size:clamp(40px,7.7vw,57px)}.product-stage{height:470px;margin-top:18px}.product-phone{width:190px}.product-hero-lead{max-width:470px}.product-language-note{font-size:11px}.product-hero-foot{padding-top:35px}}
@media(max-width:650px){.product-hero{padding-bottom:30px}.product-hero:before{inset:280px 0 0;background:radial-gradient(ellipse 85% 52% at 46% 53%,#6155f54e,transparent 80%)}.product-hero-main{padding-top:32px}.product-hero-copy .eyebrow{font-size:8px;letter-spacing:1.35px;margin-bottom:20px}.product-hero h1{font-size:clamp(32px,10.3vw,40px);letter-spacing:-.057em;line-height:1.08}.product-hero-lead{font-size:15px;line-height:1.65;max-width:340px;margin:22px 0}.product-hero .button-primary{font-size:12px;min-height:48px;padding:14px 20px;gap:22px}.product-availability{font-size:10px;margin-top:15px}.product-stage{height:440px;margin:8px -10px 0;overflow:clip}.product-phone{width:177px;transform:rotate(-10deg) rotateY(-9deg);border-radius:31px;padding:4px}.product-phone-screen{border-width:4px;border-radius:27px}.product-phone-island{width:48px;height:14px;top:13px}.product-phone-key{top:92px;height:34px}.product-stage figcaption{bottom:0;font-size:9px}.product-hero-foot{padding-top:27px}.product-trust{gap:7px 14px}.product-trust-statement{font-size:20px;line-height:1.4}.product-trust-statement:last-child{flex-basis:100%}.product-language-note{font-size:10px;line-height:1.75;margin-top:13px}.product-first-start{font-size:10px;margin-top:11px}.product-first-start>div{font-size:13px}}
html:is(:lang(ja),:lang(ko),:lang(zh)) .product-hero h1{letter-spacing:0;line-height:1.25}
@media(prefers-reduced-motion:reduce){.product-hero .button-primary{transition:none;transform:none}}

/* Native dark UI, a manual mode choice and the local application presentation. */
.back-to-top{position:fixed;z-index:40;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #6155f580;border-radius:50%;background:#15111fed;color:#ff8d28;box-shadow:0 6px 24px #0006;cursor:pointer}
.back-to-top[hidden]{display:none}
.back-to-top:hover{border-color:#ff8d28;background:#21182f}
.back-to-top:focus-visible{outline:3px solid #ffb36e;outline-offset:4px}
body:has(.mobile-menu[open]) .back-to-top,body:has(.language-menu[open]) .back-to-top{visibility:hidden}
@media(max-width:650px){.back-to-top{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
.native-phone-screen{background:linear-gradient(#0d0f13 15%,#251b15 64%,#0d0f13 88%)}
.native-phone-screen[data-tone=office]{background:linear-gradient(#0d0f13 12%,#19182d 63%,#0d0f13 90%)}
.native-phone-screen img{position:absolute;display:block;left:0;width:100%;height:auto;aspect-ratio:auto;max-width:none;mask-composite:add}
.native-phone-screen .product-phone-main{top:0;mask-image:linear-gradient(#000 0%,#000 92%,transparent 100%)}
.native-phone-screen .product-phone-controls{top:82.2873%;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.hero-screen-panel{position:absolute;inset:0;opacity:1;transition:opacity .45s ease}
.hero-screen-panel[aria-hidden=true]{opacity:0;pointer-events:none}
.product-stage{height:570px}
.product-stage .product-phone{margin-bottom:75px}
.product-stage figcaption{bottom:62px}
.hero-mode-switch{display:none;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:4px;border:1px solid #4b425e;border-radius:100px;background:#111018;white-space:nowrap;gap:3px}
.product-hero[data-interactive=true] .hero-mode-switch{display:flex}
.hero-mode-switch button{border:0;background:transparent;color:#c8bddc;border-radius:100px;padding:10px 18px;font:600 11px/1.4 Inter,system-ui,sans-serif;cursor:pointer;transition:background .25s,color .25s;min-height:40px}
.hero-mode-switch button[aria-pressed=true][data-hero-mode=world]{background:#FF8D28;color:#1c1109}
.hero-mode-switch button[aria-pressed=true][data-hero-mode=office]{background:#6155F5;color:#fff}
.hero-mode-switch button:focus-visible,.presentation-play:focus-visible{outline:3px solid #ffb36e;outline-offset:4px}
.hero-mode-switch button span{opacity:.8;font-size:9px}
.hero-office-note{margin:15px 0 0;color:#c5b4ec;max-width:900px;font-size:12px;line-height:1.7}
.hero-office-note[hidden]{display:none}

.hardware-showcase{position:relative;overflow:visible;margin-top:5px;margin-bottom:65px}
.device-composition{position:relative;aspect-ratio:1672/941;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent);mask-composite:intersect}
.hardware-showcase .device-background{display:block;width:100%;height:100%;object-fit:contain;mask-image:none}
.device-native-overlays{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.device-overlay-plane{position:relative;width:1672px;height:941px}
.hardware-phone-ui{position:absolute;top:0;left:0;width:660px;height:1434px;overflow:hidden;border-radius:105px;transform-origin:0 0;transform:matrix3d(.46410472,.02027674,0,.00004349,.00790774,.464855,0,-.00000968,0,0,1,0,959,72,0,1)}
.hardware-watch-ui{position:absolute;top:0;left:0;width:422px;height:514px;border-radius:58px;overflow:hidden;background:linear-gradient(#201204,#050401);transform-origin:0 0;transform:matrix3d(.31154179,-.00780741,0,-.00002147,-.02995491,.45129142,0,.00002506,0,0,1,0,692,473,0,1)}
.hardware-showcase .hardware-watch-ui img{position:absolute;width:422px;height:auto;aspect-ratio:auto;max-width:none;left:0;mask-image:none}
.hardware-watch-main{top:0;mask-image:linear-gradient(#000 95%,transparent)!important}
.hardware-watch-actions{top:370px;mask-image:linear-gradient(transparent,#000 10%)!important}
.device-artwork-copy{position:absolute;left:2%;top:31%;width:30%;padding:0;border:0;text-align:left}
.device-artwork-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#bba7ed;margin-bottom:19px}
.device-artwork-copy h3{font-size:clamp(28px,4vw,52px);line-height:1.1;font-weight:600;color:#f5f5f7;letter-spacing:-.05em;margin:0 0 20px;text-wrap:balance}
.device-artwork-copy>p:last-child{font-size:clamp(12px,1.35vw,16px);line-height:1.65;color:#b9aecb;max-width:240px}
.device-artwork-requirement{margin:10px 0 0;color:#b3a5c9;font-size:12px;line-height:1.7;max-width:950px}
.app-presentation{padding-top:55px}
.app-presentation .section-head{max-width:900px}
.app-presentation .section-head h2{font-size:clamp(34px,4.7vw,64px);font-weight:600}
.presentation-frame{position:relative;margin:35px 0 0}
.presentation-video{display:block;width:100%;aspect-ratio:16/9;background:#0c0c10;border:1px solid #443451;border-radius:18px;box-shadow:0 35px 90px #0005;object-fit:contain}
.presentation-play{position:absolute;left:5.1%;bottom:calc(14% + 35px);display:flex;align-items:center;gap:15px;max-width:85%;padding:17px 23px;border:1px solid #746288;background:#15101bd9;backdrop-filter:blur(15px);border-radius:100px;color:#f5f5f7;font:600 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 45px #0008}
.presentation-play>span:first-child{color:#ff8d28}
.presentation-frame:not([data-interactive=true]) .presentation-play,.presentation-play[hidden]{display:none}
.presentation-frame figcaption{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-top:17px;padding:0;border:0;font-size:12px;line-height:1.7;color:#b4a8c5}
.presentation-frame figcaption a{color:#c9b4ff;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.presentation-requirement{font-size:12px;line-height:1.7;color:#bdafe0;max-width:950px;margin:16px 0 0}
.screen-crop,.screen-image-link{background:#0d0f13}
@media(min-width:1600px){.product-stage{height:710px}}
@media(max-width:760px){.product-stage{height:560px}.hardware-showcase{margin-bottom:45px}.device-artwork-copy{position:static;width:auto;max-width:500px;padding:0 0 20px}.device-artwork-copy .eyebrow{margin-bottom:14px}.device-artwork-copy h3{font-size:34px;margin-bottom:15px}.device-artwork-copy>p:last-child{font-size:15px;max-width:none;margin-bottom:0}.hardware-showcase{display:flex;flex-direction:column}.device-artwork-copy{order:-1}.device-artwork-requirement{font-size:11px}.presentation-frame figcaption{flex-direction:column;gap:8px}}
@media(max-width:650px){.product-stage{height:520px;overflow:visible;margin-top:8px}.product-stage figcaption{bottom:60px}.hero-mode-switch{bottom:10px}.hero-mode-switch button{font-size:10px;padding:9px 16px}.hero-office-note{font-size:11px}.app-presentation{padding-top:30px}.presentation-video{border-radius:12px}.presentation-play{font-size:11px;padding:12px 17px;gap:9px;top:calc((100% - 70px)/2)}.presentation-frame figcaption{font-size:11px}.presentation-requirement{font-size:11px}.device-artwork-copy h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero-screen-panel,.hero-mode-switch button{transition:none}}
@media(max-width:760px){.hardware-showcase .device-composition{aspect-ratio:1040/941;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent)}.hardware-showcase .device-background,.hardware-showcase .device-native-overlays{position:absolute;left:-54.80769%;width:160.76923%;max-width:none;height:100%}}
@media(max-width:650px){.presentation-play{position:static;transform:none;max-width:none;width:100%;justify-content:center;margin-top:12px;min-height:44px;font-size:13px}}

/* Six situations: larger photographs, three distinct pairs, one column on phones. */
.situations-section .section-head {
  margin-bottom: 52px;
}
.situations-section .audience-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  column-gap: 32px;
  row-gap: 56px;
}
.situations-section .audience-card {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 1px solid #35303f;
  border-radius: 20px;
  background: #14131b;
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease;
}
.situations-section .audience-card:hover {
  border-color: #9686f2;
  background: #14131b;
  transform: translateY(-3px);
}
.situations-section .audience-card:focus-visible {
  outline: 3px solid #ffb36e;
  outline-offset: 5px;
}
.situations-section .audience-card-photo {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #14131b;
  border-bottom: 1px solid #35303f;
}
.situations-section .audience-card-copy {
  padding: 28px 30px 30px;
}
.situations-section .audience-card-heading {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 36px;
  align-items: start;
  gap: 14px;
}
.situations-section .card-no {
  padding-top: 8px;
  color: #b5a5ff;
  font-size: 12px;
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
}
.situations-section .audience-card .audience-card-copy h3 {
  margin: 0;
  color: #f5f5f7;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.situations-section .audience-card .card-arrow {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  align-self: start;
  border: 1px solid #4c405e;
  border-radius: 50%;
  color: #ff8d28;
  font-size: 20px;
  line-height: 1;
}
.situations-section .audience-card-copy > p {
  max-width: 52ch;
  margin: 20px 0 0;
  color: #d1ccd9;
  font-size: 17px;
  line-height: 1.65;
}
.situations-section .audience-card-copy .audience-card-note {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #35303f;
  color: #afa5bd;
  font-size: 13px;
  line-height: 1.6;
}
.situations-section > .text-link {
  margin-top: 38px;
}
@media (max-width: 900px) {
  .situations-section .audience-grid { column-gap: 28px; row-gap: 44px; }
  .situations-section .audience-card-copy { padding: 24px; }
  .situations-section .audience-card .audience-card-copy h3 { font-size: 25px; }
}
@media (max-width: 760px) {
  .situations-section .section-head { margin-bottom: 32px; }
  .situations-section .audience-grid { grid-template-columns: 1fr; row-gap: 36px; }
  .situations-section .audience-card { border-radius: 16px; }
  .situations-section .audience-card-copy { padding: 24px; }
  .situations-section .audience-card .audience-card-copy h3 { font-size: 26px; }
  .situations-section .audience-card-heading { grid-template-columns: 24px minmax(0, 1fr) 32px; gap: 10px; }
  .situations-section .card-no { padding-top: 6px; }
  .situations-section .audience-card .card-arrow { width: 32px; height: 32px; font-size: 18px; }
  .situations-section .audience-card-copy > p { font-size: 16px; margin-top: 18px; }
  .situations-section .audience-card-copy .audience-card-note { font-size: 13px; }
}
@media (max-width: 390px) {
  .situations-section .audience-card-copy { padding: 22px 20px; }
  .situations-section .audience-card .audience-card-copy h3 { font-size: 23px; }
}
@media (hover: none), (prefers-reduced-motion: reduce) {
  .situations-section .audience-card { transition: none; }
  .situations-section .audience-card:hover { transform: none; }
}