/*
Theme Name: Agencia Forsend
Description: Propuesta local basada en la exportación de Figma Make de Forsend.
Version: 0.1.0
Text Domain: agencia-forsend
*/

:root { --ground:#080808; --surface:#0f0f0f; --surface-2:#151515; --surface-deep:#060606; --line:#383838; --ink:#f8f6f1; --muted:#c7c7c7; --dim:#a8a8a8; --accent:#4bbde4; --accent-hover:#6dcaeb; --accent-ink:#080808; --header-bg:rgba(8,8,8,.94); --brand-filter:none; --brand-rail-base:#0c2732; --brand-rail-glow:#237e9d; --card-shadow:rgba(0,0,0,.32); --project-bg:#101010; --input-bg:#0d0d0d; --input-line:#626262; --hero-showcase-bg:#080c0d; --hero-showcase-copy:#c8d1d1; --hero-showcase-piece:#151b1d; --hero-minimal-overlay:rgba(36,100,130,.14); --hero-system-bg:radial-gradient(circle at 64% 48%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 27%),#070913; --hero-system-copy:#c1c5d7; --hero-device-bg:#131b20; --hero-device-shadow:rgba(0,0,0,.5); --hero-poster-bg:#050708; --hero-poster-overlay:linear-gradient(90deg,rgba(4,7,8,.91) 0%,rgba(4,7,8,.72) 34%,rgba(4,7,8,.12) 74%),linear-gradient(0deg,rgba(4,7,8,.65),transparent 55%); --hero-poster-overlay-mobile:linear-gradient(90deg,rgba(4,7,8,.9),rgba(4,7,8,.35)),linear-gradient(0deg,rgba(4,7,8,.78),transparent 65%); --hero-poster-image-filter:grayscale(1) contrast(1.12) brightness(.7); --hero-poster-copy:#e5e9e9; --hero-poster-button-bg:#fff; --hero-poster-button-ink:#0b1011; --hero-poster-link:#fff; --hero-poster-meta:#fff; --display-font:"DM Sans","Outfit",Arial,sans-serif; --max:1440px; }
:root.theme-light { --ground:#f5f7f7; --surface:#ffffff; --surface-2:#eaf0f1; --surface-deep:#e2ebed; --line:#aebdc2; --ink:#14242a; --muted:#34464d; --dim:#52646b; --accent:#06789f; --accent-hover:#05698c; --accent-ink:#ffffff; --header-bg:rgba(245,247,247,.94); --brand-filter:none; --brand-rail-base:#061f29; --brand-rail-glow:#075d7a; --card-shadow:rgba(28,54,63,.16); --project-bg:#dce6e8; --input-bg:#ffffff; --input-line:#7a9097; --hero-showcase-bg:#e7f1f3; --hero-showcase-copy:#2b4148; --hero-showcase-piece:#d7e6e9; --hero-minimal-overlay:rgba(6,120,159,.17); --hero-system-bg:radial-gradient(circle at 64% 48%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 31%),#e8f2f4; --hero-system-copy:#2f464d; --hero-device-bg:#f6fafb; --hero-device-shadow:rgba(18,58,70,.2); --hero-poster-bg:#e2eef0; --hero-poster-overlay:linear-gradient(90deg,rgba(238,247,248,.94) 0%,rgba(238,247,248,.76) 38%,rgba(238,247,248,.12) 76%),linear-gradient(0deg,rgba(224,238,240,.72),transparent 58%); --hero-poster-overlay-mobile:linear-gradient(90deg,rgba(238,247,248,.94),rgba(238,247,248,.42)),linear-gradient(0deg,rgba(224,238,240,.82),transparent 65%); --hero-poster-image-filter:grayscale(.45) contrast(1.03) brightness(1.08); --hero-poster-copy:#213a42; --hero-poster-button-bg:var(--accent); --hero-poster-button-ink:var(--accent-ink); --hero-poster-link:var(--ink); --hero-poster-meta:var(--dim); }
:root[data-display-font="sora"] { --display-font:"Sora","Outfit",Arial,sans-serif; }
:root[data-display-font="manrope"] { --display-font:"Manrope","Outfit",Arial,sans-serif; }
:root[data-display-font="jakarta"] { --display-font:"Plus Jakarta Sans","Outfit",Arial,sans-serif; }
:root[data-display-font="dm-sans"] { --display-font:"DM Sans","Outfit",Arial,sans-serif; }
:root[data-display-font="outfit"] { --display-font:"Outfit",Arial,sans-serif; }
:root[data-display-font="space"] { --display-font:"Space Grotesk","Outfit",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--ground); font-family:"Outfit",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
img { display:block; max-width:100%; }
.site { background:var(--ground); }
.wrap { width:min(calc(100% - 48px),var(--max)); margin:auto; }
.eyebrow { margin:0 0 17px; color:var(--accent); font-size:11px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
.display { font-family:var(--display-font); letter-spacing:-.065em; }
.display em { color:var(--accent); font-weight:inherit; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:14px 27px; border:1px solid var(--line); border-radius:999px; color:var(--ink); font-size:14px; font-weight:700; transition:.25s ease; }
.button:hover { border-color:var(--ink); transform:translateY(-2px); }
.button--accent { color:var(--accent-ink); background:var(--accent); border-color:var(--accent); }
.button--accent:hover { background:var(--accent-hover); border-color:var(--accent-hover); }

.site-header { position:fixed; inset:0 0 auto; z-index:30; transition:background .35s,border-color .35s; border-bottom:1px solid transparent; }
.site-header.is-scrolled { background:var(--header-bg); border-color:var(--line); backdrop-filter:blur(12px); }
.header-inner { position:relative; height:80px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { position:relative; z-index:1; flex:0 0 auto; isolation:isolate; }
.brand::before { position:absolute; top:50%; left:calc(-50vw + 50%); z-index:0; width:calc(50vw + 100% + 48px); height:52px; content:""; transform:translateY(-50%) skewX(-16deg); transform-origin:left center; background:linear-gradient(90deg,var(--brand-rail-base) 0%,var(--brand-rail-base) 56%,var(--brand-rail-glow) 82%,transparent 100%); box-shadow:inset 0 1px rgba(75,189,228,.85),0 9px 22px rgba(0,0,0,.16); transition:transform .35s ease,opacity .35s ease; }
.brand:hover::before { transform:translateY(-50%) skewX(-16deg) scaleX(1.035); }.site-header.is-scrolled .brand::before { opacity:.84; }
.brand img { position:relative; z-index:1; width:auto; height:28px; filter:var(--brand-filter); }
:root.theme-light .brand img,:root.theme-light .footer-brand img{filter:drop-shadow(0 0 1.2px rgba(255,255,255,.98)) drop-shadow(0 3px 5px rgba(0,0,0,.68))}
.desktop-nav { position:absolute; left:50%; display:flex; align-items:center; gap:30px; transform:translateX(-50%); }
.desktop-nav a { color:var(--muted); font-size:14px; font-weight:600; transition:color .2s; }
.desktop-nav a:hover { color:var(--ink); }
.header-tools { position:relative; z-index:1; display:flex; align-items:center; gap:15px; margin-left:auto; }
.mobile-toggle { display:none; width:43px; height:43px; padding:0; background:transparent; border:0; cursor:pointer; }
.mobile-toggle span { display:block; width:21px; height:1px; margin:5px auto; background:var(--ink); transition:.25s; }
.mobile-menu { display:none; overflow:hidden; max-height:0; background:var(--surface); transition:max-height .4s; }
.mobile-menu.is-open { max-height:350px; border-bottom:1px solid var(--line); }
.mobile-menu a { display:block; padding:7px 0; font:700 30px/1 var(--display-font); }

.hero { position:relative; min-height:100svh; display:flex; align-items:center; padding:140px 0 65px; overflow:hidden; }
.hero:before { position:absolute; inset:0; content:""; opacity:.03; background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px); background-size:72px 72px; }
.hero:after { position:absolute; left:50%; top:50%; width:620px; height:620px; content:""; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(75,189,228,.08),transparent 68%); }
.hero-inner { position:relative; z-index:2; }
.hero h1 { max-width:720px; margin:0; font-size:clamp(50px,6.5vw,100px); font-weight:700; line-height:.9; }
.hero-copy { display:flex; align-items:flex-end; gap:76px; margin-top:70px; }
.hero-copy p { max-width:360px; margin:0; color:var(--muted); font-size:18px; font-weight:400; line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.float-card { position:absolute; z-index:1; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:0 18px 60px var(--card-shadow); animation:float 7s ease-in-out infinite; }
.float-card img { width:100%; height:100%; object-fit:cover; }
.float-card--main { top:135px; right:5%; width:min(27vw,390px); padding:10px; }
.float-card--main img { height:177px; border-radius:8px; }
.browser-dots { display:flex; gap:5px; padding:3px 2px 10px; }
.browser-dots i { width:8px; height:8px; border-radius:50%; background:#ff5f57; }.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}
.float-card--small { top:105px; right:31%; width:min(17vw,240px); height:150px; opacity:.52; animation-delay:-2s; }
.float-card--left { bottom:100px; left:4%; width:min(20vw,290px); height:160px; opacity:.42; animation-delay:-4s; }
@keyframes float { 50% { transform:translateY(-13px) rotate(1deg); } }

.marquee { overflow:hidden; padding:19px 0; border-block:1px solid var(--line); }
.marquee-track { display:flex; width:max-content; white-space:nowrap; animation:marquee 48s linear infinite; }
.marquee-track span { margin:0 18px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; }.marquee-track b { color:var(--accent); font-size:9px; }
@keyframes marquee { to { transform:translateX(-50%); } }

.section { padding:140px 0; border-top:1px solid var(--line); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:62px; }
.section-heading h2,.split-heading h2 { margin:0; font-size:clamp(45px,6vw,92px); font-weight:700; line-height:.92; }
.text-link { color:var(--muted); font-size:14px; font-weight:700; }.text-link:hover { color:var(--accent); }.text-link span { padding-left:10px; color:var(--accent); }
.project-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.project { position:relative; min-height:300px; overflow:hidden; border-radius:14px; background:var(--project-bg); }
.project:nth-child(1){grid-column:span 8;min-height:520px}.project:nth-child(2){grid-column:span 4;min-height:520px}.project:nth-child(3){grid-column:span 5;min-height:380px}.project:nth-child(4){grid-column:span 7;min-height:380px}.project:nth-child(5){grid-column:span 8;min-height:300px}.project:nth-child(6){grid-column:span 4;min-height:300px}
.project img { width:100%; height:100%; object-fit:cover; transition:transform .7s; }.project:hover img { transform:scale(1.06); }
.project:after { position:absolute; inset:0; content:""; background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.03) 68%); }
.project-info { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:28px 30px; color:#fff; }.project small { color:#eeeeee; font-size:11px; font-weight:600; letter-spacing:.11em; text-shadow:0 1px 4px rgba(0,0,0,.7); text-transform:uppercase; }.project h3 { margin:8px 0 0; color:#fff; font-size:clamp(24px,2.7vw,40px); text-shadow:0 2px 8px rgba(0,0,0,.8); }.project-tags { display:flex; gap:7px; margin-bottom:12px; opacity:0; transition:opacity .3s; }.project:hover .project-tags{opacity:1}.project-tags i { padding:4px 8px; border:1px solid rgba(75,189,228,.25); border-radius:20px; color:var(--accent); background:rgba(75,189,228,.12); font-size:10px; font-style:normal; }

.split-heading { display:grid; grid-template-columns:5fr 7fr; align-items:end; gap:60px; margin-bottom:72px; }.split-heading p { max-width:570px; margin:0; color:var(--muted); font-size:18px; font-weight:400; line-height:1.55; }
.service-list { border-bottom:1px solid var(--line); }.service { border-top:1px solid var(--line); }.service summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:27px 0; cursor:pointer; list-style:none; }.service summary::-webkit-details-marker{display:none}.service-index { width:58px; color:var(--dim); font:500 15px var(--display-font); }.service-title { flex:1; color:var(--muted); font-size:clamp(27px,3.6vw,54px); font-weight:700; transition:color .2s; }.service[open] .service-title,.service:hover .service-title{color:var(--ink)}.plus { display:grid; width:33px; height:33px; place-items:center; border:1px solid var(--dim); border-radius:50%; color:var(--muted); transition:.2s; }.service[open] .plus{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.service-copy { max-width:650px; padding:0 65px 28px; color:var(--muted); font-size:16px; font-weight:400; line-height:1.55; }

.growth-engine{position:relative;overflow:hidden;padding:142px 0;background:linear-gradient(145deg,var(--surface-deep),color-mix(in srgb,var(--accent) 8%,var(--surface-deep)) 58%,var(--surface-deep));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.growth-engine__intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:66px}.growth-engine__intro h2{margin:0;font-size:clamp(50px,6vw,94px);line-height:.9}.growth-engine__intro h2 em{color:var(--accent);font-style:normal}.growth-engine__intro>p{max-width:520px;margin:0 0 8px;color:var(--muted);font-size:18px;line-height:1.58}.growth-engine__stage{position:relative;display:grid;min-height:675px;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 1fr auto;gap:16px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 44%,color-mix(in srgb,var(--accent) 4%,var(--surface)));box-shadow:inset 0 0 80px color-mix(in srgb,var(--accent) 4%,transparent),0 30px 80px var(--card-shadow)}.growth-engine__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--accent) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,rgba(0,0,0,.55) 15%,rgba(0,0,0,.55) 82%,transparent)}.engine-node,.engine-core,.engine-outcomes{position:relative;z-index:1;overflow:hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(9px)}.engine-node{display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:25px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s}.engine-node:hover{z-index:2;transform:translateY(-8px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.engine-node:before{position:absolute;top:-62px;right:-62px;width:150px;height:150px;content:"";border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:50%;transition:transform .6s}.engine-node:hover:before{transform:scale(1.35)}.engine-node span{position:absolute;top:24px;left:25px;color:var(--dim);font:700 11px var(--display-font);letter-spacing:.11em;text-transform:uppercase}.engine-node strong{position:relative;color:var(--ink);font:700 clamp(28px,3vw,47px)/.92 var(--display-font);letter-spacing:-.055em}.engine-node small{position:relative;margin-top:12px;color:var(--muted);font-size:13px}.engine-node i{position:absolute;right:24px;bottom:24px;display:grid;width:33px;height:33px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));border-radius:50%;color:var(--accent);font:400 19px/1 Arial}.engine-node--demand{grid-column:1 / span 4;grid-row:1}.engine-node--conversion{grid-column:9 / span 4;grid-row:1}.engine-node--intelligence{grid-column:1 / span 4;grid-row:2}.engine-node--scale{grid-column:9 / span 4;grid-row:2}.engine-core{display:flex;grid-column:5 / span 4;grid-row:1 / span 2;flex-direction:column;align-items:center;justify-content:center;min-height:425px;padding:30px;text-align:center;border-color:color-mix(in srgb,var(--accent) 74%,var(--line));background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface) 61%)}.engine-core:before,.engine-core:after{position:absolute;content:"";border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:50%;animation:enginePulse 5s ease-in-out infinite}.engine-core:before{width:74%;aspect-ratio:1}.engine-core:after{width:52%;aspect-ratio:1;animation-delay:-2.5s}.engine-core p,.engine-core strong,.engine-core span{position:relative;z-index:1}.engine-core p{margin:0 0 21px;color:var(--accent);font:700 10px var(--display-font);letter-spacing:.15em;text-transform:uppercase}.engine-core strong{color:var(--ink);font:700 clamp(37px,4.2vw,63px)/.82 var(--display-font);letter-spacing:-.075em}.engine-core strong em{color:var(--accent);font-style:normal}.engine-core span{margin-top:26px;color:var(--muted);font-size:12px}.engine-outcomes{display:flex;grid-column:1 / -1;grid-row:3;align-items:center;justify-content:space-between;gap:30px;padding:22px 27px}.engine-outcomes>span{color:var(--dim);font:700 11px var(--display-font);letter-spacing:.12em;text-transform:uppercase}.engine-outcomes ul{display:flex;gap:9px;margin:0;padding:0;list-style:none}.engine-outcomes li{padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 29%,var(--line));color:var(--ink);font-size:13px;font-weight:600}.engine-outcomes li:before{margin-right:8px;content:"✦";color:var(--accent)}.growth-engine__line{position:absolute;z-index:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75;transform-origin:left}.growth-engine__line--one{top:31%;left:22%;width:56%;transform:rotate(20deg)}.growth-engine__line--two{top:49%;left:22%;width:56%;transform:rotate(-20deg)}.growth-engine__line--three{top:49%;left:23%;width:54%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 24%,transparent),transparent)}@keyframes enginePulse{0%,100%{transform:scale(.82);opacity:.22}50%{transform:scale(1.08);opacity:.75}}
.process { background:var(--surface-deep); }.process-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); }.process-grid--six{grid-template-columns:repeat(6,1fr)}.process-grid--six .step{min-height:320px;padding:29px}.step { min-height:300px; padding:35px; border-right:1px solid var(--line); transition:background .25s; }.step:last-child{border-right:0}.step:hover{background:var(--surface-2)}.step-number { display:flex; justify-content:space-between; color:var(--dim); font:500 13px var(--display-font); }.step-dot { width:8px; height:8px; border-radius:50%; background:var(--dim); }.step:hover .step-dot{background:var(--accent)}.step h3 { margin:68px 0 15px; color:var(--ink); font-size:28px; }.process-grid--six .step h3{margin-top:58px;font-size:25px}.step p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.clients { overflow:hidden; }.client-track { display:flex; width:max-content; white-space:nowrap; padding:25px 0; border-block:1px solid var(--line); animation:marquee 31s linear infinite; }.client-track span{margin:0 30px;color:var(--muted);font:700 25px var(--display-font)}.client-track b{color:var(--accent);opacity:.9}

.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.about-copy h2{margin:0 0 35px;font-size:clamp(45px,5.5vw,85px);line-height:.9}.about-copy p{max-width:570px;color:var(--muted);font-size:16px;font-weight:400;line-height:1.6}.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-visual img{width:100%;height:255px;object-fit:cover;border-radius:13px;opacity:.8}.about-visual img:nth-child(2){margin-top:38px}.quote{grid-column:span 2;padding:30px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font:700 clamp(22px,2.5vw,35px)/1.14 var(--display-font)}
.stats { background:var(--surface-deep); }.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:1px solid var(--line); border-radius:17px; }.stat { padding:36px; border-right:1px solid var(--line); background:var(--surface); }.stat:last-child{border:0}.stat strong{display:block;margin-bottom:8px;color:var(--accent);font:700 clamp(42px,5vw,72px)/1 var(--display-font)}.stat span{color:var(--muted);font-size:14px;font-weight:600}
.cta { position:relative; overflow:hidden; padding:145px 0; text-align:center; }.cta:before{position:absolute;right:10%;bottom:-30%;left:10%;height:90%;content:"";background:radial-gradient(ellipse,rgba(75,189,228,.1),transparent 68%)}.cta > *{position:relative}.cta h2{margin:0 0 44px;font-size:clamp(40px,5.5vw,84px);font-weight:700;line-height:.9}.cta .button{font-size:16px;padding:17px 32px}
.contact { background:var(--surface-deep); }.contact-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px}.contact h2{margin:0 0 42px;font-size:clamp(45px,5vw,80px);line-height:.9}.contact-data{margin:30px 0;color:var(--muted);font-size:14px;line-height:1.8}.contact-data b{display:block;margin-top:20px;color:var(--dim);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.contact-data a:hover{color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.form-field input,.form-field textarea{width:100%;padding:14px 18px;color:var(--ink);border:1px solid var(--input-line);border-radius:11px;outline:0;background:var(--input-bg)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--dim);opacity:1}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.form-field textarea{height:138px;resize:vertical}.form-submit{width:100%;padding:16px;border:0;border-radius:11px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:800}.form-submit:hover{background:var(--accent-hover)}.form-note{display:none;padding:40px;color:var(--accent);font:700 30px var(--display-font);text-align:center}
.contact-data{display:grid;gap:16px}.contact-item{display:flex;align-items:flex-start;gap:13px}.contact-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.contact-icon svg{width:18px;height:18px}.contact-item>div{display:grid;gap:1px;padding-top:1px}.contact-item b{margin:0;color:var(--dim);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.contact-item a,.contact-item span:not(.contact-icon){color:var(--muted);font-size:14px;font-weight:600;line-height:1.5}.contact-item a{width:max-content;max-width:100%;transition:color .2s}.contact-item a:hover{color:var(--accent)}.contact-item a span{padding-left:4px;color:var(--accent)}
.site-footer{padding:44px 0 26px;border-top:1px solid var(--line);background:var(--surface-deep)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:40px}.footer-brand{position:relative;isolation:isolate}.footer-brand::before{position:absolute;top:-8px;left:calc(-50vw + 50%);z-index:0;width:calc(50vw + 178px);height:42px;content:"";transform:skewX(-16deg);background:linear-gradient(90deg,var(--brand-rail-base) 0%,var(--brand-rail-base) 62%,var(--brand-rail-glow) 100%);box-shadow:inset 0 1px rgba(75,189,228,.8)}.footer-brand img{position:relative;z-index:1;height:26px;filter:var(--brand-filter)}.footer-brand p{color:var(--muted);font-size:14px}.footer-links{display:flex;gap:60px}.footer-links h4{margin:0 0 15px;color:var(--dim);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.footer-links a{margin-right:18px;color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);color:var(--dim);font-size:12px}

.language-switcher { display:flex; align-items:center; gap:5px; font-size:12px; font-weight:800; letter-spacing:.08em; }
.language-switcher a { padding:7px 5px; color:var(--muted); }.language-switcher a:hover,.language-switcher a.is-active { color:var(--accent); }
.theme-toggle { display:flex; width:59px; height:31px; padding:3px; border:1px solid var(--line); border-radius:999px; cursor:pointer; color:var(--muted); background:var(--surface); transition:border-color .2s,background .2s; }
.theme-toggle:hover { border-color:var(--accent); }.theme-icon { display:grid; flex:1; place-items:center; border-radius:50%; color:var(--dim); font-size:14px; line-height:1; transition:color .2s,background .2s; }.theme-icon--moon { color:var(--accent); background:color-mix(in srgb,var(--accent) 16%,transparent); }:root.theme-light .theme-icon--sun { color:var(--accent-ink); background:var(--accent); }:root.theme-light .theme-icon--moon { color:var(--dim); background:transparent; }
.font-picker{position:fixed;right:25px;bottom:25px;z-index:40;width:250px}.font-picker-trigger{display:flex;width:100%;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink);background:var(--surface);box-shadow:0 14px 34px var(--card-shadow);text-align:left}.font-picker-trigger__label{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.font-picker-current{overflow:hidden;flex:1;font:600 14px var(--display-font);text-overflow:ellipsis;white-space:nowrap}.font-picker-arrow{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:18px;line-height:1;transition:transform .25s}.font-picker.is-open .font-picker-arrow{transform:rotate(45deg)}.font-picker-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:100%;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 20px 45px var(--card-shadow)}.font-picker-panel[hidden]{display:none}.font-picker-panel p{margin:4px 7px 9px;color:var(--dim);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.font-option{display:flex;width:100%;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--ink);background:transparent;text-align:left;transition:background .2s,border-color .2s}.font-option:hover,.font-option.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent)}.font-option-sample{display:grid;width:38px;height:34px;place-items:center;border-radius:7px;color:var(--accent-ink);background:var(--accent);font-size:18px;font-weight:700}.font-option strong{display:block;font-size:13px}.font-option small{display:block;margin-top:2px;color:var(--dim);font-size:10px}.font-option-sample--sora{font-family:"Sora",sans-serif}.font-option-sample--manrope{font-family:"Manrope",sans-serif}.font-option-sample--jakarta{font-family:"Plus Jakarta Sans",sans-serif}.font-option-sample--dm-sans{font-family:"DM Sans",sans-serif}.font-option-sample--outfit{font-family:"Outfit",sans-serif}.font-option-sample--space{font-family:"Space Grotesk",sans-serif}
.brand::before,.footer-brand::before{display:none}.brand img,.footer-brand img{filter:none}.footer-brand{isolation:auto}.footer-brand img{position:relative;z-index:1}.theme-light .brand::before{display:block;top:50%;left:-14px;width:calc(100% + 28px);height:46px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(6,31,41,.98) 0%,rgba(8,48,63,.92) 58%,transparent 76%);box-shadow:0 4px 16px rgba(5,36,47,.25)}.theme-light .footer-brand::before{display:block;top:-9px;left:-14px;width:174px;height:42px;transform:none;border-radius:50%;background:radial-gradient(ellipse at center,rgba(6,31,41,.98) 0%,rgba(8,48,63,.9) 60%,transparent 77%)}.theme-light .brand img,.theme-light .footer-brand img{filter:drop-shadow(0 0 1.4px rgba(255,255,255,.98)) drop-shadow(0 3px 5px rgba(0,0,0,.72))}
.hero-geometry{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-orbit{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;opacity:.5}.hero-orbit--one{top:50%;left:52%;width:min(58vw,780px);aspect-ratio:1;transform:translate(-50%,-50%)}.hero-orbit--two{top:50%;left:52%;width:min(42vw,560px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(48deg);border-style:dashed;animation:spin 38s linear infinite}.hero-beam{position:absolute;top:0;bottom:0;left:52%;width:1px;background:linear-gradient(transparent,var(--accent),transparent);opacity:.38}.hero-stamp{position:absolute;right:7%;bottom:9%;color:var(--accent);font:700 11px/1 var(--display-font);letter-spacing:.18em}.hero-stamp b{padding:0 9px;font-size:17px;vertical-align:middle}@keyframes spin{to{transform:translate(-50%,-50%) rotate(408deg)}}
:root[data-hero-style="orbit"] .hero{min-height:850px;background:radial-gradient(circle at 52% 51%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%)}:root[data-hero-style="orbit"] .hero-inner{text-align:center}:root[data-hero-style="orbit"] .hero h1{max-width:760px;margin-inline:auto;font-size:clamp(52px,6.5vw,102px)}:root[data-hero-style="orbit"] .hero-copy{justify-content:center;margin-top:40px}:root[data-hero-style="orbit"] .hero-copy p{text-align:left}:root[data-hero-style="orbit"] .float-card--main{top:26%;right:6%;width:min(23vw,330px)}:root[data-hero-style="orbit"] .float-card--small{top:21%;right:auto;left:7%;width:min(17vw,230px);opacity:.72}:root[data-hero-style="orbit"] .float-card--left{bottom:9%;left:8%;width:min(15vw,230px);opacity:.55}
:root[data-hero-style="frame"] .hero{min-height:820px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 12%,transparent) 0 36%,transparent 36%)}:root[data-hero-style="frame"] .hero:before{opacity:.12;background-size:42px 42px}:root[data-hero-style="frame"] .hero-inner{padding-left:6vw}:root[data-hero-style="frame"] .hero h1{max-width:650px;font-size:clamp(52px,6.4vw,100px)}:root[data-hero-style="frame"] .hero-copy{gap:36px;margin-top:42px}:root[data-hero-style="frame"] .float-card--main{top:16%;right:7%;width:min(31vw,460px);padding:14px;border-radius:0}:root[data-hero-style="frame"] .float-card--main img{height:245px;border-radius:0}:root[data-hero-style="frame"] .float-card--small{top:64%;right:32%;opacity:.7}:root[data-hero-style="frame"] .float-card--left{display:none}:root[data-hero-style="frame"] .hero-orbit--one{border-radius:0;transform:translate(-50%,-50%) rotate(45deg)}:root[data-hero-style="frame"] .hero-orbit--two{display:none}:root[data-hero-style="frame"] .hero-beam{left:36%;opacity:.8}
:root[data-hero-style="pulse"] .hero{min-height:820px;background:radial-gradient(circle at 75% 42%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 29%),radial-gradient(circle at 20% 78%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 27%)}:root[data-hero-style="pulse"] .hero h1{max-width:780px;font-size:clamp(52px,6.5vw,102px)}:root[data-hero-style="pulse"] .hero h1 em{font-style:normal;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.11em}:root[data-hero-style="pulse"] .hero-copy{margin-top:48px}:root[data-hero-style="pulse"] .float-card--main{top:20%;right:8%;transform:rotate(4deg);animation:float 5s ease-in-out infinite}:root[data-hero-style="pulse"] .float-card--small{top:13%;right:33%;transform:rotate(-8deg);opacity:.8}:root[data-hero-style="pulse"] .float-card--left{bottom:8%;left:6%;transform:rotate(-5deg);opacity:.66}:root[data-hero-style="pulse"] .hero-orbit--one{width:min(64vw,880px);border-width:2px;opacity:.8}:root[data-hero-style="pulse"] .hero-orbit--two{width:min(30vw,420px)}
:root[data-hero-style="signal"] .hero{min-height:820px}:root[data-hero-style="signal"] .hero h1{font-size:clamp(54px,6.5vw,102px)}:root[data-hero-style="signal"] .hero-orbit{display:none}:root[data-hero-style="signal"] .hero-beam{left:7%;opacity:.5}:root[data-hero-style="signal"] .hero-stamp{right:auto;left:7%;bottom:12%}
.stats-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 28px}.stats-heading p{margin:0;color:var(--muted);font-size:14px;font-weight:600}.stats-heading .eyebrow{margin:0}.stat-grid{gap:1px;padding:1px;background:var(--line)}.stat{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:30px;background:var(--surface);transition:transform .3s ease,background .3s ease}.stat:hover{z-index:1;transform:translateY(-8px);background:var(--surface-2)}.stat::before{position:absolute;top:-45%;right:-32%;width:170px;aspect-ratio:1;content:"";border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;transition:transform .45s ease}.stat:hover::before{transform:scale(1.25)}.stat-icon{position:absolute;top:28px;left:30px;display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 56%,var(--line));border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.stat-icon svg{width:21px;height:21px}.stat strong{position:relative;margin:0 0 9px;font-size:clamp(46px,5.4vw,78px)}.stat span{position:relative;max-width:155px;line-height:1.35}.stat i{position:absolute;right:28px;bottom:28px;display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-style:normal;transition:transform .25s,background .25s}.stat:hover i{transform:rotate(45deg);color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.hero-picker{position:fixed;bottom:25px;left:25px;z-index:40;width:250px}.hero-picker-trigger{display:flex;width:100%;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink);background:var(--surface);box-shadow:0 14px 34px var(--card-shadow);text-align:left}.hero-picker-trigger__label{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-picker-current{flex:1;font:600 14px var(--display-font)}.hero-picker-arrow{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:18px;line-height:1;transition:transform .25s}.hero-picker.is-open .hero-picker-arrow{transform:rotate(45deg)}.hero-picker-panel{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 20px 45px var(--card-shadow)}.hero-picker-panel[hidden]{display:none}.hero-picker-panel p{margin:4px 7px 9px;color:var(--dim);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-option{display:flex;width:100%;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--ink);background:transparent;text-align:left;transition:background .2s,border-color .2s}.hero-option:hover,.hero-option.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 9%,transparent)}.hero-option-mark{width:38px;height:34px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.hero-option-mark--orbit{border-radius:50%;box-shadow:inset 0 0 0 6px var(--surface),inset 0 0 0 7px var(--accent)}.hero-option-mark--frame{border-radius:0;background:linear-gradient(135deg,transparent 48%,var(--accent) 49% 53%,transparent 54%)}.hero-option-mark--pulse{border-radius:50% 50% 10px 50%;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 58%)}.hero-option-mark--signal{border-radius:0;background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 8px)}.hero-option strong{display:block;font-size:13px}.hero-option small{display:block;margin-top:2px;color:var(--dim);font-size:10px}
.theme-light .brand::before{display:block;top:50%;left:calc(-50vw + 50%);width:calc(50vw + 100% + 42px);height:48px;transform:translateY(-50%) skewX(-14deg);border:0;border-radius:0;background:#06789f;box-shadow:0 7px 18px rgba(0,0,0,.18)}.theme-light .footer-brand::before{display:block;top:-8px;left:calc(-50vw + 50%);width:calc(50vw + 182px);height:42px;transform:skewX(-14deg);border:0;border-radius:0;background:#06789f}.theme-light .brand img,.theme-light .footer-brand img{filter:none}.theme-light .brand:hover::before{transform:translateY(-50%) skewX(-14deg) scaleX(1.02)}
.stat{display:grid;grid-template-columns:1fr auto;grid-template-rows:46px 1fr auto;align-items:end;justify-content:initial;padding:28px}.stat-icon{position:relative;top:auto;left:auto;grid-column:1;grid-row:1}.stat strong{grid-column:1 / -1;grid-row:2;align-self:end;margin:0 0 13px}.stat>span:not(.stat-icon){grid-column:1;grid-row:3;max-width:165px}.stat i{position:relative;right:auto;bottom:auto;grid-column:2;grid-row:3;align-self:end}.stat::before{top:-38%;right:-27%}
.hero-concepts{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-concept{display:none;position:absolute;overflow:hidden}.hero-concept img{display:block;width:100%;height:100%;object-fit:cover}.hero-concept--showcase{right:6%;top:17%;width:min(37vw,540px);height:min(47vw,610px);border:1px solid color-mix(in srgb,var(--accent) 56%,var(--line));background:var(--surface);box-shadow:0 25px 70px var(--card-shadow)}.showcase-top{display:flex;justify-content:space-between;padding:12px 15px;color:var(--muted);font:700 9px var(--display-font);letter-spacing:.12em}.showcase-top b{color:var(--accent)}.hero-concept--showcase img{height:calc(100% - 114px);filter:saturate(.82) contrast(1.04)}.hero-concept--showcase figcaption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:14px 15px;color:var(--ink)}.hero-concept--showcase figcaption span{font-size:11px;color:var(--muted)}.hero-concept--showcase figcaption strong{font:700 13px var(--display-font);letter-spacing:.04em}.hero-concept--showcase figcaption i{grid-column:2;grid-row:1 / span 2;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-style:normal}
.hero-concept--manifesto{right:7%;top:17%;width:min(35vw,500px);height:68%;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface) 55%)}.manifesto-mark{display:block;color:var(--accent);font:700 clamp(74px,10vw,160px)/.7 var(--display-font);letter-spacing:-.14em}.hero-concept--manifesto p{position:absolute;right:22px;bottom:54px;margin:0;color:var(--ink);font:700 clamp(34px,4.7vw,72px)/.85 var(--display-font);letter-spacing:-.08em;text-align:right}.hero-concept--manifesto p b{color:var(--accent)}.hero-concept--manifesto small{position:absolute;bottom:20px;left:23px;color:var(--dim);font:700 9px var(--display-font);letter-spacing:.12em}.hero-concept--manifesto>i{position:absolute;top:23px;right:23px;color:var(--accent);font-size:28px;font-style:normal}
.hero-concept--system{right:6%;top:20%;display:none;width:min(40vw,575px);height:min(37vw,500px);grid-template-columns:1.2fr .8fr;grid-template-rows:1.15fr .85fr;gap:9px}.system-cell{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);background:var(--surface)}.system-cell--word{color:var(--ink);font:700 clamp(26px,3.7vw,55px)/.85 var(--display-font);letter-spacing:-.09em}.system-cell--word b{color:var(--accent)}.system-cell--metric{display:flex;flex-direction:column;justify-content:flex-end}.system-cell--metric strong{color:var(--accent);font:700 clamp(30px,4vw,58px)/1 var(--display-font)}.system-cell--metric span{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.35}.system-cell--signal{display:flex;align-items:center;gap:5px}.system-cell--signal i{display:block;width:5px;background:var(--accent);animation:equalizer 1.1s ease-in-out infinite}.system-cell--signal i:nth-child(1){height:26px}.system-cell--signal i:nth-child(2){height:52px;animation-delay:-.25s}.system-cell--signal i:nth-child(3){height:34px;animation-delay:-.5s}.system-cell--signal span{margin-left:10px;color:var(--dim);font:700 9px var(--display-font);letter-spacing:.11em}@keyframes equalizer{50%{transform:scaleY(.35)}}
.hero-concept--poster{right:8%;top:12%;width:min(28vw,380px);height:74%;background:var(--surface)}.hero-concept--poster:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.76))}.hero-concept--poster .poster-index{position:absolute;z-index:1;top:14px;left:16px;color:#fff;font:700 10px var(--display-font);letter-spacing:.14em}.hero-concept--poster figcaption{position:absolute;z-index:1;right:15px;bottom:43px;color:#fff;font:700 clamp(28px,4vw,58px)/.85 var(--display-font);letter-spacing:-.08em;text-align:right}.hero-concept--poster figcaption b{color:var(--accent)}.hero-concept--poster>i{position:absolute;z-index:1;bottom:15px;left:16px;color:#fff;font:500 10px var(--display-font);font-style:normal;letter-spacing:.08em}
:root[data-hero-style="showcase"] .float-card,:root[data-hero-style="manifesto"] .float-card,:root[data-hero-style="system"] .float-card,:root[data-hero-style="poster"] .float-card{display:none}:root[data-hero-style="showcase"] .hero-geometry,:root[data-hero-style="manifesto"] .hero-geometry,:root[data-hero-style="system"] .hero-geometry,:root[data-hero-style="poster"] .hero-geometry{display:none}:root[data-hero-style="showcase"] .hero{min-height:830px}:root[data-hero-style="showcase"] .hero-inner{max-width:52%;margin-left:6%}:root[data-hero-style="showcase"] .hero h1{max-width:630px;font-size:clamp(53px,6.3vw,98px)}:root[data-hero-style="showcase"] .hero-copy{display:block;margin-top:38px}:root[data-hero-style="showcase"] .hero-actions{margin-top:22px}:root[data-hero-style="showcase"] .hero-concept--showcase{display:block}:root[data-hero-style="manifesto"] .hero{min-height:820px;background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28%)}:root[data-hero-style="manifesto"] .hero-inner{max-width:48%;margin-left:8%}:root[data-hero-style="manifesto"] .hero h1{max-width:550px;font-size:clamp(50px,5.8vw,90px)}:root[data-hero-style="manifesto"] .hero-copy{display:block;margin-top:34px}:root[data-hero-style="manifesto"] .hero-actions{margin-top:22px}:root[data-hero-style="manifesto"] .hero-concept--manifesto{display:block}:root[data-hero-style="system"] .hero{min-height:840px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 36%)}:root[data-hero-style="system"] .hero-inner{max-width:48%;margin-left:6%}:root[data-hero-style="system"] .hero h1{max-width:590px;font-size:clamp(52px,6.1vw,94px)}:root[data-hero-style="system"] .hero-copy{display:block;margin-top:34px}:root[data-hero-style="system"] .hero-actions{margin-top:22px}:root[data-hero-style="system"] .hero-concept--system{display:grid}:root[data-hero-style="poster"] .hero{min-height:830px;background:linear-gradient(105deg,var(--surface-deep) 0 52%,color-mix(in srgb,var(--accent) 18%,var(--ground)) 52%)}:root[data-hero-style="poster"] .hero-inner{max-width:50%;margin-left:8%}:root[data-hero-style="poster"] .hero h1{max-width:570px;font-size:clamp(53px,6.2vw,96px)}:root[data-hero-style="poster"] .hero-copy{display:block;margin-top:35px}:root[data-hero-style="poster"] .hero-actions{margin-top:22px}:root[data-hero-style="poster"] .hero-concept--poster{display:block}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:800px){.wrap{width:min(calc(100% - 40px),var(--max))}.header-inner{height:65px;gap:7px}.brand img{height:23px}.brand::before{height:45px}.desktop-nav,.header-cta{display:none}.header-tools{gap:4px;margin-left:auto}.language-switcher{font-size:11px}.theme-toggle{width:53px;height:29px}.mobile-toggle{width:38px;height:38px}.mobile-menu{display:block}.font-picker{right:16px;bottom:16px;width:min(250px,calc(100vw - 32px))}.hero{min-height:790px;padding-top:150px;align-items:flex-start}.hero h1{max-width:440px;font-size:clamp(50px,14vw,72px)}.hero-copy{display:block;margin-top:38px}.hero-copy p{font-size:16px}.hero-actions{margin-top:28px}.float-card--main{top:93px;right:-22px;width:245px}.float-card--main img{height:115px}.float-card--small{top:75px;right:185px;width:118px;height:76px}.float-card--left{bottom:52px;left:-37px;width:165px;height:100px}.section{padding:92px 0}.section-heading,.split-heading{display:block;margin-bottom:44px}.section-heading h2,.split-heading h2{font-size:clamp(45px,13vw,65px)}.section-heading .text-link{display:inline-block;margin-top:25px}.split-heading p{margin-top:30px;font-size:16px}.project-grid{display:block}.project,.project:nth-child(n){min-height:280px;margin-bottom:13px}.service summary{padding:21px 0}.service-index{width:38px}.service-copy{padding-left:38px}.process-grid{display:block}.step{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.step h3{margin-top:42px}.about-grid,.contact-grid{display:block}.about-visual{margin-top:45px}.about-visual img{height:180px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:26px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.cta{padding:96px 0}.cta h2{font-size:clamp(39px,11vw,64px)}.contact-copy{margin-bottom:52px}.form-grid{display:block}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:35px;gap:25px}.footer-bottom p{margin:10px 0}.project-tags{opacity:1}.reveal{opacity:1;transform:none}}
@media (max-width:800px){.hero-picker{right:16px;bottom:70px;left:auto;width:min(210px,calc(100vw - 32px))}.font-picker{width:min(210px,calc(100vw - 32px))}.hero-picker-panel,.font-picker-panel{max-height:calc(100svh - 130px);overflow:auto}.hero-geometry{opacity:.55}.hero-stamp{right:5%;bottom:5%}:root[data-hero-style] .hero{min-height:790px;padding-top:150px}:root[data-hero-style] .hero-inner{padding-left:0;text-align:left}:root[data-hero-style] .hero h1{max-width:440px;margin:0;font-size:clamp(50px,14vw,72px)}:root[data-hero-style] .hero-copy{justify-content:flex-start;margin-top:38px}:root[data-hero-style] .float-card--main{top:95px;right:-20px;width:220px;padding:8px;transform:none}:root[data-hero-style] .float-card--main img{height:104px}:root[data-hero-style] .float-card--small{top:76px;right:170px;left:auto;width:105px;height:70px;transform:none}:root[data-hero-style] .float-card--left{bottom:42px;left:-30px;width:150px;height:90px;transform:none}:root[data-hero-style="frame"] .float-card--left{display:none}:root[data-hero-style="frame"] .hero-beam{left:7%}.stats-heading{display:block}.stats-heading p{margin-top:10px}.stat-grid{gap:1px;border:0}.stat{min-height:205px;padding:22px}.stat-icon{top:20px;left:22px;width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.stat i{right:20px;bottom:20px}.stat strong{font-size:clamp(40px,12vw,60px)}.stat span{font-size:12px}}
@media (max-width:800px){.hero-option-mark--showcase{background:linear-gradient(135deg,var(--accent),transparent 58%)}.hero-option-mark--manifesto{border-radius:0;background:linear-gradient(90deg,var(--accent) 0 30%,transparent 30%)}.hero-option-mark--system{background:linear-gradient(90deg,var(--accent) 0 47%,transparent 47% 53%,var(--accent) 53%)}.hero-option-mark--poster{border-radius:0;background:linear-gradient(160deg,var(--accent) 0 43%,transparent 44%)}:root[data-hero-style="showcase"] .hero,:root[data-hero-style="manifesto"] .hero,:root[data-hero-style="system"] .hero,:root[data-hero-style="poster"] .hero{min-height:790px;padding-top:150px}:root[data-hero-style="showcase"] .hero-inner,:root[data-hero-style="manifesto"] .hero-inner,:root[data-hero-style="system"] .hero-inner,:root[data-hero-style="poster"] .hero-inner{max-width:none;margin-left:0;padding:0}:root[data-hero-style="showcase"] .hero h1,:root[data-hero-style="manifesto"] .hero h1,:root[data-hero-style="system"] .hero h1,:root[data-hero-style="poster"] .hero h1{max-width:390px;font-size:clamp(50px,14vw,72px)}:root[data-hero-style="showcase"] .hero-copy,:root[data-hero-style="manifesto"] .hero-copy,:root[data-hero-style="system"] .hero-copy,:root[data-hero-style="poster"] .hero-copy{margin-top:35px}:root[data-hero-style="showcase"] .hero-concept--showcase{top:83px;right:-34px;width:205px;height:282px;opacity:.55}:root[data-hero-style="showcase"] .showcase-top{padding:8px;font-size:7px}:root[data-hero-style="showcase"] .hero-concept--showcase figcaption{padding:8px}:root[data-hero-style="showcase"] .hero-concept--showcase figcaption strong{font-size:8px}:root[data-hero-style="showcase"] .hero-concept--showcase figcaption span{font-size:8px}:root[data-hero-style="manifesto"] .hero-concept--manifesto{top:80px;right:-15px;width:190px;height:280px;opacity:.48}:root[data-hero-style="manifesto"] .manifesto-mark{font-size:78px}:root[data-hero-style="manifesto"] .hero-concept--manifesto p{right:12px;bottom:36px;font-size:30px}:root[data-hero-style="system"] .hero-concept--system{top:82px;right:-22px;width:215px;height:200px;gap:5px;opacity:.56}:root[data-hero-style="system"] .system-cell{padding:9px}:root[data-hero-style="system"] .system-cell--word{font-size:21px}:root[data-hero-style="system"] .system-cell--metric strong{font-size:25px}:root[data-hero-style="system"] .system-cell--metric span{font-size:7px}:root[data-hero-style="poster"] .hero-concept--poster{top:77px;right:-18px;width:175px;height:298px;opacity:.58}:root[data-hero-style="poster"] .hero-concept--poster figcaption{right:8px;bottom:30px;font-size:25px}:root[data-hero-style="poster"] .hero-concept--poster>i{bottom:8px;left:8px;font-size:7px}.stat{grid-template-rows:40px 1fr auto;min-height:215px;padding:20px}.stat-icon{width:36px;height:36px}.stat strong{margin-bottom:10px}.stat>span:not(.stat-icon){font-size:12px}.stat i{width:27px;height:27px}}
@media (min-width:801px) and (max-width:1120px){.process-grid--six{grid-template-columns:repeat(3,1fr)}.process-grid--six .step:nth-child(3){border-right:0}.process-grid--six .step:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media (max-width:800px){.growth-engine{padding:92px 0}.growth-engine__intro{display:block;margin-bottom:42px}.growth-engine__intro>p{margin-top:28px;font-size:16px}.growth-engine__stage{min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:10px;padding:10px}.growth-engine__line{display:none}.engine-node{min-height:180px;padding:18px}.engine-node span{top:18px;left:18px;font-size:9px}.engine-node strong{font-size:clamp(27px,8vw,40px)}.engine-node small{font-size:11px;line-height:1.35}.engine-node i{right:18px;bottom:18px;width:28px;height:28px;font-size:16px}.engine-node--demand{grid-column:1;grid-row:1}.engine-node--conversion{grid-column:2;grid-row:1}.engine-core{grid-column:1 / -1;grid-row:2;min-height:255px}.engine-core strong{font-size:clamp(41px,12vw,62px)}.engine-node--intelligence{grid-column:1;grid-row:3}.engine-node--scale{grid-column:2;grid-row:3}.engine-outcomes{display:block;grid-column:1 / -1;grid-row:4;padding:20px}.engine-outcomes ul{flex-wrap:wrap;margin-top:15px}.engine-outcomes li{font-size:11px;padding:8px 10px}.process-grid--six .step{min-height:220px;padding:28px 0}.process-grid--six .step h3{margin-top:42px}}
@media (max-width:480px){.growth-engine__stage{grid-template-columns:1fr}.engine-node--demand,.engine-node--conversion,.engine-node--intelligence,.engine-node--scale{grid-column:1}.engine-node--demand{grid-row:1}.engine-node--conversion{grid-row:2}.engine-core{grid-row:3}.engine-node--intelligence{grid-row:4}.engine-node--scale{grid-row:5}.engine-outcomes{grid-row:6}.engine-node{min-height:155px}.engine-core{min-height:235px}}