.home-page { color:#15253a; }
.home-page h1, .home-page h2, .home-page h3 { color:#15253a; }
.home-page .home-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:3rem; padding:4.25rem 0 4.5rem; }
.home-page .home-eyebrow { display:inline-flex; align-items:center; gap:.55rem; color:#657a96; background:#fff; border:1px solid #e0e7f1; border-radius:20px; padding:.45rem .75rem; font-size:.62rem; font-weight:700; letter-spacing:.1em; }
.home-page .home-status-dot { width:6px; height:6px; background:#6b96df; border-radius:50%; }
.home-page .home-hero h1 { margin:1.4rem 0 1.15rem; font-size:clamp(2.35rem,4.6vw,3.7rem); font-weight:750; letter-spacing:-.055em; line-height:1.12; }
.home-page .home-hero h1 > span { color:#2459bd; }
.home-page .home-hero-description { max-width:440px; color:#718096; font-size:1rem; line-height:1.85; margin:0 0 1.75rem; }
.home-page .home-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.15rem; }
.home-page .home-primary { display:inline-flex; align-items:center; justify-content:center; gap:.9rem; padding:.8rem 1.15rem; border-radius:10px; font-size:.83rem; font-weight:600; box-shadow:0 5px 15px #2459d312; }
.home-page .home-secondary { display:inline-flex; align-items:center; gap:.4rem; font-size:.78rem; color:#60718a; text-decoration:none; }
.home-page .home-secondary:hover { color:#2459bd; }
.home-page .home-language-note { display:flex; align-items:center; gap:.45rem; margin-top:1.5rem; color:#8a97a9; font-size:.71rem; }
.home-page .home-workspace-art { position:relative; padding:1.5rem .8rem 2rem; min-width:0; }
.home-page .home-art-halo { position:absolute; inset:-15% 0; background:radial-gradient(ellipse,#dce7fb9c 0%,#eaf0fa70 45%,transparent 70%); z-index:0; pointer-events:none; }
.home-page .home-preview { position:relative; border:1px solid #dfe7f3; border-radius:17px; background:#fff; box-shadow:0 24px 60px #34578314,0 3px 10px #34578304; overflow:hidden; transform:rotate(-3deg); }
.home-page .home-preview-top { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.15rem; border-bottom:1px solid #e9eef6; }
.home-page .preview-brand { display:flex; align-items:center; gap:.4rem; font-size:.78rem; font-weight:700; letter-spacing:-.03em; }
.home-page .preview-brand > i { display:grid; place-items:center; width:25px; height:25px; background:#eaf1ff; color:#2459bd; border-radius:7px; }
.home-page .preview-avatar { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#f0f4f9; color:#8b9bb2; }
.home-page .home-preview-body { display:flex; }
.home-page .preview-sidebar { display:flex; align-items:center; flex-direction:column; gap:1rem; padding:1.25rem .65rem; border-right:1px solid #edf1f7; background:#fbfcfe; }
.home-page .preview-sidebar > span { display:grid; place-items:center; width:31px; height:31px; color:#9aaac1; border-radius:8px; font-size:.85rem; }
.home-page .preview-sidebar .selected { color:#2459bd; background:#eaf1ff; }
.home-page .preview-story { flex:1; min-width:0; padding:1.45rem 1.6rem; }
.home-page .preview-eyebrow { color:#8b9bb2; font-size:.5rem; font-weight:700; letter-spacing:.12em; }
.home-page .preview-story h2 { font-size:1.45rem; font-weight:700; letter-spacing:-.045em; line-height:1.25; margin:.65rem 0 1rem; }
.home-page .preview-image { position:relative; display:grid; place-items:center; height:110px; border:1px solid #dce6f6; border-radius:9px; background:linear-gradient(140deg,#edf4ff,#e3ecfa); overflow:hidden; margin-bottom:1.05rem; }
.home-page .preview-image > i { position:relative; z-index:1; color:#9db9e4; font-size:2rem; }
.home-page .preview-image > span { position:absolute; width:200px; height:200px; right:-55px; bottom:-135px; border-radius:50%; background:#d9e5f8; }
.home-page .preview-line { height:5px; background:#edf1f7; border-radius:4px; margin-top:9px; }
.home-page .preview-line.short { width:65%; }
.home-page .preview-story-footer { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:1.35rem; padding-top:1rem; border-top:1px solid #edf1f7; font-size:.58rem; }
.home-page .preview-story-footer > span:first-child { color:#648778; }
.home-page .preview-publish { display:inline-flex; align-items:center; gap:.35rem; background:#2459bd; color:#fff; border-radius:5px; padding:.4rem .6rem; }
.home-page .home-floating-note { position:absolute; bottom:.6rem; left:-.7rem; display:flex; align-items:center; gap:.75rem; padding:.85rem 1rem; border:1px solid #e1e8f2; border-radius:13px; background:#fff; box-shadow:0 10px 30px #34578312; }
.home-page .home-floating-note > span { display:grid; place-items:center; width:34px; height:34px; background:#eaf6f0; color:#248264; border-radius:10px; }
.home-page .home-floating-note strong { display:block; font-size:.73rem; font-weight:600; }
.home-page .home-floating-note small { display:block; font-size:.62rem; color:#8a97a9; margin-top:.2rem; }
.home-page .home-floating-note > i { color:#248264; font-size:1.1rem; margin-left:.5rem; }
.home-page .home-features { padding:1rem 0 3rem; }
.home-page .home-section-heading { text-align:center; margin-bottom:1.75rem; }
.home-page .home-section-eyebrow { color:#8a97a9; font-size:.62rem; letter-spacing:.12em; font-weight:700; }
.home-page .home-section-heading h2 { font-size:1.65rem; font-weight:700; letter-spacing:-.035em; margin:.6rem 0; }
.home-page .home-section-heading p { color:#718096; font-size:.85rem; margin:0; }
.home-page .home-feature-card { display:flex; flex-direction:column; padding:1.5rem; border:1px solid #e5ebf3; border-radius:16px; background:#fff; box-shadow:0 8px 25px #182b4b04; }
.home-page .home-feature-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; margin-bottom:1.25rem; font-size:1.2rem; }
.home-page .feature-blue { color:#2459bd; background:#eaf1ff; }
.home-page .feature-green { color:#248264; background:#eaf6f0; }
.home-page .feature-violet { color:#8055c8; background:#f1ebfc; }
.home-page .home-feature-card h3 { font-size:.95rem; font-weight:600; letter-spacing:-.02em; margin-bottom:.65rem; }
.home-page .home-feature-card p { color:#718096; font-size:.81rem; line-height:1.85; margin:0 0 1.3rem; }
.home-page .home-feature-caption { display:flex; align-items:center; gap:.45rem; margin-top:auto; color:#607896; font-size:.71rem; text-decoration:none; }
.home-page a.home-feature-caption { color:#2459bd; font-weight:600; }
.home-page a.home-feature-caption:hover { text-decoration:underline; }
.home-page .home-start-panel { display:flex; align-items:center; justify-content:space-between; gap:2rem; border:1px solid #dce6f7; border-radius:19px; background:linear-gradient(120deg,#f3f7ff,#eaf1fd); padding:2rem; margin-bottom:2.5rem; }
.home-page .home-start-panel h2 { font-size:1.55rem; font-weight:700; letter-spacing:-.035em; margin:.5rem 0; }
.home-page .home-start-panel p { color:#718096; font-size:.82rem; margin:0; line-height:1.7; }
.home-page .home-start-panel .home-primary { flex-shrink:0; }
.home-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; border-top:1px solid #e0e7f1; padding:1.5rem 0 2rem; font-size:.68rem; color:#8a97a9; }
.home-footer .home-footer-brand { display:flex; align-items:center; gap:.4rem; text-decoration:none; color:#60718a; font-size:.8rem; font-weight:600; }
.home-footer .home-footer-brand > i { color:#6d90c9; }
@media (max-width:991.98px) { .home-page .home-hero { gap:1.75rem; padding:3rem 0; } .home-page .home-hero h1 { font-size:2.7rem; } .home-page .home-hero-description { font-size:.9rem; } .home-page .preview-story { padding:1.2rem; } .home-page .preview-story h2 { font-size:1.2rem; } .home-page .preview-image { height:85px; } .home-page .home-feature-card { padding:1.25rem; } }
@media (max-width:767.98px) { .home-page .home-hero { grid-template-columns:1fr; gap:2rem; padding:2.5rem 0 2rem; } .home-page .home-hero-copy { text-align:center; } .home-page .home-hero h1 { font-size:clamp(2.2rem,7vw,3rem); } .home-page .home-hero-description { margin-left:auto; margin-right:auto; max-width:430px; } .home-page .home-hero-actions, .home-page .home-language-note { justify-content:center; } .home-page .home-workspace-art { width:100%; max-width:420px; margin:0 auto; padding:1rem 1rem 2rem; } .home-page .home-floating-note { left:0; } .home-page .home-start-panel { align-items:flex-start; flex-direction:column; gap:1.3rem; padding:1.5rem; } .home-page .home-features { padding-top:1.5rem; } .home-footer { justify-content:center; text-align:center; } .home-footer .home-footer-brand { width:100%; justify-content:center; } }
@media (max-width:375px) { .home-page .home-hero-actions { flex-direction:column; } .home-page .preview-story-footer { font-size:.5rem; } .home-page .preview-story { padding:1rem; } .home-page .home-preview-top { padding:.8rem; } }