/* Public brand composition. Product density is intentionally defined elsewhere. */
:root{--cin-paper:#f8f9fb;--cin-surface:#fff;--cin-ink:#20262d;--cin-muted:#5b6571;--cin-line:#dce1e7;--cin-action:#3564ce;--cin-ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
:root[data-theme=dark]{--cin-paper:#17191d;--cin-surface:#22252a;--cin-ink:#f1f2f4;--cin-muted:#b6bcc5;--cin-line:#3b4049;--ink:var(--cin-ink);--muted:var(--cin-muted);--line:var(--cin-line);--bg:var(--cin-paper);--nh-ink:var(--cin-ink);--nh-muted:var(--cin-muted);--nh-line:var(--cin-line);--nh-paper:var(--cin-paper);color-scheme:dark}
body.home-page,body.module-page{--ink:var(--cin-ink);--muted:var(--cin-muted);--line:var(--cin-line);background:var(--cin-paper);color:var(--cin-ink)}
.home-page .wrap,.module-page .wrap{max-width:1440px;padding-inline:56px}
.home-page .topbar,.module-page .topbar{background:color-mix(in srgb,var(--cin-surface) 92%,transparent);border-color:var(--cin-line)}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--cin-line);border-radius:50%;background:transparent;color:var(--cin-ink);font:22px/1 inherit;cursor:pointer}
.home-page .nav,.module-page .nav{gap:24px;min-height:84px}
.home-page .nav nav,.module-page .nav nav{gap:26px}
.home-page .section,.module-page .section{padding-block:112px}
.home-page .button,.module-page .button{border-radius:10px;min-height:50px;padding:14px 22px;font-weight:600;box-shadow:none}
.home-page .button.primary,.module-page .button.primary{background:var(--cin-action);color:white;box-shadow:0 7px 20px #3564ce22}
.home-page .button.secondary,.module-page .button.secondary{background:var(--cin-surface);color:var(--cin-ink);border:1px solid var(--cin-line)}
.home-page p,.module-page p{color:var(--cin-muted)}
.home-page .eyebrow,.module-page .eyebrow{color:var(--cin-muted);font-size:11px;letter-spacing:.13em}
.home-page h2,.module-page h2{color:var(--cin-ink);font-size:clamp(32px,3.8vw,54px);letter-spacing:-.035em;line-height:1.16}
.home-page .hero{display:block;padding:56px 0 36px;min-height:0;background:var(--cin-paper);border:0;overflow:hidden;position:relative}
.home-page .hero:before{display:none}
.hero-orbit{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 75%,#3564ce16,transparent 64%)}
.home-page .hero-copy{max-width:1000px;padding-inline:28px;padding-block:0;text-align:center;margin:auto}
.home-page .hero-category{justify-content:center;margin:0 0 25px}
.home-page .hero h1{font-size:clamp(42px,5.5vw,78px);line-height:1.13;letter-spacing:-.045em;font-weight:680;margin-bottom:22px;color:var(--cin-ink)}
.home-page .hero h1 em{color:var(--cin-action);font-weight:680}
.home-page .hero-lead{margin:0 auto;max-width:580px;font-size:18px;line-height:1.75;color:var(--cin-muted)}
.home-page .hero-copy .actions{justify-content:center;align-items:center;flex-direction:row;margin-top:28px;gap:12px}
.home-page .hero-trial-note{max-width:600px;margin:18px auto 0;font-size:12px}
.home-page .hero-product{max-width:1260px;padding-inline:56px;margin:46px auto 0;transform:translateY(var(--scene-y,0px));perspective:1400px}
.cinema-stage{border:1px solid var(--cin-line);border-radius:18px;overflow:hidden;background:var(--cin-surface);box-shadow:0 32px 90px #1d2c4e18;transform:rotateX(3deg);transform-origin:50% 85%;animation:cinema-arrive 1.2s .1s var(--cin-ease) both}
.cinema-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px;font-size:12px;border-bottom:1px solid var(--cin-line);color:var(--cin-ink)}
.cinema-topline>span:first-child{display:flex;align-items:center;gap:10px}
.cinema-topline>span:last-child{color:var(--cin-muted);font-size:11px}
.cinema-topline img{object-fit:contain}
#product-film{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef0f4}
.cinema-caption{display:flex;align-items:center;gap:22px;padding:22px 28px;min-height:90px;border-top:1px solid var(--cin-line)}
.film-count{font-size:12px;color:var(--cin-action);font-variant-numeric:tabular-nums;white-space:nowrap}
.cinema-caption strong{font-size:19px;color:var(--cin-ink)}
.cinema-caption p{margin:5px 0 0;font-size:13px}
#film-toggle{margin-left:auto;flex:none;border:1px solid var(--cin-line);background:var(--cin-paper);color:var(--cin-ink);padding:10px 14px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}
.film-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cin-line)}
.film-chapters button{padding:15px 12px;border:0;border-right:1px solid var(--cin-line);background:transparent;color:var(--cin-muted);font:inherit;font-size:12px;cursor:pointer;position:relative}
.film-chapters button[aria-pressed=true]{color:var(--cin-action);background:color-mix(in srgb,var(--cin-action) 5%,var(--cin-surface))}
.film-chapters button[aria-pressed=true]:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cin-action)}
.film-footnote{text-align:center;font-size:11px;margin-top:18px}
.business-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px}
.business-paths>a{position:relative;overflow:hidden;text-decoration:none;padding:28px 28px 24px;border:1px solid var(--cin-line);border-radius:14px;background:var(--cin-surface);color:var(--cin-ink);transition:transform .5s var(--cin-ease),box-shadow .5s}
.business-paths>a:hover{transform:translateY(-6px);box-shadow:0 20px 40px #20262d10}
.business-paths>a>span{font-size:10px;letter-spacing:.12em;color:var(--cin-muted)}
.business-paths h3{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:24px 0}
.business-paths img{width:calc(100% + 56px);max-width:none;margin-left:-28px;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:left top;transition:transform 1s var(--cin-ease)}
.business-paths>a:hover img{transform:scale(1.035)}
.business-paths strong{display:block;font-size:13px;font-weight:600;margin-top:24px}
.business-paths .business-gaming{background:#1d2025;border-color:#343942;color:#f3f4f5}
.business-gaming>span{color:#b7c2ce!important}
.business-gaming img{object-position:center}
.home-page .product-path{background:var(--cin-surface);border-color:var(--cin-line)}
.home-page .product-path a{color:var(--cin-muted);border-color:var(--cin-line)}
.home-page .product-story{background:var(--cin-surface);border-color:var(--cin-line)}
.home-page .story-layout{align-items:start}
.home-page .story-panel{position:sticky;top:110px;background:var(--cin-surface);border:1px solid var(--cin-line);box-shadow:0 20px 70px #20262d0d}
.home-page .story-panel-heading,.home-page .story-detail{background:var(--cin-surface);color:var(--cin-ink);border-color:var(--cin-line)}
.home-page .story-controls button{color:var(--cin-muted);padding:36px 8px;border-color:var(--cin-line)}
.home-page .story-controls button[aria-selected=true]{color:var(--cin-ink);border-color:var(--cin-action)}
.home-page .story-controls strong{font-size:24px}
.home-page .story-controls button>span>span{font-size:14px;line-height:1.8}
.home-page .story-footnote .product-open{width:auto;display:inline-flex;padding:0;background:none;color:var(--cin-action);border:0;border-radius:0}
.home-page #home-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--cin-line)}
.home-page #home-modules .module-card{background:transparent;border:0!important;border-bottom:1px solid var(--cin-line)!important;border-radius:0;padding:24px 24px 24px 0;transform:none}
.home-page #home-modules .module-card-top{margin-bottom:16px}
.home-page #home-modules .module-card h3{font-size:19px;color:var(--cin-ink)}
.home-page #home-modules .module-card>p{display:none}
.home-page #home-modules .module-card-bottom{margin-top:16px;color:var(--cin-muted);font-size:12px}
.demo-invitation{overflow:hidden;background:#20252d;color:#fff;position:relative}
.demo-invitation .wrap{padding-block:96px;position:relative;isolation:isolate}
.home-page .demo-invitation h2{color:#fff;font-size:clamp(38px,4.5vw,64px)}
.home-page .demo-invitation p{color:#c2cad5;line-height:1.9;max-width:520px}
.demo-invitation .button{margin-top:22px}
.demo-orbit{position:absolute;z-index:-1;width:650px;height:650px;border:1px solid #65779655;border-radius:50%;right:-80px;top:-60px;box-shadow:0 0 0 70px #6577960a,0 0 0 140px #65779608;transform:rotateX(55deg) rotateY(-25deg);animation:orbit-drift 14s ease-in-out infinite alternate}
.home-page #pricing .section-heading{margin-bottom:36px}
.offer-duration{justify-content:flex-start;gap:20px;margin-bottom:24px}
.offer-duration select{min-height:46px;border:1px solid var(--cin-line);border-radius:8px;background:var(--cin-surface);color:var(--cin-ink);font:inherit;padding:10px 36px 10px 16px}
.home-page #offers{gap:16px;align-items:stretch}
.home-page #offers .offer{padding:28px 24px;background:var(--cin-surface);border:1px solid var(--cin-line);border-radius:12px;display:flex;flex-direction:column;color:var(--cin-ink)}
.home-page #offers .offer h3{font-size:21px;color:var(--cin-ink)}
.offer .plan-purpose{font-size:13px;line-height:1.65;min-height:44px;margin:10px 0 20px}
.home-page #offers .price{font-size:clamp(25px,2.3vw,34px);margin:0 0 12px;letter-spacing:-.035em;white-space:nowrap;color:var(--cin-ink);font-variant-numeric:tabular-nums}
.home-page #offers .price small{display:block;font-size:11px;letter-spacing:0;margin-top:8px;color:var(--cin-muted)}
.home-page #offers .discount{font-size:12px;color:var(--cin-action);min-height:18px;margin:0 0 16px}
.home-page #offers .limit{border-top:1px solid var(--cin-line);padding-top:18px;font-size:14px;color:var(--cin-ink);margin:0 0 24px}
.home-page #offers .button{margin-top:auto;background:transparent;border:1px solid var(--cin-line);color:var(--cin-ink);font-size:13px;padding:12px}
.home-page #offers .button:hover{background:var(--cin-action);color:white;border-color:var(--cin-action)}
.price-skeleton{height:330px;border:1px solid var(--cin-line);border-radius:12px;background:linear-gradient(110deg,var(--cin-surface) 25%,var(--cin-paper) 45%,var(--cin-surface) 65%);background-size:200% 100%;animation:skeleton-sweep 2s ease-in-out infinite}
.plan-comparison{margin-top:26px;border-block:1px solid var(--cin-line);color:var(--cin-ink)}
.plan-comparison summary{padding:23px 0;cursor:pointer;font-size:14px;font-weight:600}
#plan-comparison-content{overflow-x:auto;padding-bottom:22px}
.plan-comparison table{border-collapse:collapse;width:100%;font-size:13px;min-width:540px}
.plan-comparison th,.plan-comparison td{text-align:left;border-bottom:1px solid var(--cin-line);padding:15px 12px;color:var(--cin-ink)}
.plan-comparison p{font-size:13px}
.home-page .pricing-footnote{font-size:12px;line-height:1.8;max-width:760px;margin-top:20px}
.home-page .process-band,.home-page .guide-band,.home-page .extras-band{background:var(--cin-paper);border-color:var(--cin-line)}
.home-page .extras-band .section{padding-block:60px}
.home-page .extras-band h2{font-size:32px}
.home-page .extra-offer{background:var(--cin-surface);color:var(--cin-ink)}
.home-page .trust-band{background:var(--cin-surface)!important}
.module-page .module-hero{padding-block:84px;align-items:center}
.module-page .module-hero h1{font-size:clamp(34px,3.6vw,54px);color:var(--cin-ink)}
.module-page .module-visual{border:1px solid var(--cin-line);border-radius:14px;box-shadow:0 24px 64px #20262d14;overflow:hidden;animation:cinema-arrive 1s var(--cin-ease) both}
.module-page .visual-bar,.module-page .visual-footer{background:var(--cin-surface);color:var(--cin-ink);padding:18px}
.module-page .module-status{margin-top:22px;font-size:12px;line-height:1.8;color:var(--cin-muted)}
.module-status summary{cursor:pointer;color:var(--cin-muted)}
.module-page .audience-band,.module-page .module-steps-band{background:var(--cin-surface);color:var(--cin-ink);border-color:var(--cin-line)}
.module-page .module-feature{border-color:var(--cin-line)}
.module-page .module-feature h3,.module-page .module-steps{color:var(--cin-ink)}
:root[data-theme=dark] :is(.nav a,.brand,.text-link,.module-breadcrumb,.module-card h3,.offer h3,.trust-history h3,.trust-register h3,.guides summary){color:var(--cin-ink)}
:root[data-theme=dark] :is(.module-dropdown,.module-card,.guide-entry,.offer,dialog,.domain-input,input){background:var(--cin-surface);color:var(--cin-ink);border-color:var(--cin-line)}
:root[data-theme=dark] :is(.steps h3,.trust-year){color:var(--cin-ink)}
:root[data-theme=dark] .mark{background:#fff;border-radius:4px}
.cin-reveal{transition:opacity .7s var(--cin-ease),translate .8s var(--cin-ease)}
.cin-reveal[data-pending=true]{opacity:0;translate:0 24px}
@keyframes cinema-arrive{from{opacity:0;translate:0 36px;transform:rotateX(8deg) scale(.97)}to{opacity:1;translate:0 0;transform:rotateX(0) scale(1)}}
@keyframes orbit-drift{to{transform:rotateX(65deg) rotateY(15deg) translateY(24px)}}
@keyframes skeleton-sweep{to{background-position:-200% 0}}
@media(min-width:1000px){.home-page .story-layout{min-height:560px}.home-page .story-controls{padding-bottom:60px}}
@media(max-width:1000px){.home-page .wrap,.module-page .wrap{padding-inline:32px}.home-page .hero-product{padding-inline:32px}.home-page .nav nav,.module-page .nav nav{gap:16px}.business-paths{gap:14px}.business-paths>a{padding:22px}.business-paths h3{font-size:23px}.business-paths img{margin-left:-22px;width:calc(100% + 44px)}.home-page #offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.home-page .wrap,.module-page .wrap{padding-inline:24px}.home-page .hero{padding-top:48px}.home-page .hero h1{font-size:clamp(34px,7.6vw,54px)}.home-page .hero-lead{font-size:16px}.home-page .hero-product{margin-top:32px;padding-inline:16px}.cinema-stage{border-radius:12px;transform:none}.cinema-topline{padding:12px 14px}.cinema-topline>span:last-child{display:none}.cinema-caption{padding:16px;gap:12px}.cinema-caption strong{font-size:16px}.cinema-caption p{font-size:12px}.film-count{display:none}#film-toggle{font-size:11px;padding:9px}.film-chapters button{font-size:11px}.home-page .section,.module-page .section{padding-block:68px}.home-page .section-heading{gap:20px}.business-paths{grid-template-columns:1fr}.business-paths>a{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.business-paths>a>span,.business-paths h3,.business-paths strong{grid-column:1}.business-paths img{grid-column:2;grid-row:1/4;width:100%;height:100%;margin:0;object-fit:cover;border-radius:8px}.business-paths h3{font-size:25px;margin:16px 0}.business-paths strong{font-size:12px;margin-top:10px}.home-page .story-panel{position:static}.home-page #home-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-invitation .wrap{padding-block:64px}.demo-orbit{right:-440px}.module-page .module-hero{padding-block:44px;gap:32px}.home-page .nav,.module-page .nav{gap:12px}.theme-toggle{width:36px;height:36px}.home-page .hero-trial-note{font-size:11px}.home-page .story-footnote{flex-wrap:wrap}}
@media(max-width:480px){.home-page .wrap,.module-page .wrap{padding-inline:20px}.home-page .hero-product{padding-inline:12px}.home-page .hero h1{font-size:34px;letter-spacing:-.035em}.home-page .hero-copy .actions{gap:8px}.home-page .hero-copy .button{padding:12px 14px;font-size:13px;min-height:48px}.cinema-caption{flex-wrap:wrap;min-height:110px}.cinema-caption>div{flex:1;min-width:170px}.home-page #offers{grid-template-columns:1fr}.home-page #offers .offer{padding:26px}.offer .plan-purpose{min-height:0}.home-page #offers .price{font-size:36px}.home-page #home-modules .module-card h3{font-size:17px}.business-paths h3{font-size:21px}.business-paths>a{padding:20px}.business-paths>a>span{font-size:9px}.home-page .nav .brand,.module-page .nav .brand{font-size:23px}.nav-actions{gap:8px}.theme-toggle{width:32px;height:32px}.home-page .nav-actions .button.quiet{padding:8px;font-size:12px}.film-footnote{padding-inline:12px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.cinema-stage,.demo-orbit,.price-skeleton{animation:none}.cin-reveal,.business-paths>a,.business-paths img{transition:none}.cin-reveal[data-pending=true]{opacity:1;translate:none}.home-page .hero-product{transform:none}.business-paths>a:hover,.business-paths>a:hover img{transform:none}}

@media(min-width:1000px){.home-page .story-controls{min-height:780px;display:flex;flex-direction:column;justify-content:space-around}.home-page .story-controls button{padding-block:50px}}

.guide-page{background:var(--cin-paper);color:var(--cin-ink)}.guide-page .topbar,.guide-page .guide-prep{background:var(--cin-surface);border-color:var(--cin-line)}.guide-page :is(p,.guide-nav a:not(.brand),.guide-layout nav button){color:var(--cin-muted)}.guide-page :is(h1,h2,h3,.brand,.guide-help summary){color:var(--cin-ink)}.guide-page .guide-layout nav button[aria-current=true]{background:var(--cin-surface);color:var(--cin-action)}.guide-page input{background:var(--cin-surface);border-color:var(--cin-line);color:var(--cin-ink)}
@media(max-width:650px){.guide-page .guide-nav>.theme-toggle{margin-left:auto}.guide-page .guide-nav .brand{width:auto}}
@media(max-width:780px){
 .home-page .hero-product{width:100%;margin-inline:auto;left:auto;right:auto}
 .home-page .story-layout{grid-template-columns:minmax(0,1fr)}
 .home-page .story-controls{min-width:0;flex-direction:column;gap:0}
 .home-page .story-controls button{width:100%;min-width:0;flex-direction:row;align-items:flex-start;padding:20px 0;gap:16px}
 .home-page .story-controls strong{font-size:18px}
 .home-page .story-controls button>span:nth-child(2)>span{display:block;font-size:12px}
 .home-page .story-panel{min-width:0}
 .home-page .nav,.module-page .nav{min-height:72px;gap:8px}
 .home-page .nav-actions .button.quiet,.module-page .nav-actions .button.quiet{padding:8px;font-size:12px}
}
@media(max-width:360px){.home-page .nav .brand,.module-page .nav .brand{font-size:20px;gap:8px}.nav-toggle{padding:8px;min-width:38px}.theme-toggle{width:30px;height:30px}.home-page .story-panel-heading{padding:14px;font-size:10px;gap:8px}}

:root[data-theme=dark] .home-page :is(.hero h1 em,.offer .discount,.film-count,.film-chapters button[aria-pressed=true],.story-footnote .product-open){color:#adcaff}
:root[data-theme=dark] :is(.home-page,.module-page) .nav :is(a,button){color:var(--cin-ink)}
:root[data-theme=dark] :is(.home-page,.module-page) .nav .button.primary{color:#fff}

#film-sound{flex:none;border:1px solid var(--cin-line);background:var(--cin-paper);color:var(--cin-ink);padding:10px 14px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:780px){#film-sound{font-size:11px;padding:9px}.cinema-caption{gap:12px;flex-wrap:wrap}.cinema-caption>div{min-width:170px;flex:1}}

.home-page .hero-product>.film-footnote{position:static;inset:auto;border:0;background:transparent;display:block;padding:0;margin:18px 0 0;width:auto;font-size:11px;font-weight:400;line-height:1.7;color:var(--cin-muted)}
