:root{--deep:#040a1c;--navy:#071b4d;--navy2:#102d6e;--green:#4fc067;--green2:#8ff5a2;--white:#fff;--text:#f7fbff;--muted:#b7c4df;--glass:rgba(255,255,255,.075);--glass2:rgba(255,255,255,.12);--border:rgba(255,255,255,.15);--shadow:0 26px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#17387f 0,#071b4d 28%,#040a1c 70%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:rgba(79,192,103,.14);filter:blur(52px);pointer-events:none;z-index:0}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5.4%;background:rgba(247,251,255,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.35);box-shadow:0 15px 50px rgba(0,0,0,.14)}.brand-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:24px;background:linear-gradient(135deg,#fff,#eaf1ff);border:1px solid rgba(7,27,77,.12);box-shadow:0 18px 45px rgba(7,27,77,.18)}.brand-wrap img{height:54px;width:auto;display:block;object-fit:contain}.brand-glow{position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,rgba(79,192,103,.55),rgba(16,45,110,.3));filter:blur(18px);z-index:-1}.nav{display:flex;align-items:center;gap:18px;color:#071b4d;font-weight:900;font-size:14px}.nav a{opacity:.86}.nav a:hover,.nav a.active{color:#179137;opacity:1}.nav-toggle{display:none;background:#071b4d;border:0;border-radius:14px;padding:10px}.nav-toggle span{display:block;width:22px;height:2px;margin:5px;background:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green2));color:#041126;font-weight:1000;box-shadow:0 18px 44px rgba(79,192,103,.25);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(79,192,103,.35)}.btn-small{padding:10px 16px}.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border);box-shadow:none}.section{position:relative;z-index:1;padding:92px 5.4%}.hero{position:relative;z-index:1;min-height:86vh;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;padding:70px 5.4%}.content-hero{min-height:60vh}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green2);font-size:12px;font-weight:1000}.light .eyebrow{color:#179137}h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.04;margin:0}h1{font-size:clamp(42px,6.6vw,83px);letter-spacing:-.06em}h2{font-size:clamp(31px,4.6vw,58px);letter-spacing:-.045em}h3{font-size:24px}.hero p,.section-head p,.rich-text p,.card p,.process-step p,.portfolio-tile p,.footer p,.lead p,li{color:var(--muted);line-height:1.75;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.badge{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.07);color:#dbe6ff;font-weight:800;font-size:13px}.floating-reels{position:relative;min-height:660px;perspective:1300px}.reel-device{position:absolute;width:210px;height:370px;border-radius:34px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);transform-style:preserve-3d;animation:floaty 6s ease-in-out infinite}.reel-device iframe{width:100%;height:100%;border:0;background:#000}.reel-device:after{content:attr(data-label);position:absolute;left:13px;bottom:13px;right:13px;padding:9px 12px;border-radius:17px;background:rgba(4,10,28,.72);backdrop-filter:blur(10px);font-weight:900;font-size:12px}.rd1{left:8%;top:8%;transform:rotate(-9deg)}.rd2{right:13%;top:0;transform:rotate(8deg);animation-delay:.8s}.rd3{left:36%;top:22%;z-index:3;transform:scale(1.08);animation-delay:1.4s}.rd4{left:2%;bottom:4%;transform:rotate(8deg);animation-delay:2s}.rd5{right:5%;bottom:11%;transform:rotate(-7deg);animation-delay:2.8s}@keyframes floaty{50%{translate:0 -18px rotate:1deg}}.section-head{max-width:880px;margin-bottom:40px}.center{text-align:center;margin-left:auto;margin-right:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.glass-form,.article-box,.process-card,.download-panel,.portfolio-tile{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid var(--border);border-radius:30px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.card h3,.article-box h2,.article-box h3{margin-bottom:12px}.card .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(79,192,103,.16);color:var(--green2);font-weight:1000;margin-bottom:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;overflow:hidden;min-height:260px}.service-card.big{grid-column:span 2}.service-card:before,.portfolio-tile:before{content:"";position:absolute;inset:auto -40% -70% -40%;height:160px;background:linear-gradient(90deg,transparent,rgba(79,192,103,.25),transparent);transform:rotate(-8deg);transition:.5s}.service-card:hover:before,.portfolio-tile:hover:before{bottom:-25%}.process-card{position:relative;overflow:hidden}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.process-step{position:relative;padding:26px;border-radius:26px;background:rgba(255,255,255,.065);border:1px solid var(--border);min-height:220px}.process-step:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:linear-gradient(90deg,var(--green),transparent)}.process-step b{display:block;color:var(--green2);font-size:27px;margin-bottom:18px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mock-creative{position:relative;min-height:210px;border-radius:24px;padding:22px;margin-bottom:20px;background:radial-gradient(circle at top left,rgba(143,245,162,.48),transparent 32%),linear-gradient(135deg,#102d6e,#071b4d 55%,#06112d);overflow:hidden}.mock-creative strong{display:block;font-family:Poppins;font-size:32px;letter-spacing:-.04em;margin-top:28px}.mock-creative em{font-style:normal;color:#b7c4df}.mock-creative i{position:absolute;display:block;border-radius:50%;background:rgba(255,255,255,.13)}.mock-creative i:nth-child(4){width:130px;height:130px;right:-30px;top:-30px}.mock-creative i:nth-child(5){width:70px;height:70px;right:40px;bottom:18px}.mock-creative i:nth-child(6){width:45px;height:45px;left:22px;bottom:24px}.article-box{max-width:1120px;margin:auto}.article-box p{font-size:18px;color:#ccd7ee}.article-box h2{margin-top:30px}.article-box h3{margin-top:24px}.article-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}.toc{position:sticky;top:110px;background:rgba(255,255,255,.07);border:1px solid var(--border);border-radius:24px;padding:22px}.toc a{display:block;padding:8px 0;color:#dbe6ff}.faq{max-width:1000px;margin:auto}.faq details{background:rgba(255,255,255,.075);border:1px solid var(--border);border-radius:18px;margin:12px 0;padding:18px}.faq summary{cursor:pointer;font-weight:900}.lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.glass-form input,.glass-form select,.glass-form textarea{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff;border-radius:17px;padding:15px 16px;margin-bottom:14px;font:inherit}.glass-form input::placeholder,.glass-form textarea::placeholder{color:#aeb9d5}.glass-form textarea{min-height:130px}.form-note{display:block;margin-top:12px;color:var(--green2);font-weight:800}.download-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:radial-gradient(circle at 100% 0%,rgba(79,192,103,.22),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05))}.footer{position:relative;z-index:1;padding:58px 5.4% 26px;background:#020716;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:1.1fr 1fr .7fr 1fr;gap:36px}.footer-logo{width:190px;background:white;border-radius:20px;padding:8px 14px}.footer h3{font-size:19px;margin-bottom:14px}.footer a{color:#dfe8ff}.social-icons{display:flex;gap:12px}.social-icons a{display:inline-flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid var(--border)}.social-icons svg{width:22px;height:22px;fill:var(--green2)}.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--border);color:#8f9cbb}.reveal{opacity:0;transform:translateY(30px);transition:.9s}.reveal.visible{opacity:1;transform:none}.sticky-cta{position:fixed;right:20px;bottom:20px;z-index:50}.seo-note{padding:16px;border-left:3px solid var(--green);background:rgba(79,192,103,.08);border-radius:16px;color:#e9f2ff}@media(max-width:1050px){.hero,.split,.lead,.download-panel,.article-grid{grid-template-columns:1fr}.floating-reels{min-height:580px}.service-card.big{grid-column:auto}.cards,.service-grid,.portfolio-grid,.process-flow,.footer-top{grid-template-columns:1fr 1fr}.process-step:not(:last-child):after{display:none}}@media(max-width:720px){.site-header{padding:12px 4%}.brand-wrap img{height:44px}.nav{display:none;position:absolute;left:4%;right:4%;top:82px;flex-direction:column;background:rgba(255,255,255,.96);padding:20px;border-radius:24px;align-items:flex-start}.nav.open{display:flex}.nav-toggle{display:block}.hero,.section{padding-left:4%;padding-right:4%}h1{font-size:42px}.cards,.service-grid,.portfolio-grid,.process-flow,.footer-top,.form-grid{grid-template-columns:1fr}.floating-reels{min-height:760px}.reel-device{width:170px;height:300px}.rd1{left:0}.rd2{right:0}.rd3{left:24%;top:30%}.rd4{left:0;bottom:5%}.rd5{right:0;bottom:0}.article-box{padding:22px}.sticky-cta{left:14px;right:14px}.sticky-cta .btn{width:100%}}