:root{
  --ink:#0c0c0c;--paper:#f3f0e9;--paper2:#e7e2d9;--acid:#d8ff4f;--orange:#ff5a36;--muted:#7c7a73;--line:rgba(12,12,12,.16);--white:#fff;
  --radius:22px;--shadow:0 24px 70px rgba(0,0,0,.14);--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:var(--ink);color:var(--acid)}
.wrap{width:min(calc(100% - 48px),var(--max));margin:0 auto}.section{padding:120px 0}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(243,240,233,.82);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-bottom-color:var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-weight:800;font-size:23px;letter-spacing:-1.1px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:var(--acid);border-radius:8px;margin-right:3px;font-size:19px}.brand-dot{color:var(--orange)}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:650}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:.25s}.desktop-nav a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 18px 16px 20px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:999px;font-weight:750;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px);background:var(--acid);color:var(--ink)}.button-small{padding:11px 15px 11px 16px;font-size:13px;gap:18px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;height:2px;width:22px;background:var(--ink);margin:6px auto;transition:.25s}.mobile-menu{display:none}
.hero{padding-top:150px;min-height:790px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:56px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:12px;letter-spacing:1.6px;font-weight:800;margin-bottom:24px}.pulse{width:9px;height:9px;background:#25b86b;border-radius:50%;box-shadow:0 0 0 5px rgba(37,184,107,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(62px,7.2vw,112px);line-height:.88;letter-spacing:-6px;margin:0 0 34px;font-weight:850}.outline-word{color:transparent;-webkit-text-stroke:2px var(--ink);font-style:italic;font-weight:700}.hero-lead{font-size:19px;line-height:1.6;max-width:690px;color:#45443f;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-weight:800;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:5px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);margin-top:52px;padding-top:22px}.trust-row div{display:flex;flex-direction:column;gap:3px}.trust-row strong{font-size:13px}.trust-row span{font-size:12px;color:var(--muted)}
.hero-art{position:relative;min-height:590px}.orbit{position:absolute;border:1px solid rgba(12,12,12,.14);border-radius:50%;inset:8% -15% 6% 3%;transform:rotate(-11deg)}.orbit-b{inset:16% -2% -4% -12%;transform:rotate(24deg)}.browser-card{position:absolute;width:84%;height:430px;left:7%;top:80px;background:#fff;border:1px solid rgba(12,12,12,.16);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-5deg)}.browser-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#efede8;border-bottom:1px solid #ddd8cf;font-size:10px;color:#8b877e}.browser-top i{width:8px;height:8px;border-radius:50%;background:#c5c0b7}.browser-top span{margin-left:8px}.browser-body{padding:24px}.mini-nav{height:36px;display:flex;align-items:center;gap:10px}.mini-nav b{font-size:16px}.mini-nav span{width:43px;height:5px;border-radius:6px;background:#d7d3cb}.mini-nav span:first-of-type{margin-left:auto}.mini-hero{margin-top:24px;background:var(--ink);border-radius:14px;padding:24px;color:white}.mini-kicker{width:80px;height:7px;background:var(--acid);margin-bottom:18px}.mini-line{height:24px;background:#fff;border-radius:4px;margin:8px 0}.w85{width:85%}.w68{width:68%}.mini-copy{width:58%;height:6px;background:#686868;margin-top:20px}.mini-copy.short{width:44%;margin-top:7px}.mini-button{width:105px;height:25px;background:var(--orange);border-radius:99px;margin-top:20px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mini-grid div{height:76px;background:#e9e6df;border-radius:9px}.stat-card{position:absolute;padding:18px 20px;background:var(--acid);border:1px solid var(--ink);border-radius:14px;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;z-index:3}.stat-card span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.stat-card strong{font-size:20px}.stat-card small{font-size:11px;color:#555}.stat-one{right:-2%;top:42px;transform:rotate(5deg)}.stat-two{left:-5%;bottom:65px;background:#fff;transform:rotate(-2deg)}.spark{position:absolute;font-size:68px;color:var(--orange);right:2%;bottom:75px;transform:rotate(13deg)}
.ticker{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--acid);padding:16px 0}.ticker-track{display:flex;align-items:center;gap:22px;width:max-content;animation:ticker 26s linear infinite;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:1px}.ticker-track i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:.72fr 2.1fr;gap:70px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;font-weight:850;display:flex;gap:12px;align-items:flex-start}.section-label span{color:var(--orange)}.intro{background:#faf8f2}.intro-copy h2,.section-heading h2,.tech h2,.contact h2{font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-4px;margin-bottom:30px}.intro-copy>p{font-size:22px;line-height:1.55;max-width:850px;color:#4f4c46}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}.metrics div{background:#faf8f2;padding:24px;display:flex;flex-direction:column;gap:6px}.metrics strong{font-size:24px}.metrics span{font-size:12px;color:var(--muted)}
.section-heading{display:grid;grid-template-columns:.72fr 2.1fr;gap:70px;margin-bottom:62px}.section-heading>div:last-child{display:grid;grid-template-columns:1.25fr .75fr;gap:38px;align-items:end}.section-heading p{color:var(--muted);font-size:16px;max-width:400px}.services{background:var(--paper)}.service-list{border-top:1px solid var(--ink)}.service-card{display:grid;grid-template-columns:70px 1.2fr .9fr 55px;gap:26px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.service-card:hover{background:#ebe6dc;padding-left:18px;padding-right:18px}.service-no{font-size:12px;color:var(--muted)}.service-card h3{font-size:29px;letter-spacing:-1.5px;margin-bottom:8px}.service-card p{margin:0;color:#65625c;max-width:560px}.service-tags{display:flex;flex-wrap:wrap;gap:7px}.service-tags span{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:7px 10px;background:#fff}.service-arrow{font-size:25px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%}
.work{background:#121212;color:#fff}.work .section-label span{color:var(--acid)}.work .section-heading p{color:#aaa}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.project{display:block}.project-large{grid-row:span 2}.project-visual{height:390px;border-radius:18px;overflow:hidden;position:relative}.project-large .project-visual{height:700px}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 30px}.project-meta span{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#aaa}.project-meta h3{font-size:25px;margin:3px 0 0}.round-arrow{border:1px solid #555;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:.2s}.project:hover .round-arrow{background:var(--acid);color:#111;border-color:var(--acid);transform:rotate(45deg)}.visual-hosting{background:linear-gradient(145deg,#cce8ff,#84bde5);display:grid;place-items:center}.mock-window{width:83%;height:78%;background:#fff;border-radius:14px;box-shadow:0 28px 55px rgba(0,0,0,.2);overflow:hidden;transform:rotate(-3deg)}.mock-head{height:32px;background:#e9eef1;padding:0 12px;display:flex;align-items:center;gap:6px}.mock-head i{width:7px;height:7px;border-radius:50%;background:#acb9c1}.hosting-ui{height:calc(100% - 32px);padding:34px;background:#102c44;color:white;position:relative}.hosting-ui b{font-size:13px;color:#8cd5ff}.hosting-title{display:block;font-size:42px;font-weight:850;line-height:1;margin-top:52px;letter-spacing:-2px}.hosting-pill{display:inline-block;background:#79c7ff;color:#09263c;border-radius:99px;padding:9px 12px;font-size:10px;margin-top:24px}.hosting-bars{display:flex;gap:8px;position:absolute;left:34px;right:34px;bottom:35px}.hosting-bars i{height:52px;flex:1;background:#1d4564;border-radius:5px}.hosting-bars i:nth-child(2){height:84px;margin-top:-32px;background:#3c80ad}.hosting-bars i:nth-child(3){height:110px;margin-top:-58px;background:#79c7ff}.visual-news{background:#e4d8c7;display:grid;place-items:center}.news-paper{width:70%;height:78%;background:#fff;color:#171717;padding:25px;box-shadow:0 25px 45px rgba(0,0,0,.18);transform:rotate(4deg)}.news-paper b{font-family:Georgia,serif;font-size:25px;border-bottom:3px solid #111;display:block;padding-bottom:9px}.news-photo{height:120px;background:linear-gradient(135deg,#73868e,#263b45);margin:20px 0}.news-paper i{display:block;height:7px;background:#d0d0d0;margin:8px 0}.news-paper i.short{width:62%}.visual-portfolio{background:#f3ff87;display:flex;align-items:flex-end;padding:42px;color:#111}.portfolio-type span,.portfolio-type strong{display:block;font-size:46px;line-height:.95;letter-spacing:-3px}.portfolio-type strong{font-style:italic}.portfolio-type small{display:block;margin-top:35px;text-transform:uppercase;letter-spacing:1.4px}.project-dark .project-visual{background:#2b2b2b}.next-copy{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:center;font-size:44px;line-height:.98;font-weight:850;letter-spacing:-2px}.next-copy em{color:var(--acid)}.next-copy a{font-size:13px;letter-spacing:0;margin-top:35px;font-style:normal;text-decoration:underline}
.process{background:#fbf8f2}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{border:1px solid var(--line);border-radius:16px;padding:26px;min-height:390px;display:flex;flex-direction:column}.process-card>span{font-size:11px;color:var(--muted)}.process-icon{font-size:35px;margin:46px 0 20px}.process-card h3{font-size:27px}.process-card p{color:#6f6c66}.process-card ul{margin:auto 0 0;padding:17px 0 0;list-style:none;border-top:1px solid var(--line);font-size:12px}.process-card li{margin-top:8px}.process-card li:before{content:"→";margin-right:8px;color:var(--orange)}
.tech{background:#ddd7cc}.tech-intro{font-size:19px;max-width:700px;color:#56524c}.tech-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.tech-cloud span{background:#f8f5ee;border:1px solid rgba(0,0,0,.18);border-radius:999px;padding:13px 16px;font-size:14px;font-weight:750}.proof{background:var(--acid)}.proof-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px}.quote-mark{font-family:Georgia,serif;font-size:90px;height:62px}.proof blockquote{margin:0;font-size:clamp(38px,4.2vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:800}.proof-quote p{margin-top:28px;font-size:13px}.proof-side{border-left:1px solid rgba(0,0,0,.24);padding-left:40px;display:flex;flex-direction:column;justify-content:center}.proof-side h3{font-size:30px;margin:50px 0 18px}.proof-side p{color:#4d4d36;margin-bottom:28px}
.engagement{background:#faf8f2}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:30px;min-height:480px;display:flex;flex-direction:column;background:#fff}.price-card.featured{background:var(--ink);color:#fff}.price-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.featured .price-label{color:#aaa}.featured-tag{position:absolute;right:20px;top:20px;background:var(--acid);color:#111;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.price-card h3{font-size:34px;letter-spacing:-1.7px;margin:38px 0 16px}.price-card p{color:#6f6c66}.featured p{color:#b9b9b9}.price-card ul{list-style:none;padding:20px 0;border-top:1px solid var(--line);margin:24px 0 35px}.featured ul{border-color:#3b3b3b}.price-card li{padding:8px 0;font-size:13px}.price-card li:before{content:"✓";margin-right:9px;color:var(--orange)}.featured li:before{color:var(--acid)}.price-card a{margin-top:auto;font-weight:850;border-bottom:1px solid currentColor;padding-bottom:8px;width:max-content}
.faq{background:var(--paper)}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:26px 0;font-size:21px;font-weight:800;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:25px;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:800px;color:#69665f;padding:0 50px 25px 0;margin:0}
.contact{background:var(--orange);color:#111}.section-label.light span{color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.contact-copy p{font-size:18px;max-width:520px}.contact-email{display:inline-flex;gap:22px;font-size:19px;font-weight:850;border-bottom:2px solid #111;padding-bottom:8px;margin-top:22px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.42);background:transparent;padding:12px 0 13px;outline:none;border-radius:0;color:#111;margin-top:6px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(0,0,0,.54)}.full{grid-column:1/-1}.button-light{background:#fff;color:#111;border-color:#fff;cursor:pointer;margin-top:8px}.button-light:hover{background:var(--acid)}.contact-form small{color:rgba(0,0,0,.62);font-size:10px;line-height:1.5}
.site-footer{background:#111;color:#fff;padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding-bottom:55px}.brand-footer .brand-mark{background:var(--acid);color:#111}.footer-top p{margin:0;color:#aaa;max-width:390px;font-size:14px}.back-top{text-align:right;font-size:13px}.footer-bottom{border-top:1px solid #303030;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#888}.footer-bottom div:last-child{display:flex;gap:18px}.footer-bottom a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.27s}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,79,.11),rgba(216,255,79,0) 68%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
.legal-page{padding:150px 0 100px}.legal-page .wrap{max-width:850px}.legal-page h1{font-size:64px;letter-spacing:-4px;line-height:1}.legal-page h2{margin-top:48px;font-size:28px}.legal-page p,.legal-page li{color:#5d5a54;line-height:1.7}.legal-page a{text-decoration:underline}
@media(max-width:1000px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:520px}.hero{padding-top:140px}.trust-row{max-width:680px}.section-heading>div:last-child{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.proof-grid,.contact-grid{grid-template-columns:1fr}.proof-side{border-left:0;border-top:1px solid rgba(0,0,0,.24);padding:35px 0 0}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:unset}.work-grid{grid-template-columns:1fr 1fr}.project-large{grid-row:auto;grid-column:1/-1}.project-large .project-visual{height:560px}}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:82px 0}.desktop-cta{display:none}.menu-toggle{display:block}.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);flex-direction:column;padding:10px 20px 24px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.3s;z-index:-1}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{padding:15px 0;border-bottom:1px solid var(--line);font-weight:750}.hero{min-height:auto;padding-top:120px}.hero h1{font-size:clamp(57px,18vw,84px);letter-spacing:-4.5px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{grid-template-columns:1fr}.hero-art{min-height:450px}.browser-card{width:92%;height:350px;left:2%;top:58px}.stat-one{right:0;top:20px}.stat-two{left:0;bottom:30px}.spark{display:none}.split,.section-heading{grid-template-columns:1fr;gap:34px}.section-heading>div:last-child{gap:12px}.intro-copy h2,.section-heading h2,.tech h2,.contact h2{font-size:48px;letter-spacing:-2.7px}.intro-copy>p{font-size:18px}.metrics{grid-template-columns:1fr}.service-card{grid-template-columns:40px 1fr 44px}.service-tags{grid-column:2/4}.service-card h3{font-size:24px}.work-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-visual,.project-visual{height:420px}.process-grid{grid-template-columns:1fr}.process-card{min-height:340px}.proof-grid{gap:52px}.proof blockquote{letter-spacing:-2px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:1}.footer-top{grid-template-columns:1fr;gap:28px}.back-top{text-align:left}.footer-bottom{flex-direction:column}.footer-bottom div:last-child{flex-wrap:wrap}.cursor-glow{display:none}}
@media(max-width:480px){.hero h1{font-size:54px}.outline-word{-webkit-text-stroke:1.4px var(--ink)}.hero-art{min-height:390px}.browser-card{height:315px}.hosting-title{font-size:30px}.project-large .project-visual,.project-visual{height:350px}.portfolio-type span,.portfolio-type strong{font-size:36px}.next-copy{font-size:36px}.legal-page h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
