*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#eef4ff;background:#070a12;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12d1;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:16px 24px;display:flex}.logo{letter-spacing:-.5px;font-size:1.25rem;font-weight:900}.logo span{color:#7dd3fc;margin-left:5px}.nav-links{color:#cbd5e1;gap:28px;font-size:.94rem;font-weight:800;display:flex}.nav-links a:hover{color:#7dd3fc}.nav-cta{color:#07111f;background:linear-gradient(135deg,#7dd3fc,#a78bfa);border-radius:999px;padding:10px 18px;font-weight:900}.hero{background:radial-gradient(circle at 0 0,#7dd3fc3d,#0000 32%),radial-gradient(circle at 100% 0,#a78bfa33,#0000 30%),linear-gradient(135deg,#070a12 0%,#0d1324 55%,#10192f 100%);padding:105px 24px 85px;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-inner{z-index:2;text-align:center;max-width:1180px;margin:0 auto;position:relative}.eyebrow{color:#7dd3fc;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.hero h1{letter-spacing:-4px;max-width:980px;margin:0 auto 24px;font-size:clamp(3rem,7.2vw,6.6rem);line-height:.93}.hero-text{color:#cbd5e1;max-width:760px;margin:0 auto 32px;font-size:1.18rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:32px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:14px 22px;font-size:.95rem;font-weight:900;display:inline-block}.primary-btn{color:#07111f;background:linear-gradient(135deg,#7dd3fc,#a78bfa);box-shadow:0 14px 34px #7dd3fc33}.secondary-btn{color:#eef4ff;background:#ffffff12;border:1px solid #ffffff24}.trust-strip{flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:0 auto 54px;display:flex}.trust-strip span{color:#dbeafe;background:#ffffff13;border:1px solid #ffffff1d;border-radius:999px;padding:9px 13px;font-size:.88rem;font-weight:800}.hero-showcase{max-width:960px;margin:0 auto;position:relative}.showcase-main{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff21;border-radius:34px;padding:18px;box-shadow:0 35px 90px #0000005c}.window-bar{background:#0b1220;border-radius:22px 22px 0 0;align-items:center;gap:8px;padding:14px;display:flex}.window-bar span{background:#64748b;border-radius:50%;width:10px;height:10px}.window-bar p{color:#94a3b8;margin-left:10px;font-size:.82rem;font-weight:800}.site-preview{color:#0f172a;background:#f8fafc;border-radius:0 0 24px 24px;overflow:hidden}.site-preview-hero{background:linear-gradient(#0f172a26,#0f172a80),linear-gradient(135deg,#2563eb,#7dd3fc);align-items:end;min-height:250px;padding:34px;display:flex}.site-preview-hero p{color:#e0f2fe;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;font-size:.78rem;font-weight:900}.site-preview-hero h3{color:#fff;max-width:620px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}.site-preview-content{padding:24px}.preview-line{background:#dbe3ef;border-radius:999px;height:14px;margin-bottom:10px}.preview-line.long{width:72%}.preview-line.medium{width:52%;margin-bottom:22px}.preview-cards{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.preview-cards span{background:#e5eaf3;border-radius:18px;height:110px}.lead-card,.metric-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border:1px solid #ffffff21;border-radius:22px;padding:18px;position:absolute;box-shadow:0 20px 55px #00000052}.lead-card{bottom:70px;left:-36px}.metric-card{max-width:230px;top:90px;right:-28px}.lead-card p{color:#7dd3fc;text-transform:uppercase;margin-bottom:6px;font-size:.82rem;font-weight:900}.lead-card strong,.metric-card strong{color:#fff;margin-bottom:4px;display:block}.lead-card span,.metric-card span{color:#cbd5e1;font-size:.9rem}.section{max-width:1180px;margin:0 auto;padding:95px 24px}.section-header{margin-bottom:44px}.split-header{grid-template-columns:.95fr 1.05fr;align-items:end;gap:44px;display:grid}.section-header h2{color:#f8fafc;letter-spacing:-1.5px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}.section-header p{color:#94a3b8;font-size:1.06rem}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto);gap:18px;display:grid}.bento-card{background:linear-gradient(135deg,#7dd3fc14,#a78bfa0e),#ffffff0e;border:1px solid #ffffff18;border-radius:28px;flex-direction:column;justify-content:flex-end;padding:28px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 20px 45px #00000024}.bento-card:hover{border-color:#7dd3fc6b;transform:translateY(-5px)}.bento-large{grid-area:span 2/span 2}.bento-wide{grid-column:span 2}.bento-icon{color:#7dd3fc;background:linear-gradient(135deg,#7dd3fc38,#a78bfa2e);border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:auto;font-weight:900;display:grid}.bento-card h3{color:#f8fafc;margin:22px 0 10px;font-size:1.45rem;line-height:1.1}.bento-large h3{font-size:clamp(2rem,4vw,3rem)}.bento-card p{color:#94a3b8}.case-study{background:radial-gradient(circle at 0,#7dd3fc1f,#0000 32%),#090e1a;padding:95px 24px}.case-study-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:46px;max-width:1180px;margin:0 auto;display:grid}.case-copy h2{color:#f8fafc;letter-spacing:-2.6px;margin-bottom:18px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98}.case-copy>p{color:#cbd5e1;margin-bottom:26px;font-size:1.08rem}.case-points{gap:14px;margin-bottom:28px;display:grid}.case-points div{background:#ffffff0e;border:1px solid #ffffff18;border-radius:20px;padding:18px}.case-points span{color:#7dd3fc;margin-bottom:6px;font-weight:900;display:block}.case-points p{color:#cbd5e1}.case-visual{position:relative}.case-browser{background:#ffffff13;border:1px solid #ffffff21;border-radius:34px;padding:18px;box-shadow:0 35px 90px #0000005c}.kasa-preview{background:#f8fafc;border-radius:0 0 24px 24px;overflow:hidden}.kasa-hero{background:linear-gradient(135deg,#1f2937,#d98b3a);border-radius:22px;height:240px;margin:18px}.kasa-lines{gap:10px;margin-bottom:20px;padding:0 22px;display:grid}.kasa-lines span{background:#dbe3ef;border-radius:999px;height:14px}.kasa-lines span:first-child{width:70%}.kasa-lines span:last-child{width:50%}.kasa-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 22px 24px;display:grid}.kasa-grid span{background:#e5eaf3;border-radius:18px;height:96px}.comparison-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compare-card{border:1px solid #ffffff1a;border-radius:30px;padding:30px}.muted-card{background:#ffffff0b}.highlight-card{background:linear-gradient(135deg,#7dd3fc29,#a78bfa1f),#fff1;border-color:#7dd3fc57}.compare-label{color:#7dd3fc;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:12px;font-size:.78rem;font-weight:900}.compare-card h3{color:#f8fafc;margin-bottom:20px;font-size:1.7rem;line-height:1.1}.compare-card ul{gap:12px;list-style:none;display:grid}.compare-card li{color:#cbd5e1;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pricing-card{background:#ffffff0e;border:1px solid #ffffff18;border-radius:28px;padding:28px}.pricing-card.featured{background:linear-gradient(135deg,#7dd3fc2e,#a78bfa24),#ffffff13;border-color:#7dd3fc5c;transform:translateY(-10px)}.popular-badge{color:#07111f;background:linear-gradient(135deg,#7dd3fc,#a78bfa);border-radius:999px;margin-bottom:16px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-block}.pricing-card h3{color:#f8fafc;margin-bottom:8px;font-size:1.35rem}.price{color:#f8fafc;letter-spacing:-1px;margin-bottom:8px;font-size:2.4rem;font-weight:900}.plan-description{color:#94a3b8}.pricing-card ul{gap:10px;margin-top:22px;list-style:none;display:grid}.pricing-card li{color:#dbeafe;font-weight:700}.pricing-link{color:#7dd3fc;margin-top:24px;font-weight:900;display:inline-block}.process-strip{padding:30px 24px 95px}.process-strip-inner{max-width:1180px;margin:0 auto}.process-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.process-pill{background:#ffffff0e;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:12px;padding:14px 18px;display:flex}.process-pill span{color:#7dd3fc;font-weight:900}.process-pill strong{color:#f8fafc}.contact{background:radial-gradient(circle at 100% 100%,#a78bfa2e,#0000 32%),#090e1a;max-width:none;padding:95px 24px}.contact-content{grid-template-columns:.9fr 1.1fr;align-items:start;gap:44px;max-width:1180px;margin:0 auto;display:grid}.contact-info h2{color:#f8fafc;margin-bottom:18px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.contact-info p{color:#cbd5e1;font-size:1.05rem}.contact-details{gap:14px;margin-top:28px;display:grid}.contact-details strong{color:#f8fafc}.contact-form{color:#111827;background:#fffffff0;border-radius:28px;gap:18px;padding:30px;display:grid;box-shadow:0 30px 70px #00000038}.contact-form label{gap:8px;font-weight:900;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;padding:13px 14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0284c7;box-shadow:0 0 0 4px #7dd3fc33}.footer{color:#94a3b8;text-align:center;background:#050816;padding:28px 18px;font-size:.95rem}.footer p:first-child{color:#e2e8f0;margin-bottom:4px}@media (width<=1050px){.split-header,.case-study-inner,.contact-content{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large,.bento-wide{grid-area:span 1/span 1}.pricing-grid,.comparison-grid,.process-row{grid-template-columns:1fr 1fr}.lead-card,.metric-card{margin-top:14px;position:static}}@media (width<=720px){.nav-links{display:none}.hero{padding:78px 20px}.hero h1{letter-spacing:-2.2px}.section,.case-study,.contact{padding:72px 20px}.bento-grid,.pricing-grid,.comparison-grid,.process-row,.preview-cards,.kasa-grid{grid-template-columns:1fr}.preview-cards span,.kasa-grid span{height:58px}.pricing-card.featured{transform:none}.process-pill{border-radius:22px}}@media (width<=480px){.nav-container{padding:14px 16px}.logo{font-size:1.08rem}.nav-cta{padding:9px 13px;font-size:.85rem}.hero h1{letter-spacing:-1.5px}.contact-form{padding:22px}}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{color:#eef4ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:10px 14px;font-weight:900}.theme-toggle:hover{border-color:#7dd3fc73}body[data-theme=light]{color:#162015;background:#f5f7ef}body[data-theme=light] .navbar{background:#f5f7efdb;border-bottom:1px solid #2a40271f}body[data-theme=light] .logo{color:#162015}body[data-theme=light] .logo span{color:#2f6f4e}body[data-theme=light] .nav-links{color:#40523d}body[data-theme=light] .nav-links a:hover{color:#2f6f4e}body[data-theme=light] .theme-toggle{color:#24331f;background:#2f6f4e14;border-color:#2f6f4e2e}body[data-theme=light] .theme-toggle:hover{border-color:#2f6f4e73}body[data-theme=light] .nav-cta,body[data-theme=light] .primary-btn,body[data-theme=light] .popular-badge{color:#fff;background:linear-gradient(135deg,#2f6f4e,#9aa86b);box-shadow:0 14px 34px #2f6f4e38}body[data-theme=light] .secondary-btn{color:#24331f;background:#2f6f4e14;border:1px solid #2f6f4e2e}body[data-theme=light] .hero{background:radial-gradient(circle at 0 0,#2f6f4e2e,#0000 32%),radial-gradient(circle at 100% 0,#9aa86b33,#0000 30%),linear-gradient(135deg,#f5f7ef 0%,#edf3e4 55%,#e5ecd7 100%)}body[data-theme=light] .hero-grid-bg{background-image:linear-gradient(#2f6f4e0f 1px,#0000 1px),linear-gradient(90deg,#2f6f4e0f 1px,#0000 1px)}body[data-theme=light] .eyebrow{color:#2f6f4e}body[data-theme=light] .hero h1,body[data-theme=light] .section-header h2,body[data-theme=light] .case-copy h2,body[data-theme=light] .contact-info h2,body[data-theme=light] .bento-card h3,body[data-theme=light] .compare-card h3,body[data-theme=light] .pricing-card h3,body[data-theme=light] .process-pill strong,body[data-theme=light] .price{color:#162015}body[data-theme=light] .hero-text,body[data-theme=light] .section-header p,body[data-theme=light] .bento-card p,body[data-theme=light] .case-copy>p,body[data-theme=light] .case-points p,body[data-theme=light] .compare-card li,body[data-theme=light] .plan-description,body[data-theme=light] .contact-info p{color:#53624f}body[data-theme=light] .trust-strip span{color:#34452f;background:#2f6f4e14;border-color:#2f6f4e29}body[data-theme=light] .showcase-main,body[data-theme=light] .bento-card,body[data-theme=light] .case-browser,body[data-theme=light] .case-points div,body[data-theme=light] .compare-card,body[data-theme=light] .pricing-card,body[data-theme=light] .process-pill{background:linear-gradient(135deg,#2f6f4e0f,#9aa86b0f),#ffffffc2;border-color:#2f6f4e21;box-shadow:0 20px 45px #2f402714}body[data-theme=light] .bento-card:hover{border-color:#2f6f4e61}body[data-theme=light] .bento-icon{color:#2f6f4e;background:linear-gradient(135deg,#2f6f4e21,#9aa86b29)}body[data-theme=light] .case-study,body[data-theme=light] .portfolio,body[data-theme=light] .contact{background:radial-gradient(circle at 0,#2f6f4e1f,#0000 32%),#eef4e4}body[data-theme=light] .highlight-card,body[data-theme=light] .pricing-card.featured{background:linear-gradient(135deg,#2f6f4e24,#9aa86b24),#fffc;border-color:#2f6f4e52}body[data-theme=light] .compare-label,body[data-theme=light] .case-points span,body[data-theme=light] .pricing-link,body[data-theme=light] .process-pill span{color:#2f6f4e}body[data-theme=light] .contact-form{color:#162015;background:#fffffff0}body[data-theme=light] .contact-form input:focus,body[data-theme=light] .contact-form select:focus,body[data-theme=light] .contact-form textarea:focus{border-color:#2f6f4e;box-shadow:0 0 0 4px #2f6f4e29}body[data-theme=light] .footer{color:#dce8d2;background:#162015}body[data-theme=light] .footer p:first-child{color:#fff}@media (width<=480px){.nav-actions{gap:8px}.theme-toggle{padding:9px 11px;font-size:.82rem}}.form-success{color:#1b5e20;background:#e8f5e9;border-radius:12px;padding:12px 14px;font-weight:800}.form-error{color:#b42318;background:#fdecea;border-radius:12px;padding:12px 14px;font-weight:800}.contact-form button:disabled{opacity:.7;cursor:not-allowed}