:root{
  --bg:#070707;--ink:#fff7ef;--muted:#b6a79c;--panel:#111111;--panel-2:#18110d;--line:rgba(255,255,255,.11);--accent:#ff6a00;--accent-2:#ff9b3d;--dark:#050505;--cream:#ffd1a3;--glow:rgba(255,106,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(255,106,0,.13),transparent 30%),var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-dot{position:fixed;width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 0 30px var(--glow);pointer-events:none;z-index:80;transform:translate(-50%,-50%);transition:width .2s,height .2s}.page-loader{position:fixed;inset:0;background:#050505;z-index:100;display:grid;place-items:center;animation:loaderOut .8s ease 1.1s forwards}.page-loader span{width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loaderOut{to{opacity:0;visibility:hidden}}.section-pad{padding:120px max(24px,calc((100vw - 1160px)/2))}.site-header{position:fixed;left:50%;top:18px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);z-index:60;display:flex;align-items:center;justify-content:center;gap:22px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(10,10,10,.78);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.28)}.logo{position:static;display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}.logo-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#111;box-shadow:0 0 30px var(--glow)}.nav-links{display:flex;align-items:center;justify-content:center;gap:6px}.nav-links a{padding:12px 15px;border-radius:999px;color:var(--muted);font-weight:800;font-size:14px;transition:.25s}.nav-links a:hover,.nav-links .nav-cta{color:var(--ink);background:rgba(255,255,255,.08)}.nav-links .nav-cta{background:var(--accent);color:#130b06}.menu-toggle{display:none;position:absolute;right:12px;background:transparent;border:0;width:44px;height:44px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:7px;border-radius:2px}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:145px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:950;font-size:12px}.hero h1,.section-heading h2,.impact-card h2,.contact-card h2{font-size:clamp(44px,7vw,96px);line-height:.88;letter-spacing:-.085em;margin:.15em 0}.section-heading h2,.impact-card h2,.contact-card h2{font-size:clamp(36px,5.2vw,74px)}.hero-text,.section-heading p,.impact-card p,.contact-card p{font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 22px;font-weight:950;border:1px solid var(--line);transition:.25s ease}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#150b05;border-color:transparent;box-shadow:0 16px 45px var(--glow)}.btn-secondary{background:rgba(255,255,255,.04);color:var(--ink)}.proof-strip{display:flex;gap:10px;flex-wrap:wrap}.proof-strip span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-weight:800;color:var(--muted);font-size:13px}.hero-stage{position:relative;min-height:620px;perspective:900px}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.9}.orb-one{width:330px;height:330px;background:var(--accent);right:8%;top:11%;animation:float 7s ease-in-out infinite}.orb-two{width:210px;height:210px;background:#7a2b00;left:6%;bottom:18%;animation:float 8s ease-in-out reverse infinite}.pack{position:absolute;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 90px rgba(0,0,0,.55);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pack:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 38%);pointer-events:none}.pack-01{width:260px;height:350px;border-radius:38px;background:linear-gradient(145deg,#1a1a1a,#2b1205 65%,#ff6a00);color:white;left:25%;top:12%;padding:30px;animation:float 6s ease-in-out infinite}.pack-label{font-size:40px;font-weight:950;line-height:.9;letter-spacing:-.08em}.pack-02{width:200px;height:250px;border-radius:30px;background:linear-gradient(145deg,#ff6a00,#ffbd73);color:#160b05;left:4%;top:44%;padding:24px;font-size:30px;font-weight:950;letter-spacing:-.06em;animation:float 7s ease-in-out .4s infinite}.pack-03{width:250px;height:150px;border-radius:28px;background:#111;color:white;right:2%;bottom:15%;padding:22px;font-size:29px;font-weight:950;letter-spacing:-.06em;animation:float 6.5s ease-in-out .8s infinite}.floating-card{position:absolute;background:rgba(20,20,20,.78);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.35)}.card-a{right:8%;top:28%;animation:slideFloat 6s ease-in-out infinite}.card-b{left:10%;bottom:9%;animation:slideFloat 7s ease-in-out reverse infinite}@keyframes float{50%{transform:translateY(-24px) rotate(2deg)}}@keyframes slideFloat{50%{transform:translateX(18px) translateY(-12px)}}.marquee{overflow:hidden;border-block:1px solid var(--line);background:#0d0d0d;color:white}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{font-size:clamp(36px,6vw,90px);font-weight:950;letter-spacing:-.075em;padding:24px 28px;white-space:nowrap}.marquee span:nth-child(even){color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.sticky-copy{position:sticky;top:130px}.work-grid{display:grid;gap:18px}.work-card,.step-card,.price-card,.portfolio-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:36px;padding:34px;box-shadow:0 18px 50px rgba(0,0,0,.25);transition:.3s}.work-card:hover,.step-card:hover,.price-card:hover,.portfolio-card:hover{transform:translateY(-8px);border-color:rgba(255,106,0,.55)}.work-card.large{min-height:330px;background:linear-gradient(135deg,var(--accent),#22110a);color:white}.work-card.dark{background:#050505;color:white}.work-card span,.service-row span{font-weight:950;color:var(--accent)}.work-card h3,.service-row h3,.step-card h3,.price-card h3,.portfolio-card h3{font-size:clamp(26px,3vw,44px);line-height:.95;letter-spacing:-.06em;margin:18px 0 12px}.portfolio-card h3{font-size:28px}.work-card p,.service-row p,.step-card p,.price-card p,.price-card li,.portfolio-card p{color:var(--muted);line-height:1.55}.work-card.large p{color:#ffe7d4}.center{text-align:center;margin-inline:auto}.center p{margin-inline:auto}.services-section,.portfolio-section{background:#0a0a0a}.service-list{margin-top:55px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.service-row h3{margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.portfolio-card{display:block;padding:16px}.portfolio-art{height:300px;border-radius:26px;display:flex;align-items:flex-end;padding:18px;overflow:hidden;position:relative;background:#151515}.portfolio-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:.45s ease;filter:saturate(.95) contrast(1.05) brightness(.78)}.portfolio-card:hover .portfolio-art img{transform:scale(1.12)}.portfolio-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78));z-index:1}.portfolio-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,106,0,.24),transparent 55%);z-index:1}.portfolio-art span{position:relative;z-index:2;background:#050505;color:#fff;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.14)}.portfolio-cta{text-align:center;margin-top:30px}.steps,.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.step-card div{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#150b05;display:grid;place-items:center;font-weight:950}.impact-card,.contact-card{border-radius:44px;background:linear-gradient(135deg,#111,#090909);color:white;padding:clamp(32px,6vw,78px);position:relative;overflow:hidden;border:1px solid var(--line)}.impact-card:after,.contact-card:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--accent);right:-90px;top:-100px;filter:blur(18px);opacity:.65}.impact-card p,.contact-card p{color:#dfcfc2}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;position:relative;z-index:1}.metrics div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px}.metrics strong{display:block;font-size:42px;letter-spacing:-.06em;color:var(--accent)}.metrics span{color:#d7cabe}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;position:relative;z-index:1}.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:white;border-radius:18px;padding:18px;outline:0}.contact-form textarea{grid-column:1/-1;min-height:130px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c9bfb5}.contact-form button{grid-column:1/-1}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:34px max(24px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);font-weight:800;color:var(--muted)}[data-animate]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-animate].is-visible{opacity:1;transform:none}.tilt-card{will-change:transform}@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.site-header{width:calc(100% - 32px);height:auto;border-radius:28px;padding:12px 14px;align-items:center;justify-content:space-between}.logo{position:static}.menu-toggle{position:static}.menu-toggle{display:block}.nav-links{position:absolute;top:68px;left:0;right:0;margin:auto;width:100%;border:1px solid var(--line);background:#0c0c0c;border-radius:24px;padding:12px;display:none;flex-direction:column}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:center}.hero,.split-section{grid-template-columns:1fr}.hero-stage{min-height:500px}.service-row{grid-template-columns:1fr}.steps,.pricing-grid,.metrics{grid-template-columns:1fr}.sticky-copy{position:static}.contact-form{grid-template-columns:1fr}.section-pad{padding-block:90px}.cursor-dot{display:none}}@media(max-width:560px){.hero h1{font-size:48px}.hero-stage{min-height:440px}.pack-01{left:21%;width:210px;height:300px}.pack-02{width:160px;height:210px}.pack-03{width:210px;right:0}.floating-card{font-size:12px}.site-footer{flex-direction:column}.hero-actions .btn{width:100%}.portfolio-grid{grid-template-columns:1fr}.portfolio-art{height:230px}}
