:root{--bg:#080b12;--surface:#101622;--line:rgba(183,196,255,.15);--white:#f6f7fb;--muted:#a7afc1;--blue:#6383e9;--violet:#9376e9;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.page-glow{position:fixed;width:540px;height:540px;filter:blur(110px);opacity:.15;z-index:-2;pointer-events:none}.glow-one{background:#4058c7;top:-220px;right:-180px}.glow-two{background:#7644b7;bottom:10%;left:-280px}.site-header{height:86px;max-width:1280px;margin:0 auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(8,11,18,.96),rgba(8,11,18,.7));backdrop-filter:blur(14px);border-bottom:1px solid transparent}.brand{color:var(--white);text-decoration:none;display:flex;align-items:center;gap:11px}.brand-mark{font:500 12px/1 'DM Mono';letter-spacing:-1px;background:linear-gradient(135deg,var(--blue),var(--violet));padding:8px 7px;border-radius:7px}.brand-name{font-size:15px;letter-spacing:.1em}.brand-name b{color:#8d94a6;font-weight:500}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{color:#b9c0d1;text-decoration:none;font-size:13px;transition:color .25s}.site-nav a:hover{color:white}.site-nav .nav-cta{background:var(--white);color:#0a0d14;border-radius:8px;padding:12px 15px;font-weight:700}.nav-cta span,.button span{font-size:18px;margin-left:8px}.menu-toggle{display:none;background:none;border:0}.section{width:min(var(--max),calc(100% - 68px));margin:0 auto}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:72px 0 92px}.eyebrow{font:500 11px/1.4 'DM Mono';text-transform:uppercase;letter-spacing:.15em;color:#aeb8d0;margin:0 0 20px}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--blue);vertical-align:middle;margin-right:9px}.hero h1,.section h2{letter-spacing:-.065em;margin:0}.hero h1{font-size:clamp(43px,5.1vw,76px);line-height:.98;max-width:710px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#6b92ff,#ae7fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:570px;color:var(--muted);font-size:17px;line-height:1.7;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:14px 18px;font-size:13px;font-weight:800}.button-primary{color:#08101c;background:linear-gradient(110deg,#e9eeff,#cbc4ff);box-shadow:0 13px 35px rgba(99,131,233,.16);transition:transform .25s,box-shadow .25s}.button-primary:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(111,104,223,.3)}.text-link{font-size:13px;color:#d7dbea;text-decoration:none}.text-link span{margin-left:5px}.hero-caption{font:400 10px 'DM Mono';color:#778198;margin-top:30px}.hero-visual{height:530px;position:relative;display:grid;place-items:center}.browser-card{position:relative;width:min(92%,490px);height:320px;background:linear-gradient(145deg,rgba(30,39,67,.95),rgba(11,15,27,.9));border:1px solid rgba(168,180,255,.34);border-radius:15px;box-shadow:0 30px 70px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1);transform:rotate(-5deg);z-index:2;overflow:hidden;transition:transform .35s}.hero-visual:hover .browser-card{transform:rotate(-2deg) translateY(-8px)}.browser-top{height:38px;background:rgba(255,255,255,.04);display:flex;align-items:center;padding:0 15px;gap:6px;color:#858fa7;font:10px 'DM Mono'}.browser-top i{width:6px;height:6px;border-radius:50%;background:#5f6680}.browser-top span{margin-left:10px}.browser-content{padding:36px}.mini-kicker,.mini-title,.mini-button{background:linear-gradient(90deg,#7a99ff,#b384ff);border-radius:4px}.mini-kicker{width:92px;height:9px;opacity:.7}.mini-title{width:78%;height:24px;margin-top:18px}.mini-title.short{width:56%;margin-top:10px}.mini-button{width:110px;height:30px;margin-top:25px}.mini-chart{height:78px;border-bottom:1px solid rgba(166,180,255,.2);display:flex;align-items:end;gap:11px;margin-top:30px}.mini-chart span{width:20px;background:linear-gradient(#768ef6,#8f71dc);border-radius:5px 5px 0 0}.mini-chart span:nth-child(1){height:25%}.mini-chart span:nth-child(2){height:48%}.mini-chart span:nth-child(3){height:36%}.mini-chart span:nth-child(4){height:73%}.mini-chart span:nth-child(5){height:100%}.orb{position:absolute;border-radius:50%;filter:blur(7px);z-index:1}.orb-one{width:310px;height:310px;background:radial-gradient(circle,#526fd2,transparent 68%);top:20px;right:0;opacity:.56}.orb-two{width:250px;height:250px;background:radial-gradient(circle,#874cc4,transparent 68%);bottom:0;left:0;opacity:.45}.floating-chip{position:absolute;padding:12px 15px;background:rgba(13,18,31,.85);border:1px solid var(--line);border-radius:9px;z-index:3;font:500 19px 'DM Mono';box-shadow:0 12px 28px rgba(0,0,0,.25)}.floating-chip small{display:block;font-size:9px;color:#98a3bf;margin-top:5px}.chip-top{top:70px;right:2px}.chip-bottom{left:0;bottom:80px}.media-note{position:absolute;bottom:10px;right:18px;border-left:1px solid #8b78ee;padding:8px 0 8px 10px;font:9px/1.55 'DM Mono';color:#8390aa;z-index:4}.media-note b{font-weight:500;color:#d6dcf0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:15px 0}.ticker-track{white-space:nowrap;display:flex;width:max-content;align-items:center;font:500 11px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;color:#919bb3;animation:run 24s linear infinite}.ticker-set{display:flex;flex:none;gap:21px;align-items:center;padding-right:21px}.ticker b{color:#8873e3}@keyframes run{to{transform:translateX(-50%)}}.problem-grid{padding:150px 0;display:grid;grid-template-columns:.88fr 1.12fr;gap:90px}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.03;max-width:710px}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7;max-width:560px;margin:22px 0 0}.problem-list{border-top:1px solid var(--line)}.problem-list article{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:23px 0;border-bottom:1px solid var(--line)}.problem-list span,.card-number{font:11px 'DM Mono';color:#8796bd}.problem-list p{margin:0;color:#d1d6e2;font-size:16px;line-height:1.45}.solutions{padding:120px 0;border-top:1px solid var(--line)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.solution-card{min-height:330px;padding:25px;position:relative;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(24,31,49,.58),rgba(13,17,27,.4));display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}.solution-card:hover{transform:translateY(-7px);border-color:rgba(150,150,255,.55);background:linear-gradient(145deg,rgba(39,47,80,.7),rgba(17,20,38,.62))}.card-icon{margin-top:50px;width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,rgba(95,133,233,.22),rgba(149,108,233,.26));color:#bec8ff;font-size:25px}.solution-card h3{font-size:23px;letter-spacing:-.045em;margin:22px 0 9px}.solution-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.solution-card a{color:#dde1f3;text-decoration:none;margin-top:auto;font-size:12px;font-weight:700}.solution-card a span{color:#9c86ee;font-size:17px;margin-left:5px}.process{padding:150px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.process-visual{min-height:570px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 78% 22%,rgba(93,113,223,.32),transparent 28%),linear-gradient(135deg,#10182a,#0b0f19)}.grid-plane{position:absolute;inset:35% -30% -20% -30%;background-image:linear-gradient(rgba(119,134,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(119,134,255,.2) 1px,transparent 1px);background-size:38px 38px;transform:perspective(350px) rotateX(63deg);opacity:.75}.process-visual:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #8e7bea;border-radius:50%;left:25%;top:27%;box-shadow:0 0 75px rgba(117,91,232,.4)}.process-copy h2{margin-bottom:36px}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}.steps span{font:11px 'DM Mono';color:#9d8cee}.steps h3{margin:0 0 6px;font-size:17px;letter-spacing:-.03em}.steps p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.benefits{padding:120px 0;border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:60px}.benefit-grid article{border-top:1px solid #7684b4;padding-top:16px}.benefit-grid h3{font-size:25px;letter-spacing:-.05em;margin:0 0 12px}.benefit-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.portfolio-placeholder{padding:115px 55px;margin-top:70px;border-radius:16px;background:linear-gradient(125deg,rgba(35,37,79,.62),rgba(13,18,29,.75));border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:45px}.portfolio-copy p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:14px;max-width:480px}.portfolio-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-slot{height:260px;border:1px dashed rgba(178,191,255,.32);border-radius:10px;display:grid;place-content:center;text-align:center;color:#8793b0;font:11px/1.7 'DM Mono';background:rgba(5,8,14,.2)}.case-slot small{font-size:9px;color:#66718d}.faq{padding:145px 0}.faq-list{margin-top:55px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{list-style:none;cursor:pointer;padding:22px 0;font-size:17px;letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{font:25px 'DM Mono';color:#9a8af0;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:700px;margin:0;padding:0 0 22px;color:var(--muted);font-size:14px;line-height:1.65}.final-cta{margin-bottom:100px;min-height:470px;border:1px solid rgba(171,178,255,.22);border-radius:16px;display:grid;place-items:center;text-align:center;padding:70px 30px;background:radial-gradient(circle at 50% 100%,rgba(95,111,222,.26),transparent 48%),linear-gradient(140deg,#11172a,#0b0d15)}.final-cta>div{max-width:790px}.final-cta h2{margin-bottom:22px}.final-cta p:not(.eyebrow){margin:0 auto 27px;color:var(--muted);max-width:620px;line-height:1.7;font-size:15px}.final-cta small{display:block;margin-top:18px;color:#818ba4;font:9px 'DM Mono'}.site-footer{width:min(var(--max),calc(100% - 68px));margin:0 auto;padding:0 0 36px;color:#78839c;font:10px 'DM Mono';display:flex;justify-content:space-between}.whatsapp-placeholder{position:fixed;right:22px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;text-decoration:none;background:#232d47;border:1px solid #93a4ed;color:white;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:10;font-size:13px}.whatsapp-placeholder span{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(max-width:800px){.site-header{height:72px;padding:0 20px}.site-nav{position:absolute;top:72px;left:0;right:0;padding:23px 20px;background:#0d121e;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;gap:20px}.site-nav.open{display:flex}.menu-toggle{display:block;width:38px;height:38px}.menu-toggle span{display:block;height:1px;background:#e8ebf5;margin:7px}.hero,.problem-grid,.process,.portfolio-placeholder{grid-template-columns:1fr;gap:45px}.hero{padding:62px 0 50px}.hero-visual{height:400px}.hero h1{font-size:45px}.section{width:min(100% - 40px,var(--max))}.solution-grid,.benefit-grid{grid-template-columns:1fr}.solution-card{min-height:260px}.process-visual{min-height:380px}.portfolio-placeholder{padding:40px 24px}.site-footer{width:calc(100% - 40px);gap:12px;flex-direction:column}.chip-top{right:-8px}.chip-bottom{left:-8px}.browser-card{transform:rotate(-3deg)}.media-note{right:7px;bottom:6px}.faq{padding:100px 0}}
