.entry-home{min-height:calc(100vh - 180px);padding:32px 20px 48px;background:var(--surface-2)}
.entry-card{max-width:440px;margin:auto;padding:28px 24px 20px;background:var(--surface-1);border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 50px rgba(45,64,100,.07)}
.entry-heading{text-align:center;margin-bottom:26px}.entry-heading img{object-fit:contain}.entry-heading h1{font-size:22px;margin:10px 0 6px}.entry-heading p{font-size:13px;color:var(--text-muted);margin:0}
.entry-form label{display:block;font-size:13px;font-weight:700;color:var(--text-secondary);margin:16px 0 7px}.entry-input{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:13px;color:var(--text-muted)}
.entry-input>svg{width:17px;height:17px;flex-shrink:0}.entry-input input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important;color:var(--text-primary);text-align:right}.entry-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.entry-password{display:grid;place-items:center;flex-shrink:0;background:transparent;border:0;padding:6px;color:var(--text-muted);cursor:pointer}.entry-password svg{width:18px;height:18px}
.entry-action{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:12px 14px;border-radius:13px;font:inherit;font-size:15px;font-weight:800;text-align:center;text-decoration:none;line-height:1.6;border:1px solid transparent;cursor:pointer;transition:transform .15s,filter .15s}.entry-action svg{width:19px;height:19px;flex-shrink:0}.entry-action:hover{filter:brightness(1.06);transform:translateY(-1px)}.entry-action:focus-visible,.entry-password:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.entry-login{color:#fff;background:linear-gradient(110deg,#3688e8,#05b2cb);box-shadow:0 9px 18px rgba(54,136,232,.25);margin-top:16px}.entry-divider{display:flex;align-items:center;gap:11px;color:var(--text-muted);font-size:12px;margin:22px 0}.entry-divider:before,.entry-divider:after{content:'';height:1px;background:var(--border);flex:1}
.entry-demo{color:#7740e8;background:linear-gradient(110deg,rgba(148,93,255,.06),rgba(148,93,255,.14));border-color:#b899ff;box-shadow:0 5px 12px rgba(148,93,255,.09)}
.entry-subscribe{color:#fff;background:linear-gradient(110deg,#0c8a68,#18b58d);box-shadow:0 10px 20px rgba(12,138,104,.23)}.entry-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:18px 0 10px}.entry-benefits span{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(20,162,127,.28);background:rgba(20,162,127,.08);border-radius:30px;font-size:10px;color:var(--fg-low)}.entry-benefits svg{width:12px;height:12px}
.entry-note{text-align:center;font-size:12px;line-height:1.9;color:var(--text-muted);margin:12px 0 16px}.entry-pricing{color:#fff;background:linear-gradient(110deg,#ff922b,#f66b00);box-shadow:0 9px 18px rgba(246,107,0,.23)}.entry-parent{margin:32px 0 26px}.entry-parent-button{color:var(--text-secondary);background:var(--surface-2);border-color:var(--border-strong);cursor:default;opacity:1}.entry-parent-button:hover{transform:none;filter:none}.entry-parent-button svg{color:var(--accent-ink)}.entry-parent-button span{font-size:10px;padding:2px 7px;border-radius:8px;background:var(--surface-3)}.entry-guide{color:#fff;background:linear-gradient(110deg,#7027dc,#9952f7);box-shadow:0 9px 18px rgba(112,39,220,.22)}
:root[data-theme="dark"] .entry-demo{color:#c4a8ff}:root[data-theme="dark"] .entry-card{box-shadow:none}
@media(max-width:600px){.entry-home{padding:20px 22px 30px}.entry-card{padding:0;max-width:440px;border:0;border-radius:0;box-shadow:none;background:transparent}.entry-heading{margin-bottom:20px}.entry-heading h1{font-size:20px}.entry-action{font-size:14px}}
@media(prefers-reduced-motion:reduce){.entry-action{transition:none}}
.entry-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}
.entry-shortcuts .entry-action{width:auto;min-height:36px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;gap:6px;box-shadow:none}
.entry-shortcuts .entry-action svg{width:15px;height:15px}
.entry-with-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:60px;max-width:1320px;margin:26px auto 30px;padding:42px 48px;background:transparent}
.entry-with-preview .entry-card{width:100%;max-width:440px;margin:0 auto;background:var(--surface-glass)}
.entry-card .entry-guide{margin-top:12px;min-height:42px;padding:9px 14px;font-size:13px;box-shadow:none}
.entry-card .entry-shortcuts{justify-content:center;margin-top:20px}
.entry-visual{min-width:0}.entry-with-preview .studio-preview{width:100%}
@media(max-width:900px){.entry-with-preview{gap:24px;padding:32px 24px}.entry-shortcuts{gap:6px}.entry-shortcuts .entry-action{padding:6px 10px;font-size:11px}}
@media(max-width:700px){.entry-with-preview{grid-template-columns:minmax(0,1fr);padding:22px;margin:0 auto;gap:20px}.entry-with-preview .entry-card{padding:22px 18px;border:1px solid var(--border);border-radius:20px}.entry-visual{max-width:440px;width:100%;margin:auto}.landing-copy .entry-shortcuts{justify-content:center}.entry-shortcuts .entry-action{min-height:38px}}
.landing-copy .landing-actions{display:grid;grid-template-columns:repeat(3,max-content);align-items:start;gap:12px;width:max-content;max-width:100%}
.landing-actions .landing-subscribe{grid-column:3;grid-row:2;min-height:40px;padding:8px 16px;font-size:13px}
:root[data-theme] .landing-subscribe,:root[data-theme] .entry-join{background:linear-gradient(to left,#064b35,#087746);border:1px solid #07623e;color:#fff;box-shadow:0 7px 17px rgba(6,75,53,.24);font-weight:800}
.entry-card .entry-join{margin-top:10px;min-height:40px;padding:8px 14px;font-size:13px}
:root[data-theme="dark"] .landing-subscribe,:root[data-theme="dark"] .entry-join{background:linear-gradient(to left,#07553b,#0a7b49);border-color:#26946a;color:#fff}
@media(max-width:1100px){.landing-copy .landing-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.landing-copy .landing-actions .btn{padding:10px 9px;font-size:12px}}
@media(max-width:700px){.landing-copy .landing-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin-right:auto;margin-left:auto}.landing-actions .guide-btn{grid-column:1 / -1}.landing-actions .landing-subscribe{grid-column:1 / -1;grid-row:auto}.landing-copy .landing-actions .btn{font-size:12px}}
.landing-copy .landing-actions .landing-subscribe,.entry-card .entry-join{font-size:calc(16px * var(--font-scale,1.1));min-height:48px;padding:10px 16px}
:root[data-theme] .landing-subscribe:hover,:root[data-theme] .entry-join:hover{filter:brightness(1.12);box-shadow:0 9px 22px rgba(6,75,53,.3)}
.cta-section.cta-illustrated{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:0;padding:0;border-radius:28px}
.cta-illustrated .cta-copy{padding:36px}.cta-illustrated .cta-copy h2{font-size:clamp(28px,3vw,42px)}
.cta-illustration{display:block;width:100%;height:auto;align-self:center}
.cta-section.cta-illustrated::before,.cta-section.cta-illustrated::after{display:none}
@media(max-width:760px){.cta-section.cta-illustrated{grid-template-columns:minmax(0,1fr)}.cta-illustrated .cta-copy{padding:28px;text-align:center}.cta-illustrated .cta-copy p{max-width:none}.cta-illustration{grid-row:1}}
@media(min-width:701px){.landing-copy .hero-footnote{position:relative;top:-46px;right:4px}}
@media(max-width:700px){.landing-copy .hero-footnote{position:static;margin-top:22px;justify-content:center}}