.public-page { overflow-x: hidden; background: #06110c; color: #f3f8f5; }
.public-container { width: min(1160px,calc(100% - 36px)); margin-inline: auto; }
.public-nav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(155,190,169,.14); background: rgba(5,17,11,.82); backdrop-filter: blur(18px); }
.public-nav-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.public-logo img { width: 170px; display: block; }
.public-links { display: flex; align-items: center; gap: 15px; color: #aabaae; font-size: .84rem; font-weight: 680; }
.public-links a { min-height: 44px; padding: 0 6px; display: inline-flex; align-items: center; }
.public-links a:hover { color: #fff; }
.public-nav-actions { display: flex; align-items: center; gap: 9px; }
.public-menu-button { display: none; }
.public-mobile-login,.public-mobile-register { display: none !important; }
.public-hero { position: relative; min-height: 720px; padding: 105px 0 80px; display: grid; align-items: center; overflow: hidden; }
.public-hero::before { content: ""; position: absolute; width: 680px; height: 680px; right: -260px; top: -180px; border-radius: 50%; background: radial-gradient(circle,rgba(32,214,115,.18),rgba(32,214,115,.025) 52%,transparent 70%); filter: blur(4px); }
.public-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.82fr); gap: clamp(40px,7vw,92px); align-items: center; }
.public-pill { display: inline-flex; align-items: center; gap: 9px; min-height: 34px; padding: 0 12px; border: 1px solid rgba(32,214,115,.27); border-radius: 999px; color: #7ef0ad; background: rgba(32,214,115,.08); font-size: .73rem; font-weight: 800; }
.public-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2bd47f; box-shadow: 0 0 0 5px rgba(43,212,127,.1); }
.public-hero h1 { max-width: 760px; margin: 21px 0 0; font-size: clamp(3rem,6.2vw,5.35rem); line-height: .98; letter-spacing: -.067em; }
.public-hero h1 span { color: #2ed981; }
.public-hero-copy > p { max-width: 650px; margin: 24px 0 0; color: #a8b9ae; font-size: clamp(1rem,1.7vw,1.16rem); }
.public-hero-actions { margin-top: 30px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.trust-row { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 18px; color: #85988c; font-size: .76rem; }
.trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.trust-row span::before { content: "✓"; color: #31db83; font-weight: 900; }
.product-preview { position: relative; min-width: 0; padding: 12px; border: 1px solid rgba(32,214,115,.25); border-radius: 28px; background: linear-gradient(145deg,rgba(26,74,46,.6),rgba(6,18,12,.9)); box-shadow: 0 40px 100px rgba(0,0,0,.36); transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); }
.preview-window { overflow: hidden; border: 1px solid rgba(171,202,183,.16); border-radius: 20px; background: #081710; }
.preview-top { height: 47px; padding: 0 15px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(171,202,183,.12); }
.preview-top i { width: 7px; height: 7px; border-radius: 50%; background: #395247; }.preview-top i:first-child{background:#31da82}
.preview-body { min-height: 455px; padding: 22px; display: grid; grid-template-columns: 125px minmax(0,1fr); gap: 18px; }
.preview-sidebar { border: 1px solid rgba(171,202,183,.1); border-radius: 14px; background: #0b2015; }
.preview-logo { width: 65%; height: 12px; margin: 18px auto 22px; border-radius: 10px; background: #25d67a; }
.preview-nav { height: 25px; margin: 8px 12px; border-radius: 7px; background: #132c20; }.preview-nav.active{background:rgba(32,214,115,.18);border:1px solid rgba(32,214,115,.2)}
.preview-main { min-width: 0; }
.preview-title { width: 47%; height: 18px; border-radius: 6px; background: #ecf5ef; }
.preview-subtitle { width: 63%; height: 8px; margin-top: 9px; border-radius: 5px; background: #526b5d; }
.preview-cards { margin-top: 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.preview-card { height: 92px; padding: 14px; border: 1px solid rgba(171,202,183,.12); border-radius: 13px; background: #0d2117; }
.preview-card::before { content:""; display:block; width:27px; height:27px; border-radius:8px; background:rgba(32,214,115,.16) }.preview-card::after { content:""; display:block; width:54%; height:13px; margin-top:14px; border-radius:6px; background:#e5f1e9 }
.preview-chart { height: 180px; margin-top: 12px; padding: 22px 18px 0; display:flex; align-items:flex-end; gap:9px; border:1px solid rgba(171,202,183,.12); border-radius:13px; background:#0d2117 }.preview-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#28d77a,#155f39)}
.floating-note { position: absolute; right: -24px; bottom: 48px; width: 185px; padding: 14px; border: 1px solid rgba(32,214,115,.3); border-radius: 15px; background: rgba(11,33,22,.94); box-shadow: 0 20px 50px rgba(0,0,0,.32); }.floating-note strong,.floating-note small{display:block}.floating-note strong{color:#42e58d;font-size:1.28rem}.floating-note small{color:#91a69a;font-size:.7rem}
.logo-strip { border-block: 1px solid rgba(151,188,166,.13); background: rgba(255,255,255,.012); }
.logo-strip-inner { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #708579; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.logo-strip strong { color:#9bada2;font-size:.82rem }
.public-section { padding: 112px 0; }
.public-section.is-soft { background: #08160f; border-block: 1px solid rgba(151,188,166,.09); }
.section-kicker { display: block; color: #2ed981; font-size: .72rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.section-title { max-width: 760px; margin: 13px 0 0; font-size: clamp(2.15rem,4.5vw,3.65rem); line-height: 1.04; letter-spacing: -.052em; }
.section-lead { max-width: 670px; margin: 18px 0 0; color: #9eb1a5; font-size: 1rem; }
.steps { margin-top: 54px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; counter-reset: step; }
.step-card { min-height: 240px; padding: 25px; border: 1px solid rgba(151,188,166,.15); border-radius: 22px; background: linear-gradient(145deg,#0b2116,#09170f); counter-increment:step; }.step-card::before{content:"0" counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#2bdd80;background:rgba(32,214,115,.1);font-weight:850}.step-card h3{margin:40px 0 8px;font-size:1.04rem}.step-card p{margin:0;color:#8fa297;font-size:.84rem}
.feature-grid { margin-top: 54px; display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px }
.feature-card { min-height: 225px; padding:26px; border:1px solid rgba(151,188,166,.15);border-radius:22px;background:#0b1e14;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(32,214,115,.31)}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#2edd83;background:rgba(32,214,115,.1)}.feature-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8}.feature-card h3{margin:28px 0 8px;font-size:1.08rem}.feature-card p{margin:0;color:#91a398;font-size:.84rem}
.pricing-grid { margin-top:55px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch }.price-card{position:relative;overflow:hidden;padding:34px;border:1px solid rgba(151,188,166,.16);border-radius:26px;background:#0b2015}.price-card.featured{border-color:rgba(32,214,115,.42);background:linear-gradient(145deg,#0e2b1c,#091b12)}.price-tag{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:99px;color:#06130b;background:#2ddd81;font-size:.65rem;font-weight:850}.price-card h3{margin:0;font-size:1.35rem}.price-card>p{color:#91a398}.price{margin:26px 0 4px;font-size:3rem;font-weight:850;letter-spacing:-.05em}.price small{font-size:.85rem;color:#8fa297;font-weight:500;letter-spacing:0}.price-list{margin:28px 0;padding:0;list-style:none;display:grid;gap:12px;color:#b4c2b9;font-size:.84rem}.price-list li::before{content:"✓";margin-right:10px;color:#2ddd81;font-weight:900}.price-card .btn{width:100%;margin-top:8px}
.faq-grid { margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px }.faq-item{border:1px solid rgba(151,188,166,.14);border-radius:16px;background:#0a1d13}.faq-question{width:100%;min-height:64px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;color:#edf6f0;text-align:left;font-weight:750;cursor:pointer}.faq-question span:last-child{color:#2ddd81;font-size:1.3rem}.faq-answer{padding:0 18px 18px;color:#91a398;font-size:.84rem}.public-cta{padding:70px;border:1px solid rgba(32,214,115,.3);border-radius:30px;background:radial-gradient(circle at 10% 20%,rgba(32,214,115,.16),transparent 45%),#0a2115;text-align:center}.public-cta h2{max-width:700px;margin:0 auto;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.05em}.public-cta p{max-width:570px;margin:17px auto 25px;color:#9cadA3}
.public-footer{padding:58px 0 30px;border-top:1px solid rgba(151,188,166,.13);background:#040e08}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-brand img{width:170px}.footer-brand p{max-width:330px;color:#7f9286;font-size:.8rem}.footer-col strong{display:block;margin-bottom:8px;font-size:.8rem}.footer-col a{min-height:44px;display:flex;align-items:center;color:#7f9286;font-size:.78rem}.footer-col a:hover{color:#dce9e0}.footer-bottom{margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(151,188,166,.11);color:#667b6f;font-size:.7rem}
.legal-page{min-height:100vh;padding:70px 0}.legal-article{width:min(820px,calc(100% - 36px));margin:auto;padding:38px;border:1px solid rgba(151,188,166,.16);border-radius:24px;background:#0a1c13}.legal-article img{width:170px}.legal-article h1{margin:38px 0 8px;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.05em}.legal-article h2{margin:34px 0 8px;font-size:1.2rem}.legal-article p,.legal-article li{color:#9dafA3}.legal-article a{color:#35df84}
@media(max-width:1000px){.public-nav-inner{position:relative}.public-links{position:absolute;inset:calc(100% + 8px) 0 auto;display:none;align-items:stretch;flex-direction:column;gap:3px;padding:10px;border:1px solid rgba(155,190,169,.2);border-radius:16px;background:#0a1d13;box-shadow:0 24px 60px rgba(0,0,0,.38)}.public-nav.public-menu-open .public-links{display:flex}.public-links a{width:100%;padding:0 13px;border-radius:10px}.public-links a:hover,.public-links a:focus-visible{background:rgba(255,255,255,.055)}.public-mobile-login{display:flex!important}.public-menu-button{display:inline-grid}.public-hero{padding-top:76px}.public-hero-grid{grid-template-columns:1fr}.product-preview{width:min(680px,100%);margin:auto;transform:none}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}}
@media(max-width:680px){.public-container{width:min(100% - 28px,1160px)}.public-nav-inner{min-height:68px}.public-logo img{width:145px}.public-nav-actions .btn-ghost{display:none}.public-hero{min-height:auto;padding:72px 0}.public-hero h1{font-size:clamp(2.7rem,14vw,4rem)}.public-hero-actions .btn{width:100%}.product-preview{padding:7px;border-radius:20px}.preview-body{min-height:350px;padding:13px;grid-template-columns:72px 1fr;gap:10px}.preview-sidebar{border-radius:10px}.preview-nav{margin:7px;height:19px}.preview-cards{grid-template-columns:1fr 1fr}.preview-card{height:72px;padding:9px}.preview-chart{height:130px;padding:15px 10px 0;gap:5px}.floating-note{right:-5px;bottom:20px;width:150px}.logo-strip-inner{justify-content:center;flex-wrap:wrap;padding:23px 0}.logo-strip-inner span{display:none}.public-section{padding:78px 0}.steps,.feature-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.step-card,.feature-card{min-height:auto}.public-cta{padding:45px 20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.legal-article{padding:25px}}
@media(max-width:520px){.public-nav-actions>.btn-primary{display:none}.public-mobile-register{display:flex!important}}
@media(prefers-reduced-motion:reduce){.feature-card:hover{transform:none}}