:root{--ink:#171717;--lime:#c7ff42;--paper:#f3f1eb;--line:#d5d2ca;--muted:#6e6c67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.logo span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:15px}.nav{display:flex;gap:34px;font-size:14px}.nav a{transition:.2s}.nav a:hover{opacity:.5}.header-cta{font-weight:700;font-size:14px;display:flex;gap:12px}.section{padding:120px 7vw}.hero{padding-top:84px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;background:var(--lime);border-radius:50%}.hero h1{font-size:clamp(58px,8.4vw,126px);line-height:.88;letter-spacing:-.075em;margin:40px 0 50px;max-width:1300px}.hero h1 em,.section-heading h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.hero-bottom p{max-width:470px;font-size:18px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--ink);color:white;padding:19px 24px;border-radius:3px;font-weight:700;min-width:220px;transition:.25s}.button:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}.hero-visual{height:610px;background:#e3e0d8;position:relative;overflow:hidden;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:520px;height:520px;background:var(--lime);left:-80px;top:170px}.orb-two{width:420px;height:420px;background:#ff806c;right:-90px;top:-100px}.browser-card{width:min(72%,900px);height:470px;background:#fbfaf7;box-shadow:0 35px 80px #3a382f35;position:relative;z-index:2;overflow:hidden}.browser-top{height:38px;background:#e9e7e1;display:flex;align-items:center;justify-content:center;font-size:10px;color:#8f8d87;position:relative}.browser-top div{display:flex;gap:5px;position:absolute;left:13px}.browser-top b{width:7px;height:7px;background:#bab7af;border-radius:50%}.mock-nav{display:flex;justify-content:space-between;padding:27px 38px;font-size:10px}.mock-nav strong{font-size:16px}.mock-copy{padding:45px 38px;position:relative;z-index:2}.mock-copy small{font-size:9px;letter-spacing:.2em}.mock-copy h2{font-size:70px;line-height:.85;letter-spacing:-.06em;margin:20px 0}.mock-copy p{font-size:11px}.mock-shape{width:360px;height:360px;background:#d8ff79;border-radius:55% 45% 30% 70%;position:absolute;right:-20px;top:90px;transform:rotate(-15deg)}.mock-shape div{width:160px;height:160px;background:#805cff;border-radius:50%;position:absolute;left:95px;top:105px;box-shadow:25px 25px 0 #ff795e}.floating-tag{position:absolute;z-index:3;background:white;padding:14px 18px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #2222}.tag-one{left:7%;top:19%}.tag-two{right:7%;bottom:17%}.ticker{background:var(--ink);color:white;overflow:hidden;padding:19px 0;white-space:nowrap;transform:rotate(-1.1deg) scale(1.02)}.ticker div{font-size:13px;letter-spacing:.13em;word-spacing:25px;animation:slide 26s linear infinite}.ticker b{color:var(--lime)}@keyframes slide{to{transform:translateX(-45%)}}.section-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:75px}.section-heading>div{display:flex;gap:18px;align-items:flex-start}.section-heading span{font-size:11px;background:var(--lime);padding:5px 7px;border-radius:50%}.section-heading p{margin:2px 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.section-heading h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);padding:30px;min-height:470px;display:flex;flex-direction:column;position:relative;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #3331}.service-card>span{font-size:11px;color:#999}.service-card.dark{background:var(--ink);color:white}.service-icon{font-size:35px;margin:50px 0}.service-card h3{font-size:29px;letter-spacing:-.04em;margin:0}.service-card p{color:#777;line-height:1.65;font-size:14px}.service-card.dark p{color:#aaa}.service-card ul{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid #aaa4}.service-card li{padding:10px 0;border-bottom:1px solid #aaa4;font-size:12px}.works{background:#e8e6df}.project{display:grid;grid-template-columns:1.45fr 1fr;gap:7vw;align-items:center;margin-bottom:110px}.project.reverse{grid-template-columns:1fr 1.45fr}.project.reverse .project-art{order:2}.project-art{height:570px;display:grid;place-items:center;overflow:hidden}.art-one{background:#2b2f28}.poster{width:65%;height:80%;background:#d8ff82;padding:28px;position:relative}.poster small{font-size:8px}.poster strong{font-family:Georgia,serif;font-size:clamp(60px,8vw,120px);font-weight:400;writing-mode:vertical-rl;position:absolute;right:15%;top:16%;letter-spacing:-.1em}.poster p{position:absolute;bottom:20px;font-size:11px}.art-two{background:#f4a6a2}.phone{height:88%;width:270px;border-radius:35px;background:#f7f3ea;border:8px solid #171717;padding:25px;box-shadow:18px 24px 35px #61393633}.phone span{font-weight:800}.phone div{height:220px;margin:24px 0;background:linear-gradient(145deg,#e0d5c3,#82715d);border-radius:50% 50% 42% 58%}.phone strong{font-family:Georgia,serif;font-size:35px;line-height:.9}.project-info>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.project-info h3{font-size:65px;letter-spacing:-.06em;margin:26px 0}.project-info p{color:var(--muted);line-height:1.7;max-width:420px}.project-info div{display:flex;gap:8px;margin-top:30px}.project-info b{font-size:10px;border:1px solid #aaa;padding:8px 12px;border-radius:30px}.demo-note{text-align:center;color:#888;font-size:11px}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:1fr 2fr;padding:38px 0;border-bottom:1px solid var(--line)}.steps article>span{font-family:Georgia,serif;font-size:45px;color:#aaa}.steps h3{font-size:28px;letter-spacing:-.04em;margin:0 0 12px}.steps p{color:var(--muted);max-width:650px;line-height:1.7;margin:0}.contact{background:var(--ink);color:white;min-height:720px;padding:120px 7vw;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:2}.eyebrow.light i{background:var(--lime)}.contact h2{font-size:clamp(58px,8vw,115px);line-height:.9;letter-spacing:-.07em;margin:50px 0}.contact p{max-width:540px;color:#aaa;line-height:1.7}.button-light{background:var(--lime);color:var(--ink);margin-top:28px}.button-light:hover{background:white}.contact-circle{position:absolute;right:-100px;bottom:-80px;width:470px;height:470px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;color:#ffffff44;font-size:12px;letter-spacing:.2em;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}footer p,footer a{font-size:12px}footer div{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.header{height:72px}.nav{display:none}.header-cta{font-size:0}.header-cta span{font-size:20px}.section{padding:80px 6vw}.hero{padding-top:60px}.hero h1{font-size:16vw;margin:34px 0}.hero-bottom{display:block}.hero-bottom .button{margin-top:25px}.hero-visual{height:430px}.browser-card{width:88%;height:320px}.mock-copy{padding:20px}.mock-copy h2{font-size:45px}.mock-shape{width:220px;height:220px}.tag-one{left:1%;top:8%}.tag-two{right:1%;bottom:6%}.section-heading{grid-template-columns:1fr;gap:34px}.service-grid{grid-template-columns:1fr}.service-card{min-height:420px}.project,.project.reverse{grid-template-columns:1fr;gap:35px;margin-bottom:80px}.project.reverse .project-art{order:0}.project-art{height:430px}.project-info h3{font-size:50px}.steps article{grid-template-columns:70px 1fr}.contact{padding:90px 6vw;min-height:650px}footer{height:auto;padding:35px 6vw;gap:24px;flex-wrap:wrap}}