*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--fontBody);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--fontHeading);line-height:1.2;font-weight:700}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:0}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}header.site-header{padding:1.25rem 0;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--fontHeading);font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--text);display:inline-flex;align-items:center;gap:.6rem}.logo-img{height:clamp(70px,6.3vw,105px);width:auto;max-width:min(260px,50vw);object-fit:contain;display:block}.logo-initial{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:1.3rem}.logo-text{font-family:var(--fontHeading);font-weight:700;font-size:1.35rem}header.site-header{padding:.9rem 0}@media (max-width: 720px){.logo-img{height:40px;max-width:44vw}.header-inner{gap:.75rem}header.site-header{padding:.6rem 0}.nav{gap:1rem;font-size:.85rem;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex-shrink:0}}.nav{display:flex;gap:1.5rem;align-items:center}.nav a{text-decoration:none;color:var(--textMuted);font-size:.95rem}.nav a:hover,.nav a.active{color:var(--text)}.nav-login-btn{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:var(--radius, .5rem);background:var(--primary, #6366f1);color:#fff!important;font-size:.875rem;font-weight:600;text-decoration:none!important;transition:opacity .15s;margin-left:auto;flex-shrink:0}.nav-login-btn:hover{opacity:.85}footer.site-footer{margin-top:6rem;padding:3rem 0 2rem;border-top:1px solid var(--border);color:var(--textMuted);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid var(--border)}@media (max-width: 720px){.nav{gap:1rem;font-size:.9rem}}html[data-style=glass-dark] body{background:radial-gradient(ellipse at top left,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(6,182,212,.1) 0%,transparent 50%),var(--bg)}html[data-style=glass-dark] header.site-header{background:#0a0a0f99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}html[data-style=glass-dark] .btn-primary{background:linear-gradient(135deg,var(--primary),#06b6d4);box-shadow:0 4px 24px #7c3aed40}html[data-style=glass-dark] .btn-primary:hover{box-shadow:0 8px 32px #7c3aed66;transform:translateY(-2px)}html[data-style=glass-dark] .btn-outline{border:1px solid rgba(255,255,255,.15);background:#ffffff08;backdrop-filter:blur(8px)}html[data-style=glass-dark] .feature,html[data-style=glass-dark] .service,html[data-style=glass-dark] .testimonial,html[data-style=glass-dark] .plan{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}html[data-style=glass-dark] .features,html[data-style=glass-dark] .testimonials,html[data-style=glass-dark] .pricing{background:transparent}html[data-style=glass-dark] .hero-title{background:linear-gradient(135deg,#fff,#a78bfa,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html[data-style=glass-dark] details[open],html[data-style=glass-dark] input:focus,html[data-style=glass-dark] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}html[data-style=glass-dark] input,html[data-style=glass-dark] textarea{background:#ffffff08;border-color:#ffffff1a;color:var(--text)}html[data-style=editorial] .hero{padding:8rem 0 6rem}html[data-style=editorial] .hero-title{font-weight:900;letter-spacing:-.04em;line-height:1.05;font-size:clamp(3rem,7vw,5.5rem)}html[data-style=editorial] .hero-left .hero-title:after{content:"";display:block;width:80px;height:4px;background:var(--accent);margin-top:2rem}html[data-style=editorial] .section-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:700;text-align:left;letter-spacing:-.02em}html[data-style=editorial] .container{max-width:1080px}html[data-style=editorial] .features .grid,html[data-style=editorial] .services .grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}html[data-style=editorial] .feature,html[data-style=editorial] .service{border:none;border-top:3px solid var(--accent);padding:2rem 1rem 1.5rem 0;background:transparent}html[data-style=editorial] .feature h3,html[data-style=editorial] .service h3{font-size:1.4rem;margin-bottom:1rem}html[data-style=editorial] .btn{border-radius:0;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;padding:1rem 2rem}html[data-style=editorial] .btn-primary{background:var(--text);color:var(--bg)}html[data-style=editorial] .btn-outline{border:2px solid var(--text)}html[data-style=editorial] .cta-box{border-radius:0;background:var(--text)}html[data-style=editorial] .testimonials{background:transparent}html[data-style=editorial] blockquote{font-size:1.5rem;font-family:var(--fontHeading);font-weight:400;line-height:1.4}html[data-style=artisan] .hero{background:linear-gradient(180deg,var(--bgAlt) 0%,var(--bg) 100%)}html[data-style=artisan] .hero-title{font-style:italic}html[data-style=artisan] .feature,html[data-style=artisan] .service,html[data-style=artisan] .testimonial{background:var(--bg);box-shadow:0 4px 12px #c27b5c14;border-radius:calc(var(--radius) * 1.5)}html[data-style=artisan] .btn-primary{background:var(--accent);box-shadow:0 3px #8b5436}html[data-style=artisan] .btn-primary:hover{transform:translateY(1px);box-shadow:0 2px #8b5436}html[data-style=playful] body{background:linear-gradient(180deg,var(--bg) 0%,#fef9f5 100%)}html[data-style=playful] .btn{border-radius:9999px;padding:.9rem 2rem}html[data-style=playful] .feature,html[data-style=playful] .service,html[data-style=playful] .plan,html[data-style=playful] .testimonial{border-radius:1.75rem}html[data-style=playful] .cta-box{border-radius:2rem;background:linear-gradient(135deg,#ff9a8a,#a78bfa)}html[data-style=playful] .hero-title{color:var(--text)}html[data-style=lance-warm] body{background:linear-gradient(180deg,var(--bg) 0%,var(--bgAlt) 100%)}html[data-style=lance-warm] header.site-header{background:#fbf8f4eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}html[data-style=lance-warm] .logo{color:var(--primary);font-weight:800}html[data-style=lance-warm] .hero{padding:7rem 0 6rem}html[data-style=lance-warm] .hero-title{color:var(--text);font-weight:800;letter-spacing:-.03em}html[data-style=lance-warm] .hero-with-bg .hero-title{color:#fff}html[data-style=lance-warm] .hero-title:after{content:".";color:var(--primary)}html[data-style=lance-warm] .hero-with-bg .hero-title:after{color:#ffffffb3}html[data-style=lance-warm] .btn-primary{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 16px #ff790040}html[data-style=lance-warm] .btn-primary:hover{background:#e66d00;box-shadow:0 6px 20px #ff790059;transform:translateY(-2px)}html[data-style=lance-warm] .btn-outline{background:#fff;color:var(--text);border:2px solid var(--text);font-weight:600}html[data-style=lance-warm] .btn-outline:hover{background:var(--text);color:#fff}html[data-style=lance-warm] .feature,html[data-style=lance-warm] .service,html[data-style=lance-warm] .plan{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}html[data-style=lance-warm] .service:hover,html[data-style=lance-warm] .feature:hover{border-color:var(--primary);box-shadow:0 4px 16px #ff79001f}html[data-style=lance-warm] .plan-highlighted{border:2px solid var(--primary);box-shadow:0 8px 24px #ff79002e}html[data-style=lance-warm] .features,html[data-style=lance-warm] .testimonials{background:var(--bgAlt)}html[data-style=lance-warm] .pricing{background:transparent}html[data-style=lance-warm] .testimonial{background:#fff;box-shadow:var(--shadow)}html[data-style=lance-warm] .testimonial blockquote:before{content:"";display:block;width:28px;height:4px;background:var(--primary);margin-bottom:1rem}html[data-style=lance-warm] .cta-section{padding:6rem 0}html[data-style=lance-warm] .cta-box{background:var(--text);color:#fff}html[data-style=lance-warm] .cta-box h2{color:#fff}html[data-style=lance-warm] .cta-box .btn-primary{background:var(--primary);color:#fff}html[data-style=lance-warm] details[open]{border-color:var(--primary)}html[data-style=lance-warm] details summary:after{color:var(--primary)}html[data-style=lance-warm] .price{color:var(--primary)}html[data-style=lance-warm] .features li:before{color:var(--primary)}html[data-style=lance-warm] input:focus,html[data-style=lance-warm] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff790026}html[data-style=corporate] .btn{border-radius:0;font-weight:600}html[data-style=corporate] header.site-header{border-bottom:2px solid var(--primary)}html[data-style=corporate] .feature,html[data-style=corporate] .service{border-left:4px solid var(--accent);border-radius:0}html[data-style=corporate] .plan,html[data-style=corporate] .cta-box{border-radius:0}html[data-style=small-business]{--primary: #1B3A6B;--accent: #F97316;--bg: #ffffff;--bgAlt: #f0f4f9;--text: #1B3A6B;--textMuted: #4a5e7a;--border: #d1dce8;--radius: .25rem}html[data-style=small-business] body{background:var(--bg);color:#1a1a2e}html[data-style=small-business] h1,html[data-style=small-business] h2,html[data-style=small-business] h3,html[data-style=small-business] h4{color:#1b3a6b;text-transform:uppercase;letter-spacing:.03em}html[data-style=small-business] header.site-header{background:#1b3a6b;border-bottom:3px solid #F97316}html[data-style=small-business] header.site-header .logo,html[data-style=small-business] header.site-header .logo-text,html[data-style=small-business] .nav a{color:#fff}html[data-style=small-business] .nav a:hover,html[data-style=small-business] .nav a.active{color:#f97316}html[data-style=small-business] .btn-primary{background:#f97316;color:#fff;border-radius:.25rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}html[data-style=small-business] .btn-primary:hover{background:#ea6c0a;transform:none}html[data-style=small-business] .btn-outline{border:2px solid #1B3A6B;color:#1b3a6b;border-radius:.25rem}html[data-style=small-business] .hero{background:linear-gradient(135deg,#1b3a6b,#2d5a9e);color:#fff}html[data-style=small-business] .hero h1,html[data-style=small-business] .hero p{color:#fff}html[data-style=small-business] .hero .btn-outline{border-color:#ffffff80;color:#fff}html[data-style=small-business] .hero .btn-outline:hover{border-color:#f97316;color:#f97316}html[data-style=small-business] .section-alt{background:#f0f4f9}html[data-style=small-business] .feature,html[data-style=small-business] .service{border-top:3px solid #F97316;border-radius:.25rem}html[data-style=small-business] .plan.featured{border:2px solid #F97316}html[data-style=small-business] .site-footer{background:#1b3a6b;color:#ffffffd9}html[data-style=small-business] .site-footer a{color:#f97316}html[data-style=small-business] .site-footer a:hover{color:#fff}html[data-style=terra]{--primary: #c4502f;--accent: #c4502f;--bg: #f6efe5;--bgAlt: #ede5d6;--text: #2c1a0e;--textMuted: #7a5c44;--border: #ddd0be;--radius: 999px}html[data-style=terra] body{background:radial-gradient(ellipse at 60% 0%,#f9ece0,#f6efe5 60%)}html[data-style=terra] .btn{border-radius:999px;padding:.75rem 2rem}html[data-style=terra] .btn-primary{background:#c4502f;color:#fff}html[data-style=terra] .btn-primary:hover{background:#a8401f;transform:translateY(-1px)}html[data-style=terra] .btn-outline{border:1.5px solid #c4502f;color:#c4502f;border-radius:999px;background:transparent}html[data-style=terra] .btn-outline:hover{background:#c4502f0f}html[data-style=terra] header.site-header{background:#f6efe5d9;backdrop-filter:blur(10px);border-bottom:1px solid #ddd0be}html[data-style=terra] h1,html[data-style=terra] h2,html[data-style=terra] h3{letter-spacing:-.02em}html[data-style=terra] .hero{padding:6rem 0 5rem}html[data-style=terra] .section-alt{background:#ede5d6}html[data-style=terra] .feature,html[data-style=terra] .service{background:#fff9;border:1px solid #ddd0be;border-radius:1rem}html[data-style=terra] .plan{border-radius:1.25rem}html[data-style=terra] .plan.featured{background:#c4502f;color:#fff;border:none}html[data-style=terra] .plan.featured h3,html[data-style=terra] .plan.featured .price{color:#fff}html[data-style=terra] .cta-box{background:#2c1a0e;color:#f6efe5;border-radius:1.5rem}html[data-style=terra] .cta-box h2{color:#f6efe5}html[data-style=terra] .site-footer{background:#2c1a0e;color:#f6efe5cc}html[data-style=terra] .site-footer a{color:#e07a58}html[data-style=terra] input:focus,html[data-style=terra] textarea:focus{border-color:#c4502f;box-shadow:0 0 0 3px #c4502f26}html[data-style=journal]{--primary: #111111;--accent: #111111;--bg: #ffffff;--bgAlt: #f8f8f8;--text: #111111;--textMuted: #666666;--border: #e5e5e5;--radius: 0;--shadow: none}html[data-style=journal] body{background:#fff;font-size:1.0625rem;line-height:1.7}html[data-style=journal] h1,html[data-style=journal] h2,html[data-style=journal] h3,html[data-style=journal] h4{font-weight:700;letter-spacing:-.03em;line-height:1.15}html[data-style=journal] header.site-header{border-bottom:1px solid #111111;background:#fff;padding:1.5rem 0}html[data-style=journal] .nav a{font-size:.875rem;letter-spacing:.02em;text-transform:uppercase}html[data-style=journal] .btn{border-radius:0;padding:.75rem 1.75rem;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}html[data-style=journal] .btn-primary{background:#111;color:#fff;border:1.5px solid #111111}html[data-style=journal] .btn-primary:hover{background:#333;transform:none;opacity:1}html[data-style=journal] .btn-outline{background:transparent;color:#111;border:1.5px solid #111111}html[data-style=journal] .btn-outline:hover{background:#111;color:#fff}html[data-style=journal] .hero{padding:7rem 0 6rem;border-bottom:1px solid #e5e5e5}html[data-style=journal] .hero h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:18ch}html[data-style=journal] .section-alt{background:#f8f8f8}html[data-style=journal] .feature,html[data-style=journal] .service{border-left:3px solid #111111;border-radius:0;padding-left:1.5rem;background:transparent;box-shadow:none}html[data-style=journal] .plan{border-radius:0;border:1.5px solid #e5e5e5}html[data-style=journal] .plan.featured{border-color:#111;background:#111;color:#fff}html[data-style=journal] .plan.featured h3,html[data-style=journal] .plan.featured .price{color:#fff}html[data-style=journal] .cta-box{background:#f8f8f8;border-top:3px solid #111111;border-radius:0}html[data-style=journal] .site-footer{border-top:1px solid #111111;background:#fff}html[data-style=journal] input:focus,html[data-style=journal] textarea:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}
