@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f7f8fc;--ink:#101426;--muted:#687086;--line:#e5e8f0;--dark:#0b1020;--accent:#7657ff;--accent2:#9a7cff;--white:#fff}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(247,248,252,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(229,232,240,.8)}.brand{font-family:'Space Grotesk';font-weight:700;font-size:20px}.brand span{background:var(--dark);color:#fff;border-radius:9px;padding:5px 7px;margin-right:6px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}nav a:not(.nav-cta){color:#5d6475}.nav-cta{background:var(--dark);color:#fff;padding:10px 17px;border-radius:10px}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{min-height:680px;padding:90px 8% 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;background:radial-gradient(circle at 80% 30%,#e6ddff 0,transparent 28%),var(--bg)}.badge,.eyebrow,.section-heading>span{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--accent)}h1,h2,h3{font-family:'Space Grotesk';line-height:1.1}.hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-3px;margin:20px 0}.hero h1 span,h2 span{color:var(--accent)}.hero-text{max-width:610px;color:var(--muted);font-size:18px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:11px;font-weight:700;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid var(--line);background:#fff}.trust-row{display:flex;gap:38px;margin-top:36px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-family:'Space Grotesk';font-size:18px}.trust-row small{color:var(--muted);font-size:12px}.hero-card{max-width:480px;width:100%;justify-self:end;background:#fff;border-radius:24px;padding:10px;box-shadow:0 30px 70px rgba(24,20,62,.14);transform:rotate(2deg)}.window-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;color:#9aa0ae;font-size:9px;font-weight:700;letter-spacing:1px}.window-top i{width:7px;height:7px;border-radius:50%;background:#ddd}.window-top span{margin-left:auto;margin-right:auto}.slide-preview{aspect-ratio:16/10;border-radius:15px;background:linear-gradient(135deg,#12172a,#272143);padding:10% 9%;color:#fff;position:relative;overflow:hidden}.slide-preview:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#7657ff;right:-60px;bottom:-80px;opacity:.7}.mini-label{font-size:9px;letter-spacing:2px;opacity:.65}.mini-title{font-family:'Space Grotesk';font-weight:700;font-size:clamp(26px,4vw,43px);line-height:1.02;margin-top:16px}.mini-title em{color:#a995ff;font-style:normal}.mini-line{height:3px;width:65px;background:#a995ff;margin-top:22px}.mini-bars{display:flex;gap:7px;position:absolute;bottom:35px}.mini-bars b{display:block;width:38px;height:6px;background:#fff;opacity:.3}.section{padding:100px 8%}.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}.section-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px;margin:13px 0}.section-heading p{color:var(--muted)}.cards{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px}.service-card.featured{border-color:#c8baff;box-shadow:0 15px 45px rgba(118,87,255,.08)}.icon{width:45px;height:45px;border-radius:12px;background:#eeeaff;color:var(--accent);display:grid;place-items:center;font-size:22px;margin-bottom:24px}.service-card h3{font-size:22px}.service-card p{color:var(--muted);font-size:14px;margin:12px 0 20px}.service-card ul{list-style:none;color:#41485a;font-size:13px}.service-card li{margin:9px 0}.service-card li:before{content:'✓';color:var(--accent);font-weight:700;margin-right:8px}.dark-section{background:var(--dark);color:#fff;padding:100px 8%}.split{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dark-section h2{font-size:clamp(38px,4vw,57px);margin-top:15px;letter-spacing:-2px}.dark-section .eyebrow{color:#a995ff}.benefits{display:grid;gap:25px}.benefits>div{display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid #252b40;padding-bottom:22px}.benefits strong{color:#9b8cff;font-family:'Space Grotesk'}.benefits h3{font-size:18px}.benefits p{color:#aeb4c5;font-size:14px;margin-top:5px}.steps{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding:28px 22px;border-top:2px solid #d9dce6}.step b{color:var(--accent);font-size:13px}.step h3{margin:20px 0 10px;font-size:19px}.step p{color:var(--muted);font-size:14px}.pricing-section{padding:100px 8%;background:#eeeaff}.price-box{max-width:1000px;margin:auto;background:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 15px 40px rgba(48,35,100,.08)}.price-tag{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:700}.price-box h3{font-size:30px;margin:10px 0}.price-box p{color:var(--muted);font-size:14px}.faq{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 20px}.faq summary{cursor:pointer;padding:20px 0;font-weight:700;list-style:none}.faq summary:after{content:'+';float:right;color:var(--accent);font-size:20px}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:14px;padding:0 0 20px}.cta-section{margin:0 8% 80px;padding:70px 7%;border-radius:24px;background:linear-gradient(115deg,#0b1020,#252044);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:clamp(35px,4vw,52px);margin-top:12px;letter-spacing:-1px}.cta-section .eyebrow{color:#a995ff}.white{background:#fff;color:var(--dark)}footer{background:#fff;border-top:1px solid var(--line);padding:45px 8%;display:flex;justify-content:space-between;gap:30px}footer p{color:var(--muted);font-size:12px;margin-top:12px}.footer-contact{text-align:right}.footer-contact a{font-weight:700;font-size:13px}
@media(max-width:850px){.navbar{padding:0 5%;height:68px}.menu-btn{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 15px 30px rgba(0,0,0,.06)}nav.open{display:flex}nav a{padding:12px}.hero{grid-template-columns:1fr;padding:65px 6% 70px;gap:45px}.hero-card{justify-self:center}.hero h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.section,.dark-section,.pricing-section{padding:75px 6%}.split{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr 1fr}.price-box,.cta-section{flex-direction:column;align-items:flex-start}.cta-section{margin:0 6% 60px;padding:55px 8%}footer{padding:35px 6%;flex-direction:column}.footer-contact{text-align:left}}
@media(max-width:520px){.hero h1{font-size:46px}.hero-text{font-size:16px}.hero-buttons,.hero-buttons .btn{width:100%}.trust-row{gap:22px}.steps{grid-template-columns:1fr}.price-box{padding:28px}.price-box h3{font-size:25px}.cta-section .btn{width:100%}}

.portfolio-section{background:#fff}.portfolio-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-item{margin:0;background:#f7f8fc;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(16,20,38,.05)}.portfolio-item img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;transition:.25s}.portfolio-item:hover img{transform:scale(1.025)}.portfolio-item figcaption{padding:12px 15px;font-size:12px;color:var(--muted);font-weight:700}.portfolio-note{max-width:1180px;margin:25px auto 0;text-align:center;color:var(--muted);font-size:14px}.portfolio-note a{color:var(--accent);font-weight:700}.details-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.details-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.details-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eeeaff;color:var(--accent);font-size:18px;margin-bottom:17px}.details-grid h3{font-size:18px}.details-grid p{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:850px){.portfolio-grid{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.portfolio-grid,.details-grid{grid-template-columns:1fr}}