:root{--ink: #0B0B0C;--paper: #F4F4F1;--panel: #121215;--line-dark: #232326;--line-light: #D9D9D3;--cyan: #00AEEF;--magenta: #EC008C;--yellow: #FFD200;--gray-1: #C9C9CE;--gray-2: #A8A8B0;--gray-3: #9A9AA1;--gray-4: #8A8A90;--gray-5: #55555C}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink)}body{font-family:"Source Sans 3",system-ui,sans-serif;color:var(--paper);width:100%;overflow-x:hidden}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--yellow)}::selection{background:var(--yellow);color:var(--ink)}img{max-width:100%}h1,h2,h3{font-family:Archivo,sans-serif}@keyframes dna-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.container{max-width:1240px;margin:0 auto}.btn{display:inline-flex;align-items:center;font-family:Archivo,sans-serif;font-weight:800;border-radius:4px;letter-spacing:.01em;transition:all .15s}.btn-magenta{gap:10px;background:var(--magenta);color:#fff;font-size:16px;letter-spacing:.02em;padding:13px 22px}.btn-magenta:hover{background:var(--yellow);color:var(--ink)}.btn-cyan{background:var(--cyan);color:var(--ink);font-size:17px;padding:17px 30px}.btn-cyan:hover{background:var(--yellow);color:var(--ink)}.btn-outline{border:1px solid #3A3A40;color:var(--paper);font-weight:700;font-size:17px;padding:17px 30px}.btn-outline:hover{border-color:var(--paper);color:var(--paper)}.topbar{position:sticky;top:0;z-index:50;background:#0b0b0cf0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line-dark)}.topbar-inner{max-width:1240px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-logo{height:68px;width:auto;display:block;border-radius:3px}.topbar-right{display:flex;align-items:center;gap:20px}.hero{position:relative;border-bottom:1px solid var(--line-dark)}.hero-inner{max-width:1240px;margin:0 auto;padding:88px 32px 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.tricolor{display:flex;align-items:center;gap:12px;margin-bottom:26px}.bar{width:34px;height:6px;display:block}.bar-cyan{background:var(--cyan)}.bar-magenta{background:var(--magenta)}.bar-yellow{background:var(--yellow)}.hero h1{font-weight:900;font-size:68px;line-height:.98;letter-spacing:-.025em;margin:0 0 26px;text-transform:uppercase;text-wrap:balance}.hero-lead{font-size:21px;line-height:1.55;color:var(--gray-1);margin:0 0 20px;max-width:34em}.hero-sub{font-size:18px;line-height:1.6;color:var(--gray-3);margin:0 0 36px;max-width:34em}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}.hero-media{position:relative}.hero-media-bg{position:absolute;inset:18px -18px -18px 18px;background:var(--magenta);border-radius:4px}.hero-media img{position:relative;width:100%;height:520px;object-fit:cover;border-radius:4px;display:block}.stats{background:var(--paper);color:var(--ink)}.stats-inner{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:40px 28px;border-right:1px solid var(--line-light)}.stat:first-child{padding-left:0}.stat:last-child{padding-right:0;border-right:0}.stat-num{font-family:Archivo,sans-serif;font-weight:900;font-size:46px;line-height:1;letter-spacing:-.03em}.stat-num-magenta{color:var(--magenta)}.stat-label{font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-5);margin-top:8px}.services{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-light)}.services-inner{max-width:1240px;margin:0 auto;padding:76px 32px 88px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.services h2{font-weight:900;font-size:40px;line-height:1.04;letter-spacing:-.02em;margin:0 0 20px;text-transform:uppercase}.services-sub{font-size:18px;line-height:1.6;color:#4a4a52;margin:0;max-width:30em}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.service{padding:18px 20px 18px 0;border-top:1px solid var(--line-light);font-size:18px;font-weight:600;display:flex;align-items:center;gap:14px}.service:nth-child(2n){padding:18px 0 18px 20px}.service svg{flex:0 0 22px;width:22px;height:22px}.service-last,.service-filler{border-bottom:1px solid var(--line-light)}.why{padding:92px 32px 96px}.why-inner{max-width:1240px;margin:0 auto}.why h2{font-weight:900;font-size:44px;line-height:1.02;letter-spacing:-.025em;margin:0 0 12px;text-transform:uppercase}.rule-yellow{width:72px;height:6px;background:var(--yellow);margin-bottom:52px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line-dark);border:1px solid var(--line-dark)}.why-card{background:var(--panel);padding:40px 38px}.tick{width:30px;height:6px;margin-bottom:22px}.tick-cyan{background:var(--cyan)}.tick-magenta{background:var(--magenta)}.tick-yellow{background:var(--yellow)}.tick-white{background:var(--paper)}.why-card h3{font-weight:800;font-size:26px;margin:0 0 14px;letter-spacing:-.01em}.why-card p{font-size:17px;line-height:1.65;color:var(--gray-2);margin:0}.brands{background:var(--paper);color:var(--ink);padding:54px 0 58px}.brands-head{max-width:1240px;margin:0 auto;padding:0 32px 30px;display:flex;align-items:center;gap:20px}.brands-surf-logo{height:46px;width:auto;flex:0 0 auto;display:block}.brands-divider{width:1px;height:34px;background:var(--line-light);display:block}.brands-label{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a7a82}.marquee-wrap{position:relative;overflow:hidden}.marquee{display:flex;width:max-content}.marquee-logos{animation:dna-marquee 90s linear infinite}.marquee-wrap:hover .marquee{animation-play-state:paused}.logo-track{display:flex;align-items:center;gap:72px;padding-right:72px}.logo-cell{display:flex;align-items:center;justify-content:center;height:56px;min-width:90px}.logo-cell img{max-height:56px;max-width:190px;width:auto;height:auto;display:block}.fade{position:absolute;top:0;width:90px;height:100%;pointer-events:none}.fade-left{left:0;background:linear-gradient(90deg,var(--paper),rgba(244,244,241,0))}.fade-right{right:0;background:linear-gradient(270deg,var(--paper),rgba(244,244,241,0))}.work{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.work-inner{max-width:1240px;margin:0 auto;padding:76px 32px 88px}.work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px;flex-wrap:wrap}.work h2{font-weight:900;font-size:44px;line-height:1.02;letter-spacing:-.025em;margin:0 0 12px;text-transform:uppercase}.work-sub{font-size:18px;color:var(--gray-3);margin:0;max-width:42em}.work-link{font-family:Archivo,sans-serif;font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid var(--cyan);padding-bottom:4px}.work-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:122px;gap:12px}.work-grid img{width:100%;height:100%;object-fit:cover;display:block}.g1{grid-column:1 / 3;grid-row:1 / 4}.g2{grid-column:3 / 7;grid-row:1 / 3}.g3{grid-column:3 / 5;grid-row:3 / 5}.g4{grid-column:5 / 7;grid-row:3 / 5}.g5{grid-column:1 / 3;grid-row:4 / 7}.g6{grid-column:3 / 5;grid-row:5 / 7}.g7{grid-column:5 / 7;grid-row:5 / 7}.g8{grid-column:1 / 3;grid-row:7 / 10}.g9{grid-column:3 / 7;grid-row:7 / 9}.g10{grid-column:3 / 5;grid-row:9 / 11}.g11{grid-column:5 / 7;grid-row:9 / 12}.g12{grid-column:1 / 3;grid-row:10 / 12}.g13{grid-column:3 / 5;grid-row:11 / 13}.g14{grid-column:1 / 3;grid-row:12 / 15}.g15{grid-column:5 / 7;grid-row:12 / 15}.g16{grid-column:3 / 5;grid-row:13 / 15}.quote{border-bottom:1px solid var(--line-dark)}.quote-inner{max-width:1240px;margin:0 auto;padding:92px 32px 96px;display:grid;grid-template-columns:1fr 1fr;gap:72px}.quote h2{font-weight:900;font-size:44px;line-height:1.02;letter-spacing:-.025em;margin:0 0 26px;text-transform:uppercase}.quote-p{font-size:19px;line-height:1.62;color:var(--gray-1);margin:0 0 20px}.quote-p-last{margin-bottom:36px}.quote-signoff{border-top:1px solid var(--line-dark);padding-top:28px}.signoff-head{font-family:Archivo,sans-serif;font-weight:900;font-size:30px;letter-spacing:-.02em;margin-bottom:6px}.signoff-body{font-size:17px;color:var(--gray-3);line-height:1.6}.signoff-name{color:var(--paper);font-weight:600}.signoff-contacts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:17px}.strong-link{font-weight:700}.strong-link-sm{font-weight:600}.quote-card{background:var(--panel);border:1px solid var(--line-dark);padding:38px 36px 40px}.form-success{min-height:380px;display:flex;flex-direction:column;justify-content:center}.form-success[hidden]{display:none}.rule-yellow-sm{width:44px;height:6px;background:var(--yellow);margin-bottom:22px}.form-success h3{font-weight:900;font-size:30px;margin:0 0 14px;letter-spacing:-.02em}.form-success p{font-size:17px;line-height:1.6;color:var(--gray-2);margin:0}.form-title{font-weight:800;font-size:22px;margin:0 0 24px;letter-spacing:-.01em}.form-grid{display:grid;gap:16px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-label{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-4);margin-bottom:8px}.field-label-needs{margin-bottom:10px}.form-grid input[type=text],.form-grid input[type=tel],.form-grid input[type=email],.form-grid textarea{width:100%;background:var(--ink);border:1px solid #33333A;color:var(--paper);font-family:"Source Sans 3",sans-serif;font-size:16px;padding:13px 14px;border-radius:3px;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--cyan)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:"Source Sans 3",sans-serif;font-size:15px;font-weight:600;padding:9px 14px;border-radius:999px;cursor:pointer;transition:all .12s;background:transparent;color:var(--gray-2);border:1px solid #33333A}.chip.selected{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}.btn-submit{width:100%;background:var(--cyan);color:var(--ink);border:0;font-family:Archivo,sans-serif;font-weight:800;font-size:17px;padding:17px 20px;border-radius:3px;cursor:pointer;letter-spacing:.01em;transition:background .15s}.btn-submit:hover{background:var(--yellow)}.btn-submit:disabled{opacity:.6;cursor:wait}.form-error{font-size:15px;line-height:1.5;color:#ff6b9e;background:#ec008c14;border:1px solid rgba(236,0,140,.35);border-radius:3px;padding:12px 14px}.form-note{font-size:14px;color:#6e6e76;text-align:center}.ticker{background:var(--magenta);color:#fff}.ticker .marquee-wrap{padding:26px 0}.marquee-ticker{animation:dna-marquee 45s linear infinite}.ticker-track{display:flex;align-items:center;gap:26px;padding-right:26px;font-family:Archivo,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ticker .dot{opacity:.5}footer{background:var(--ink)}.footer-inner{max-width:1240px;margin:0 auto;padding:56px 32px 64px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;align-items:flex-start}.footer-left{display:flex;flex-direction:column;gap:18px}.footer-logo{height:54px;width:auto;align-self:flex-start;display:block;border-radius:3px}.footer-address{font-size:16px;color:var(--gray-4);line-height:1.7}.footer-right{display:flex;flex-direction:column;gap:8px;font-size:17px}.footer-phone{font-family:Archivo,sans-serif;font-weight:800;font-size:24px;color:var(--paper)}.footer-phone:hover{color:var(--yellow)}.footer-social{display:flex;align-items:center;gap:12px;margin-top:12px}.social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #2A2A30;border-radius:4px;color:var(--gray-3);transition:all .15s}.social-ig:hover{border-color:var(--magenta);color:var(--magenta)}.social-fb:hover{border-color:var(--cyan);color:var(--cyan)}.footer-bottom{border-top:1px solid #1C1C20}.footer-bottom-inner{max-width:1240px;margin:0 auto;padding:20px 32px;font-size:14px;color:var(--gray-5)}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:48px;padding:64px 32px 56px}.hero h1{font-size:54px}.hero-media img{height:420px}.services-inner{grid-template-columns:1fr;gap:36px}.stats-inner{grid-template-columns:1fr 1fr}.stat{padding:28px 24px!important;border-right:0;border-bottom:1px solid var(--line-light)}.quote-inner{grid-template-columns:1fr;gap:48px}.work-grid{grid-auto-rows:100px}}@media(max-width:720px){.topbar-inner{padding:10px 18px}.topbar-logo{height:48px}.btn-magenta{font-size:14px;padding:11px 14px}.hero-inner{padding:48px 18px}.hero h1{font-size:40px}.hero-lead{font-size:18px}.hero-sub{font-size:16px}.btn-cyan,.btn-outline{font-size:15px;padding:14px 20px}.hero-media-bg{inset:10px -10px -10px 10px}.hero-media img{height:300px}.stats-inner{padding:0 18px}.stat-num{font-size:36px}.services-inner,.work-inner,.quote-inner{padding-left:18px;padding-right:18px}.services-inner{padding-top:52px;padding-bottom:56px}.services h2,.why h2,.work h2,.quote h2{font-size:30px}.services-grid{grid-template-columns:1fr}.service,.service:nth-child(2n){padding:15px 0;font-size:16px}.service-filler{display:none}.service-last{border-bottom:1px solid var(--line-light)}.why{padding:56px 18px 60px}.why-grid{grid-template-columns:1fr}.why-card{padding:30px 24px}.why-card h3{font-size:22px}.brands-head{padding:0 18px 24px}.brands-surf-logo{height:36px}.work-inner{padding-top:52px;padding-bottom:56px}.work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:130px}.work-grid img{grid-column:auto!important;grid-row:auto!important}.work-grid img:nth-child(4n+1){grid-column:1 / 3!important;grid-row:span 2!important}.quote-inner{padding-top:56px;padding-bottom:60px}.quote-card{padding:26px 20px 30px}.form-row-2{grid-template-columns:1fr}.footer-inner{padding:40px 18px 44px}.footer-bottom-inner{padding:16px 18px}}@media(prefers-reduced-motion:reduce){.marquee{animation:none!important}}