:root { color-scheme: dark; }
button { font: inherit; }
.auth-root { background: #0e1214; color: #edf1ef; min-height: 100vh; }
.landing-shell { overflow-x: clip; overflow-y: visible; }
.landing-nav { align-items: center; backdrop-filter: blur(16px); background: rgba(14,18,20,.86); border-bottom: 1px solid rgba(255,255,255,.08); box-sizing: border-box; display: flex; height: 70px; justify-content: space-between; padding: 0 max(5vw,28px); position: sticky; top: 0; z-index: 5; }
.landing-brand { align-items: center; background: none; border: 0; color: #fff; cursor: pointer; display: flex; font-size: 14px; gap: 10px; padding: 0; }
.landing-brand b { background: #db553f; border-radius: 5px; font-size: 12px; letter-spacing: .08em; padding: 5px 6px; }
.landing-brand span { color: #d6ddda; }
.landing-nav nav { display: flex; gap: 25px; }
.landing-nav nav button, .auth-links button { background: none; border: 0; color: #aeb8b4; cursor: pointer; padding: 0; }
.landing-nav nav button:hover, .auth-links button:hover { color: #fff; }
.landing-nav-actions, .hero-actions { display: flex; gap: 10px; }
.landing-nav-actions button, .hero-actions button { border-radius: 7px; cursor: pointer; padding: 9px 14px; }
.landing-nav-actions > button:first-child { background: transparent; border: 1px solid #52605c; color: #dde5e1; }
.nav-primary, .hero-primary, .modal-submit { background: #dd563f; border: 1px solid #ed6c54; color: #fff; font-weight: 700; }
.landing-hero { box-sizing: border-box; display: grid; gap: 4vw; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); margin: auto; max-width: 1180px; min-height: 570px; padding: 110px 28px 80px; }
.hero-copy { align-self: center; max-width: 640px; }
.eyebrow, .modal-brand { color: #f17b66; font-size: 12px; font-weight: 700; letter-spacing: .12em; margin: 0 0 16px; text-transform: uppercase; }
.hero-copy h1 { font-size: clamp(44px,6vw,76px); letter-spacing: -.055em; line-height: 1.08; margin: 0; }
.hero-copy h1 em { color: #ee765f; display: block; font-style: normal; }
.hero-description { color: #b8c2bd; font-size: 18px; line-height: 1.75; margin: 27px 0; max-width: 580px; }
.hero-primary { padding: 13px 20px !important; }
.hero-secondary { background: transparent; border: 1px solid #56625e; color: #e7ece9; }
.hero-note { color: #81908a; font-size: 13px; }
.hero-stage { background: radial-gradient(circle at 50% 42%, #333d3b 0, #17201f 43%, #101415 73%); border: 1px solid rgba(255,255,255,.09); border-radius: 24px; min-height: 390px; overflow: hidden; position: relative; }
.stage-frame { align-items: flex-start; background: linear-gradient(135deg,rgba(238,119,95,.26),rgba(33,42,40,.82)); border: 1px solid rgba(246,150,131,.5); border-radius: 13px; bottom: 25%; display: flex; flex-direction: column; gap: 8px; left: 22%; padding: 20px; position: absolute; transform: rotate(-8deg); width: 190px; }
.stage-frame span { color: #f49b89; font-size: 13px; }.stage-frame b { font-size: 23px; }.stage-frame i { color: #b9c2be; font-size: 10px; font-style: normal; letter-spacing: .12em; }
.stage-orbit { border: 1px solid rgba(236,118,95,.38); border-radius: 50%; position: absolute; transform: rotate(-23deg); }.orbit-a { height: 380px; left: 13%; top: 3%; width: 500px; }.orbit-b { border-color: rgba(180,204,192,.2); height: 230px; left: 20%; top: 24%; width: 350px; }.stage-dot { background: #f17961; border-radius: 50%; box-shadow: 0 0 24px #f17961; height: 11px; position: absolute; width: 11px; }.dot-a { right: 24%; top: 23%; }.dot-b { bottom: 21%; right: 18%; }
.trust-row { border-bottom: 1px solid #293230; border-top: 1px solid #293230; display: grid; grid-template-columns: repeat(3,1fr); margin: auto; max-width: 1124px; }.trust-row div { border-right: 1px solid #293230; padding: 26px 32px; }.trust-row div:last-child { border: 0; }.trust-row strong { display: block; font-size: 22px; }.trust-row span { color: #98a49f; font-size: 13px; }
.landing-section { box-sizing: border-box; margin: auto; max-width: 1124px; padding: 112px 28px; }.landing-section h2 { font-size: clamp(30px,4vw,47px); letter-spacing: -.035em; line-height: 1.15; margin: 0; max-width: 670px; }
.workflow-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,1fr); margin-top: 42px; }.workflow-grid article { background: #171d1d; border: 1px solid #2b3532; border-radius: 14px; min-height: 180px; padding: 24px; }.workflow-grid article b { color: #ee765f; font-size: 13px; }.workflow-grid h3 { margin: 31px 0 8px; }.workflow-grid p, .plan-card p, details p { color: #aeb9b4; line-height: 1.65; }
.plans-section { background: linear-gradient(90deg,#131918,#1a2220,#131918); border-radius: 24px; margin-bottom: 70px; }.plan-card { align-items: center; background: rgba(16,21,20,.65); border: 1px solid #425149; border-radius: 15px; display: flex; justify-content: space-between; margin-top: 35px; padding: 30px; }.plan-tag { color: #f18b77; font-size: 12px; }.plan-card h3 { font-size: 24px; margin: 9px 0; }.plan-side { align-items: flex-end; display: flex; flex-direction: column; gap: 14px; }.plan-side strong { font-size: 20px; }
.faq-section { padding-top: 45px; }.faq-section details { border-bottom: 1px solid #303a37; cursor: pointer; padding: 20px 0; }.faq-section summary { font-weight: 700; list-style: none; }.faq-section summary::-webkit-details-marker { display: none; }.faq-section summary::after { color: #ee765f; content: "+"; float: right; font-size: 22px; }.faq-section details[open] summary::after { content: "−"; }
.landing-shell footer { border-top: 1px solid #27302d; color: #84918b; font-size: 12px; padding: 30px; text-align: center; }
.auth-modal-backdrop { align-items: center; background: rgba(4,6,6,.72); backdrop-filter: blur(8px); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 20; }.auth-modal { background: #171d1c; border: 1px solid #41504b; border-radius: 16px; box-shadow: 0 25px 100px rgba(0,0,0,.55); box-sizing: border-box; max-width: 420px; padding: 34px; position: relative; width: 100%; }.auth-modal h2 { font-size: 29px; letter-spacing: -.03em; margin: 0 0 8px; }.auth-modal > p:not(.modal-brand):not(.auth-status) { color: #a9b4af; line-height: 1.6; margin: 0 0 23px; }.modal-close { background: transparent; border: 0; color: #9ca8a2; cursor: pointer; font-size: 27px; line-height: 1; position: absolute; right: 18px; top: 16px; }.auth-form { display: grid; gap: 14px; }.auth-form label { color: #dce3df; display: grid; font-size: 13px; gap: 7px; }.auth-form input { background: #0f1413; border: 1px solid #45534e; border-radius: 7px; box-sizing: border-box; color: #f5f7f6; font: inherit; min-height: 44px; padding: 10px 12px; width: 100%; }.auth-form input:focus { border-color: #e66a53; outline: 2px solid rgba(230,106,83,.17); }.modal-submit { border-radius: 7px; cursor: pointer; min-height: 44px; }.modal-submit:disabled { opacity: .65; }.auth-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; }.auth-status { font-size: 13px; min-height: 20px; }.auth-message { color: #aee0bd; }.auth-error { color: #ff9c8f; }
@media (max-width: 760px) { .landing-nav { padding: 0 18px; }.landing-nav nav { display: none; }.landing-brand span { display: none; }.landing-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 65px; }.hero-stage { min-height: 300px; }.trust-row, .workflow-grid { grid-template-columns: 1fr; }.trust-row div { border-bottom: 1px solid #293230; border-right: 0; }.plan-card { align-items: flex-start; flex-direction: column; }.plan-side { align-items: flex-start; }.landing-section { padding: 72px 22px; } }