*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#13091f;--lilac:#d7b8ff;--purple:#9b59d0;--pink:#ff92c7;--cream:#fff7ff;--line:rgba(215,184,255,.45);--text:#fff8ff;--darktext:#22102f;--muted:#cdb9da}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(155,89,208,.35),transparent 30%),radial-gradient(circle at 85% 20%,rgba(255,146,199,.18),transparent 28%),linear-gradient(180deg,#090d13,#16091f 38%,#f7ecff 38%,#fff7ff);color:var(--text);line-height:1.55}
a{color:inherit}
.site-header{margin:16px;padding:18px 4%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(25,12,40,.76);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(91,39,130,.25);position:sticky;top:12px;z-index:10}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand span{font-family:Georgia,serif;font-size:1.65rem}.brand small{display:block;color:var(--lilac);letter-spacing:4px;font-weight:900;font-size:.75rem}
.code-logo{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;color:#f3c2ff;font-size:1.55rem;font-weight:900;background:linear-gradient(135deg,rgba(155,89,208,.2),rgba(255,146,199,.16));border:1px solid var(--line);box-shadow:inset 0 0 20px rgba(215,184,255,.15)}
nav a{margin-left:24px;text-decoration:none;font-weight:800;color:#f3e8ff}nav a:hover{color:#ffb1d8}
main{width:min(1240px,96%);margin:0 auto}.panel{border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 70px rgba(36,10,55,.25)}
.hero{min-height:650px;padding:58px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(155,89,208,.24),transparent 35%),linear-gradient(135deg,rgba(22,9,34,.96),rgba(29,13,49,.92))}
.eyebrow{color:#e7b7ff;text-transform:uppercase;letter-spacing:3px;font-size:.76rem;font-weight:950;margin-bottom:16px}
h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.3rem,7vw,6.2rem);line-height:.9;margin-bottom:20px}
.spark-line{height:34px;color:#d98cff;display:flex;align-items:center;gap:18px;margin:12px 0}.spark-line:after{content:'';height:1px;width:210px;background:linear-gradient(90deg,#d98cff,transparent)}
.hero h2{font-family:Georgia,serif;color:#d7a7ff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;max-width:540px;margin-bottom:20px}
.hero p{color:#f0e6f6;max-width:620px;font-size:1.06rem;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.deposit,.button{display:inline-block;text-decoration:none;padding:15px 28px;border-radius:999px;background:linear-gradient(135deg,#7c3db8,#b76ad9);border:1px solid rgba(255,255,255,.25);color:white;font-weight:950;letter-spacing:1px;box-shadow:0 14px 32px rgba(155,89,208,.35)}
.code-card{min-height:390px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(215,184,255,.42);position:relative;padding:34px;overflow:hidden}
.window-dots{display:flex;gap:8px;margin-bottom:34px}.window-dots span{width:11px;height:11px;border-radius:50%;background:#ff8fa8}.window-dots span:nth-child(2){background:#ffd166}.window-dots span:nth-child(3){background:#8ee6a8}
pre{font-size:1rem;color:#f7dcff;white-space:pre-wrap;line-height:1.8}.float-tag{position:absolute;right:26px;top:26px;border:1px solid var(--line);border-radius:14px;padding:14px 20px;color:#ffb4df;font-weight:900;background:rgba(255,255,255,.06)}.float-tag.bottom{top:auto;bottom:28px;font-size:1.6rem}
.light{background:rgba(255,250,255,.9);color:var(--darktext)}.portfolio,.features,.addons,.process{margin-top:16px;padding:44px 28px}.section-head{text-align:center;max-width:850px;margin:0 auto 34px}
.pill{display:inline-block;color:#8546ad;background:#efdcff;border-radius:999px;padding:8px 16px;text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:950;margin-bottom:16px}
.section-head h2,.pricing h2,.why h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#351847}.section-head p:not(.pill){color:#6e557b}
.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card{background:#fffaff;border:1px solid #e5cfff;border-radius:20px;padding:18px;text-align:center;box-shadow:0 12px 36px rgba(91,39,130,.1)}
.site-card h3{font-family:Georgia,serif;font-size:1.45rem;margin-bottom:8px;color:#351847}.site-card p{color:#6e557b;margin-bottom:14px}.site-card iframe{width:100%;height:330px;border:1px solid #e5cfff;border-radius:14px;background:white}.site-card a{display:inline-block;margin-top:16px;text-decoration:none;color:#7c3db8;font-weight:950;border:1px solid #d7b8ff;padding:10px 18px;border-radius:999px;background:#fbf4ff}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.feature{background:#fffaff;padding:28px;border-right:1px solid #e5cfff}.feature:last-child{border-right:0}.icon{width:58px;height:58px;border-radius:18px;background:#efdfff;color:#8b48b6;display:grid;place-items:center;font-weight:950;font-size:1.2rem;margin-bottom:16px}.feature h3{font-family:Georgia,serif;color:#351847;margin-bottom:8px}.feature p{color:#6e557b}
.pricing{margin-top:16px;padding:40px 44px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px;align-items:center;background:linear-gradient(135deg,#241033,#7d3db8)}.pricing h2{color:white;font-size:3.4rem;margin-bottom:12px}.pricing p,.pricing li{color:#f1e6f8}.included-box,.deposit-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:24px}.included-box h3{margin-bottom:12px}.included-box ul{padding-left:18px}.included-box li{margin:7px 0}.deposit-box{text-align:center}.deposit-box strong{display:block;font-size:2rem;color:white}.deposit-box span{color:#eadff5}
.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.addon,.steps div{background:#fffaff;border:1px solid #e5cfff;border-radius:20px;padding:24px;box-shadow:0 12px 36px rgba(91,39,130,.08)}.addon h3,.steps h3{font-family:Georgia,serif;color:#351847}.addon p,.steps p{color:#6e557b;margin:8px 0}.addon strong{color:#7c3db8;font-size:1.15rem}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.steps span{display:block;color:#8b48b6;font-family:Georgia,serif;font-size:2rem;margin-bottom:8px}
.why{margin-top:16px;padding:38px 44px;background:#fffaff;color:#351847;text-align:center}.why p{max-width:850px;margin:14px auto 0;color:#6e557b}
.contact{margin-top:16px;padding:34px;display:grid;grid-template-columns:auto 1fr 1fr auto;gap:28px;align-items:center;background:linear-gradient(135deg,#1b0d2a,#3a1a54,#7f3db8)}.contact-icon{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;font-size:2.3rem;color:#ffc4e3;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18)}.contact h2{font-family:Georgia,serif;font-size:2.4rem;color:#f2c3ff}.contact p{color:#f4e6fb}.contact-info{border-left:1px solid rgba(255,255,255,.2);padding-left:28px}.contact-info p{margin:8px 0}
footer{padding:24px;text-align:center;color:#6f507c;background:#fff7ff}
@media(max-width:1000px){.site-header{display:block;text-align:center}nav{margin-top:16px}nav a{margin:0 8px}.hero,.pricing,.contact{grid-template-columns:1fr;padding:32px}.site-grid,.features,.addon-grid,.steps{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #e5cfff}.contact-info{border-left:0;padding-left:0}.site-card iframe{height:320px}}