:root{--bg:#fff;--text:#0a0a0a;--soft:#555;--mute:#999;--faint:#bbb;--card:#fff;--card-hover:#fafafa;--line:#ececec;--line-soft:#eee;--border-strong:#0a0a0a;--tag-border:#ddd;--tag-text:#444;--accent:#ff5c35;--ink:#0a0a0a;--on-ink:#fff;--logo-tile:#0a0a0a;--nav-bg:hsla(0,0%,100%,.72);--nav-line:rgba(0,0,0,.07);--footer-bg:#0a0a0a;--footer-text:#fff;--footer-line:#222;--footer-copy:#666;--footer-wa-border:#333;--mouse-border:#ccc;--mouse-dot:#999}html[data-theme=dark]{--bg:#0c0c0d;--text:#f3f1ec;--soft:#b3afa6;--mute:#7a766e;--faint:#5f5b53;--card:#161617;--card-hover:#1c1c1e;--line:#262628;--line-soft:#262628;--border-strong:#f3f1ec;--tag-border:#343437;--tag-text:#b3afa6;--accent:#ff6a45;--ink:#f3f1ec;--on-ink:#0a0a0a;--logo-tile:#1f1f21;--nav-bg:rgba(14,14,15,.72);--nav-line:hsla(0,0%,100%,.08);--footer-bg:#080809;--footer-text:#f3f1ec;--footer-line:#222224;--footer-copy:#6c685f;--footer-wa-border:#333336;--mouse-border:#3a3a3d;--mouse-dot:#666}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Satoshi,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s ease,color .4s ease}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes scrolldot{0%{transform:translateY(0);opacity:0}40%{opacity:1}to{transform:translateY(14px);opacity:0}}::selection{background:var(--accent);color:#fff}.bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.wrap{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,56px);color:var(--text);transition:background .3s ease,box-shadow .3s ease,color .4s ease}nav.scrolled{background:var(--nav-bg);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px 0 var(--nav-line)}.logo{display:inline-flex;align-items:center;gap:10px;font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.03em}.mono{display:block;flex:none}.mono .tile{fill:var(--logo-tile);transition:fill .4s ease}.mono .mark{fill:#fff}.mono .eye{fill:var(--accent)}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500}.navlinks a{opacity:.85;transition:opacity .2s}.navlinks a:hover{opacity:1}.avail{display:inline-flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 2s ease-in-out infinite}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;border:1.4px solid var(--tag-border);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .4s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:18px;height:18px;display:block}.theme-toggle .ico-sun{display:none}html[data-theme=dark] .theme-toggle .ico-sun{display:block}html[data-theme=dark] .theme-toggle .ico-moon{display:none}section{max-width:1400px;margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px clamp(20px,5vw,56px) 80px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}h1{font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:clamp(2.7rem,8.4vw,7rem);line-height:.96;letter-spacing:-.035em;max-width:16ch}.lede{margin-top:32px;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.5;color:var(--soft);max-width:52ch}.btns{margin-top:44px;display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:100px;font-weight:600;font-size:15px;transition:all .25s ease}.btn-dark{background:var(--ink);color:var(--on-ink)}.btn-dark:hover{transform:translateY(-2px);background:var(--accent);color:#fff}.btn-line{border:1.5px solid var(--border-strong)}.btn-line:hover{background:var(--border-strong);color:var(--bg)}.scroll-ind{margin-top:auto;padding-top:60px;display:flex;align-items:center;gap:14px;color:var(--mute);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.mouse{position:relative;width:18px;height:26px;border:1.5px solid var(--mouse-border);border-radius:12px;display:inline-flex;justify-content:center;padding-top:5px}.mouse span{width:3px;height:6px;border-radius:3px;background:var(--mouse-dot);animation:scrolldot 1.6s ease-in-out infinite}.sec-pad{padding:clamp(70px,12vh,140px) clamp(20px,5vw,56px) 0}.sec-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1.5px solid var(--border-strong);padding-top:26px;margin-bottom:clamp(40px,7vh,72px)}.sec-head h2{font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:-.03em}.sec-note{font-size:14px;color:var(--mute);font-weight:500;max-width:30ch;text-align:right}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5px;gap:1.5px;background:var(--line);border:1.5px solid var(--line);border-radius:18px;overflow:hidden}.svc{background:var(--card);padding:clamp(28px,3.4vw,40px);display:flex;flex-direction:column;gap:14px;min-height:230px;transition:background .25s}.svc:hover{background:var(--card-hover)}.svc-no{font-weight:800;font-size:15px;color:var(--accent);letter-spacing:.04em}.svc h3,.svc-no{font-family:Cabinet Grotesk,sans-serif}.svc h3{font-weight:700;font-size:clamp(1.25rem,2.2vw,1.55rem);letter-spacing:-.02em;margin-top:6px}.svc p{font-size:15px;line-height:1.55;color:var(--soft);margin-top:auto}.proj{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:clamp(60px,10vh,120px)}.proj.rev{flex-wrap:wrap-reverse;margin-bottom:0}.proj-media{flex:1 1 440px;min-width:300px}.proj-info{flex:1 1 340px;min-width:280px}.browser{border:1.5px solid var(--border-strong);border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}.browser-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1.5px solid var(--line)}.browser-bar i{width:11px;height:11px;border-radius:50%;background:var(--line)}.browser-url{margin-left:14px;font-size:12px;color:var(--mute);letter-spacing:.02em}.frame{position:relative;display:block;aspect-ratio:16/10;width:100%;background:#f4f4f2;overflow:hidden;cursor:pointer}.frame iframe{position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:top left;border:0;pointer-events:none}.frame .overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));opacity:0;transition:opacity .3s}.frame:hover .overlay{opacity:1}.pill-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0a0a0a;padding:9px 16px;border-radius:100px;font-weight:600;font-size:13px;box-shadow:0 6px 18px -6px rgba(0,0,0,.4)}.proj-no{font-weight:800;font-size:clamp(3rem,7vw,5rem);line-height:1;color:var(--accent);letter-spacing:-.04em}.proj-info h3,.proj-no{font-family:Cabinet Grotesk,sans-serif}.proj-info h3{font-weight:700;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.025em;margin-top:14px}.proj-info p{margin-top:16px;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55;color:var(--soft);max-width:44ch}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag{border:1.2px solid var(--tag-border);border-radius:100px;padding:7px 15px;font-size:13px;font-weight:500;color:var(--tag-text)}.visit{margin-top:30px;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;border-bottom:2px solid var(--accent);padding-bottom:4px;transition:gap .25s}.visit:hover{gap:16px}.phone-wrap{flex:1 1 440px;min-width:300px;display:flex;justify-content:center}.phone-live{max-width:300px;border:1.5px solid var(--border-strong);border-radius:34px;background:var(--card);box-shadow:0 30px 60px -30px rgba(0,0,0,.28);padding:10px}.phone-live,.phone-screen{width:100%;overflow:hidden}.phone-screen{position:relative;display:block;aspect-ratio:9/19;border-radius:26px;background:#f4f4f2;cursor:pointer}.phone-screen iframe{position:absolute;top:0;left:0;width:142.857%;height:142.857%;transform:scale(.7);transform-origin:top left;border:0;pointer-events:none}.phone-screen .overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5));opacity:0;transition:opacity .3s}.phone-screen:hover .overlay{opacity:1}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:clamp(24px,3vw,40px);gap:clamp(24px,3vw,40px)}.step{display:flex;flex-direction:column;gap:14px;border-top:2px solid var(--accent);padding-top:20px}.step-no{font-weight:800;font-size:14px;color:var(--mute);letter-spacing:.04em}.step h3,.step-no{font-family:Cabinet Grotesk,sans-serif}.step h3{font-weight:700;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.02em}.step p{font-size:15px;line-height:1.55;color:var(--soft)}footer{background:var(--footer-bg);color:var(--footer-text);margin-top:clamp(40px,8vh,90px);padding:clamp(70px,12vh,130px) clamp(20px,5vw,56px) 40px;transition:background .4s ease,color .4s ease}.foot-inner{max-width:1400px;margin:0 auto}.foot-h1{font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:clamp(2.4rem,9vw,6.5rem);line-height:.98;letter-spacing:-.035em;display:inline-block;transition:color .25s}.foot-h1:hover{color:var(--accent)}.foot-btns{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}.foot-call{background:var(--footer-text);color:var(--footer-bg)}.foot-call:hover{background:var(--accent);color:#fff}.foot-wa{border:1.5px solid var(--footer-wa-border);color:var(--footer-text)}.foot-wa:hover{border-color:var(--accent)}.foot-bottom{margin-top:clamp(48px,9vh,90px);display:flex;flex-wrap:wrap;gap:30px;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--footer-line);padding-top:30px}.foot-copy{font-size:13px;color:var(--footer-copy);letter-spacing:.02em}.accent{color:var(--accent)}@media (max-width:560px){.navlinks .navlink{display:none}.sec-note{text-align:left;max-width:100%}h1{font-size:2.45rem;line-height:1}.foot-h1{font-size:2.3rem}}@media (max-width:430px){.btn{width:100%;justify-content:center}.frame iframe{width:285.7%;height:285.7%;transform:scale(.35)}}