:root{--bg:#f3f6fa;--surface:#fff;--surface-soft:#f8fbfd;--text:#17212b;--muted:#607080;--line:#d8e0e8;--primary:#17384e;--primary-hover:#204e6c;--shadow:0 12px 30px #17384e14;--radius-lg:22px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:linear-gradient(#f7fafc 0%,#edf3f7 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding-top:14px;padding-bottom:14px;display:flex}.brand-area{flex-direction:column;gap:4px;display:flex}.brand-name{color:var(--primary);letter-spacing:-.03em;font-size:30px;font-weight:800}.brand-tagline{color:var(--muted);font-size:14px}.main-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.nav-button:hover{background:#eaf1f6}.nav-button-primary{background:var(--primary);color:#fff}.nav-button-primary:hover{background:var(--primary-hover)}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:60px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:34px;padding-bottom:24px;display:grid}.footer-title{color:var(--primary);margin-bottom:10px;font-size:16px;font-weight:800}.footer-text{color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.7}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);padding-top:16px;padding-bottom:28px;font-size:14px}.page-wrap{padding-top:42px;padding-bottom:16px}.page-title{color:var(--primary);letter-spacing:-.03em;margin:0 0 10px;font-size:40px;line-height:1.1}.page-subtitle{color:var(--muted);margin:0 0 20px;line-height:1.75}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#f4f8fb 100%);border-radius:28px;padding:44px}.hero h1{color:var(--primary);letter-spacing:-.04em;max-width:900px;margin:0 0 16px;font-size:48px;line-height:1.08}.hero p{color:var(--muted);max-width:820px;margin:0;font-size:18px;line-height:1.85}.hero-premium{position:relative;overflow:hidden}.hero-premium:after{content:"";background:radial-gradient(circle,#204e6c1a 0%,#204e6c00 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px}.hero-badge{color:var(--primary);background:#edf4f8;border:1px solid #dbe6ee;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-block}.button-row,.toolbar,.quote-actions{flex-wrap:wrap;gap:12px;display:flex}.button,.button-secondary,.button-danger,.button-ghost{appearance:none;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.button{background:var(--primary);color:#fff;box-shadow:0 12px 24px #17384e2e}.button:hover{background:var(--primary-hover)}.button-secondary{color:var(--primary);border:1px solid var(--line);background:#fff}.button-secondary:hover{background:#f8fafc}.button-ghost{color:var(--primary);background:0 0;border:1px solid #0000}.button-ghost:hover{background:#edf3f7}.button-danger{color:#b42318;background:#fff1f2;border:1px solid #fecdd3}.button:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.6;cursor:not-allowed}.card-grid{gap:20px;margin-top:28px;display:grid}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.stat-card,.quote-card,.previewer,.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card,.panel,.previewer,.feature-card{padding:24px}.card h2,.card h3,.panel h2,.panel h3,.previewer h2,.previewer h3,.feature-card h3{color:var(--primary);margin-top:0}.card-large{min-height:100%}.section{margin-top:28px}.section-title{color:var(--primary);letter-spacing:-.03em;margin:0 0 12px;font-size:30px}.section-text,.prose p,.prose li,.feature-card p{color:var(--muted);font-size:16px;line-height:1.8}.prose ul,.prose ol{padding-left:22px}.feature-card{position:relative;overflow:hidden}.feature-icon{width:40px;height:40px;color:var(--primary);background:#edf4f8;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;font-weight:800;display:flex}.marketing-band{box-shadow:var(--shadow);color:#fff;background:linear-gradient(135deg,#17384e 0%,#204e6c 100%);border-radius:28px;padding:34px}.marketing-band h2{margin-top:0;margin-bottom:12px;font-size:32px}.marketing-band p{color:#ffffffe0;margin:0;line-height:1.8}.marketing-band-content{grid-template-columns:2fr 1fr;align-items:center;gap:24px;display:grid}.marketing-band-box{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;padding:20px}.marketing-stat-label{opacity:.85;margin-bottom:10px;font-size:14px;font-weight:700}.marketing-list{gap:8px;font-size:15px;display:grid}.cta-panel{margin-bottom:10px}.cta-panel-inner{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.cta-panel-inner h2{color:var(--primary);margin:0 0 10px}.cta-panel-inner p{color:var(--muted);margin:0}.pricing-grid{grid-template-columns:1.2fr .8fr;gap:20px;margin-top:28px;display:grid}.pricing-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:28px}.pricing-card-primary{position:relative;overflow:hidden}.pricing-card-primary:after{content:"";background:radial-gradient(circle,#204e6c1a 0%,#204e6c00 70%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -40px -80px auto}.pricing-label{color:var(--primary);background:#edf4f8;border:1px solid #dbe6ee;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.pricing-price{color:var(--primary);letter-spacing:-.03em;margin:14px 0;font-size:40px;font-weight:800}.pricing-text{color:var(--muted);font-size:16px;line-height:1.8}.pricing-list{color:var(--text);gap:10px;margin-top:20px;line-height:1.7;display:grid}.pricing-list-soft{color:var(--muted)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px;margin-bottom:28px;display:grid}.stat-card{padding:20px}.stat-card-emphasis{color:#fff;background:linear-gradient(135deg,#17384e 0%,#204e6c 100%)}.stat-card-emphasis .stat-label,.stat-card-emphasis .stat-value{color:#fff}.stat-label{color:var(--muted);font-size:14px}.stat-value{color:var(--primary);letter-spacing:-.03em;margin-top:8px;font-size:32px;font-weight:800}.dashboard-hero{grid-template-columns:2fr 1fr;align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.dashboard-kicker{color:var(--primary);background:#edf4f8;border:1px solid #dbe6ee;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.dashboard-user-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:24px}.dashboard-user-label{color:var(--muted);margin-bottom:8px;font-size:14px}.dashboard-user-email{color:var(--primary);word-break:break-word;font-size:18px;font-weight:800}.dashboard-secondary-grid{margin-top:0}.dashboard-value-panel{min-height:100%}.dashboard-big-value{color:var(--primary);letter-spacing:-.03em;margin-top:8px;font-size:38px;font-weight:800}.dashboard-muted-text{color:var(--muted);font-size:14px;line-height:1.7}.dashboard-list-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.dashboard-filter-box{min-width:220px}.dashboard-filter-box label{color:var(--primary);margin-bottom:6px;font-size:14px;font-weight:700;display:block}.dashboard-quote-card{background:#fff;border:1px solid #d8e0e8;border-radius:16px;padding:18px;box-shadow:0 12px 30px #17384e0f}.dashboard-quote-card-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-quote-title{color:#17384e;margin-bottom:8px;font-size:20px;font-weight:800}.dashboard-quote-meta{color:#607080;font-size:14px;line-height:1.7}.dashboard-quote-side{flex-direction:column;align-items:flex-end;gap:10px;min-width:180px;display:flex}.dashboard-quote-total{font-size:18px;font-weight:800}.dashboard-quote-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.form-grid{gap:14px;display:grid}.form-row{flex-wrap:wrap;gap:14px;display:flex}.field{flex:1;gap:6px;min-width:220px;display:grid}.field label{color:var(--primary);font-size:14px;font-weight:700}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:12px 14px}.textarea{resize:vertical;min-height:140px}.notice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px}.quote-list{gap:14px;display:grid}.quote-card{padding:18px}.quote-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quote-title{color:var(--primary);margin:0 0 8px;font-size:21px;font-weight:800}.quote-meta{color:var(--muted);font-size:14px;line-height:1.7}.previewer{margin-top:28px}.pre-block{white-space:pre-wrap;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:14px;padding:16px;line-height:1.8}.premium-pre-block{background:linear-gradient(#fff 0%,#fbfdff 100%)}.item-list{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.item-row{border-bottom:1px solid #edf2f7;grid-template-columns:1fr auto auto auto;gap:12px;padding:12px 14px;display:grid}.item-row:last-child{border-bottom:none}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:inline-flex}.quote-detail-shell{max-width:980px}.quote-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;display:flex}.quote-detail-kicker{color:var(--primary);background:#edf4f8;border:1px solid #dbe6ee;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.quote-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.quote-info-box{border:1px solid var(--line);background:linear-gradient(#fff 0%,#f9fbfd 100%);border-radius:18px;padding:20px}.quote-info-box h3{color:var(--primary);margin-top:0;margin-bottom:14px}.quote-info-box p{color:var(--muted);margin:0 0 10px;line-height:1.7}.quote-summary-box{border:1px solid var(--line);max-width:340px;box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#f9fbfd 100%);border-radius:18px;margin-top:24px;margin-left:auto;padding:20px}.quote-summary-box h3{color:var(--primary);margin-top:0}.quote-summary-box p{color:var(--muted);margin:0 0 10px}.quote-summary-total{font-size:18px;color:var(--primary)!important}.contact-list{gap:12px;display:grid}.contact-row{border-bottom:1px solid #eef2f6;grid-template-columns:140px 1fr;gap:12px;padding-bottom:10px;display:grid}.contact-row:last-child{border-bottom:none;padding-bottom:0}.contact-label{color:var(--primary);font-weight:700}.contact-value{color:var(--muted);line-height:1.7}.scroll-top-button{background:var(--primary);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:100;border:none;border-radius:999px;width:54px;height:54px;font-size:24px;font-weight:800;transition:all .25s;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:0 16px 30px #17384e3d}.scroll-top-button:hover{background:var(--primary-hover)}.scroll-top-button-visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:980px){.footer-grid,.card-grid-3,.card-grid-2,.stat-grid,.dashboard-hero,.marketing-band-content,.quote-detail-info-grid,.pricing-grid{grid-template-columns:1fr}.hero{padding:30px}.hero h1{font-size:36px}.cta-panel-inner,.dashboard-list-header,.dashboard-quote-card-inner,.quote-card-top,.quote-detail-header{flex-direction:column}.item-row{grid-template-columns:1fr}.dashboard-quote-side{align-items:flex-start;min-width:100%}.dashboard-quote-actions{justify-content:flex-start}.contact-row{grid-template-columns:1fr;gap:4px}.scroll-top-button{width:50px;height:50px;bottom:16px;right:16px}}