@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#090909;--ink2:#151515;--paper:#f7f7f4;--white:#fff;--muted:#6e6e69;--line:rgba(10,10,10,.12);--accent:#d8ff3e;--blue:#0b5fff;--blue2:#063b9f;--soft:#ecece7;--max:1240px;--radius:26px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope','DM Sans',sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:100}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blue),var(--accent));transform:scaleX(0);transform-origin:left}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(115px);opacity:.14;pointer-events:none;z-index:-1}.ambient-a{top:-180px;right:-150px;background:var(--accent)}.ambient-b{bottom:-60px;left:-220px;background:#7da4ff;opacity:.11}
.nav{position:sticky;top:14px;z-index:40;width:min(var(--max),calc(100% - 32px));margin:14px auto 0;height:72px;padding:0 14px 0 16px;border:1px solid rgba(10,10,10,.08);border-radius:20px;background:rgba(247,247,244,.76);backdrop-filter:blur(18px) saturate(150%);display:flex;align-items:center;justify-content:space-between;transition:.35s var(--ease)}.nav.scrolled{background:rgba(247,247,244,.92);box-shadow:0 18px 50px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:-.03em}.brand-logo-wrap{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line)}.brand-logo{width:31px;height:31px;object-fit:contain}.brand b{font-weight:700}.nav nav{display:flex;align-items:center;gap:24px;font-size:13px}.nav nav>a:not(.nav-cta){position:relative}.nav nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav nav>a:not(.nav-cta):hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:10px 15px;border-radius:14px;display:inline-flex;gap:12px;align-items:center}
.hero{min-height:calc(100svh - 86px);padding:88px 0 76px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:84px;align-items:center}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.5)}.status-dot,.wa-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(216,255,62,.18)}.hero h1{font-size:clamp(58px,7vw,102px);line-height:.92;letter-spacing:-.065em;margin:28px 0;max-width:950px;font-weight:600}.serif{font-family:'Playfair Display',serif;font-style:italic;font-weight:600}.lead{font-size:clamp(18px,1.6vw,22px);color:var(--muted);max-width:780px;margin:0 0 34px;letter-spacing:-.015em}.lead.compact{max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-radius:15px;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)}.button:hover{transform:translateY(-3px)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.cta-blue{background:linear-gradient(135deg,var(--blue),var(--blue2))!important;color:#fff!important;box-shadow:0 12px 30px rgba(11,95,255,.28)!important;border:1px solid rgba(255,255,255,.16)!important}.cta-blue:hover{background:linear-gradient(135deg,#176cff,#07388f)!important;box-shadow:0 18px 40px rgba(11,95,255,.34)!important}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.hero-card{position:relative;min-height:560px;padding:26px;border-radius:34px;background:var(--ink);color:var(--white);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 80px rgba(0,0,0,.15);transform-style:preserve-3d;transition:transform .25s ease}.hero-card:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;bottom:-120px;background:var(--accent);filter:blur(8px);opacity:.94}.hero-card:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.1);border-radius:33px;pointer-events:none}.hero-card-top,.hero-card-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#a7a7a7}.hero-logo-shell{width:82px;height:82px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 16px 36px rgba(0,0,0,.22)}.hero-logo{width:58px;height:58px;object-fit:contain}.hero-card-center{position:relative;z-index:2}.micro{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}.quote{font-family:'Playfair Display',serif;font-size:clamp(40px,4vw,62px);line-height:.98;letter-spacing:-.04em;display:flex;flex-direction:column}.accent-text{color:var(--accent)}.hero-card-bottom span:first-child{max-width:220px;line-height:1.5}.hero-card-bottom span:last-child{align-self:flex-end}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.45)}.ticker-track{display:flex;align-items:center;gap:24px;white-space:nowrap;width:max-content;padding:14px 0;animation:ticker 30s linear infinite;font-size:10px;letter-spacing:.12em;font-weight:700}.ticker-track i{font-style:normal;color:#98988f}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:126px 0}.section-kicker{display:grid;grid-template-columns:50px 1fr;align-items:center;margin-bottom:44px;color:var(--muted);font-size:10px;letter-spacing:.16em;font-weight:700}.section-kicker span{color:var(--ink)}.section-kicker p{margin:0}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2,.contact h2{font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:600}.split-intro>div:last-child>p:not(.lead),.section-heading p,.about-copy p{color:var(--muted);font-size:16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-heading h2{max-width:820px}.section-heading p{max-width:340px;margin:0 0 6px}
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bento-card{position:relative;min-height:310px;padding:28px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);border:1px solid transparent}.bento-card:hover{transform:translateY(-6px);box-shadow:0 26px 72px rgba(0,0,0,.16)}.card-index{font-size:10px;letter-spacing:.14em}.bento-card h3{font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.04em;margin:0 0 16px}.bento-card p{max-width:560px;margin:0}.card-arrow{position:absolute;right:24px;top:22px;font-size:18px;transition:transform .35s var(--ease)}.bento-card:hover .card-arrow{transform:translate(3px,-3px)}
/* Four-color capability system: same content/layout, stronger visual rhythm */
.capabilities .bento-card:nth-child(1){background:radial-gradient(circle at 92% 110%,#0b5fff 0,#092b75 31%,#07142f 62%,#080b12 100%);color:#fff;border-color:#1670ff;box-shadow:inset 0 0 55px rgba(11,95,255,.12)}.capabilities .bento-card:nth-child(1) p{color:#cbd6eb}.capabilities .bento-card:nth-child(1) .card-index,.capabilities .bento-card:nth-child(1) .card-arrow{color:#2680ff}
.capabilities .bento-card:nth-child(2){background:radial-gradient(circle at 96% 110%,#c9ff13 0,#4f6b0b 26%,#17200c 52%,#090c09 82%);color:#fff;border-color:#69851d;box-shadow:inset 0 0 55px rgba(216,255,62,.08)}.capabilities .bento-card:nth-child(2) p{color:#cbd0c5}.capabilities .bento-card:nth-child(2) .card-index,.capabilities .bento-card:nth-child(2) .card-arrow{color:#c9f12b}
.capabilities .bento-card:nth-child(3){background:radial-gradient(circle at 92% 115%,#7d2cff 0,#3b126e 30%,#1b0d31 58%,#0d0912 86%);color:#fff;border-color:#8238d9;box-shadow:inset 0 0 55px rgba(125,44,255,.11)}.capabilities .bento-card:nth-child(3) p{color:#d5ccdf}.capabilities .bento-card:nth-child(3) .card-index,.capabilities .bento-card:nth-child(3) .card-arrow{color:#9d4cff}
.capabilities .bento-card:nth-child(4){background:radial-gradient(circle at 100% 100%,rgba(216,255,62,.24) 0,rgba(216,255,62,.06) 32%,rgba(255,255,255,.97) 68%),#fff;color:var(--ink);border-color:rgba(10,10,10,.1);box-shadow:inset 0 0 50px rgba(216,255,62,.06)}.capabilities .bento-card:nth-child(4) p{color:#344050}.capabilities .bento-card:nth-child(4) .card-index,.capabilities .bento-card:nth-child(4) .card-arrow{color:#7ea600}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:28px 26px 30px;border-right:1px solid var(--line);min-height:290px;display:flex;flex-direction:column}.metric:last-child{border-right:none}.metric-label{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}.metric strong{font-size:clamp(44px,5vw,68px);line-height:.95;letter-spacing:-.06em;margin:58px 0 26px;font-weight:600}.metric p{font-size:13px;color:var(--muted);margin:auto 0 0}
.podcast-section{padding-top:110px}.podcast-panel{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;border-radius:34px;overflow:hidden;background:var(--ink);color:var(--white);box-shadow:0 30px 80px rgba(0,0,0,.12)}.podcast-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.podcast-copy h2{max-width:760px}.podcast-copy>p:not(.micro){color:#aaa;max-width:650px;font-size:16px}.podcast-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:26px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:700}.podcast-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:44px;background:radial-gradient(circle at 55% 45%,#efffa4 0,var(--accent) 44%,#bfe323 100%);overflow:hidden}.podcast-visual:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(0,0,0,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(0,0,0,.035),0 0 0 140px rgba(0,0,0,.025)}.podcast-embed-card{position:relative;z-index:2;width:min(100%,520px);display:grid;gap:20px}.podcast-visual-brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;letter-spacing:.04em}.podcast-visual-brand img{width:52px;height:52px;object-fit:contain}.podcast-embed-card iframe{display:block;border:0;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.spotify-button{background:#fff;color:#111;width:fit-content;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.about-statement h2{max-width:560px}.about-copy>p:first-child{font-size:22px;color:var(--ink);letter-spacing:-.02em}.credentials{display:grid;gap:8px;padding:24px 0;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.contact-wrap{padding:0 0 24px}.contact{background:var(--accent);border-radius:36px;padding:68px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.contact h2{max-width:800px}.contact-side p{font-size:15px;margin:0 0 26px;max-width:420px}.contact-button{width:fit-content}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:35;display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border-radius:999px;font-size:12px;font-weight:700;backdrop-filter:blur(14px);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.whatsapp-float:hover{transform:translateY(-3px)}footer{display:flex;justify-content:space-between;gap:30px;padding:34px 0 38px;font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.hero-card{min-height:500px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:none}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.podcast-panel,.about-grid,.contact{grid-template-columns:1fr}.podcast-visual{min-height:380px}.contact{gap:40px}.nav nav{gap:14px}.nav nav>a:not(.nav-cta){display:none}}
@media(max-width:720px){.shell{width:min(var(--max),calc(100% - 28px))}.nav{width:calc(100% - 20px);height:64px;top:10px;margin-top:10px}.brand span{font-size:12px}.nav-cta{padding:9px 12px}.brand-logo-wrap{width:36px;height:36px}.brand-logo{width:27px;height:27px}.hero{padding:68px 0 58px;gap:50px}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-card{min-height:430px;border-radius:26px}.hero-logo-shell{width:70px;height:70px}.hero-logo{width:48px;height:48px}.hero-meta{gap:12px 18px}.section{padding:88px 0}.split-intro,.section-heading{display:grid;grid-template-columns:1fr;gap:30px}.bento{grid-template-columns:1fr}.bento-card{min-height:280px}.metrics-grid{grid-template-columns:1fr}.metric,.metric:nth-child(2){border-right:none;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:none}.podcast-panel{border-radius:26px}.podcast-copy{padding:34px 26px}.podcast-visual{min-height:390px;padding:28px 22px}.podcast-embed-card{gap:16px}.about-grid{gap:46px}.contact{padding:36px 26px;border-radius:28px}.whatsapp-float{right:12px;bottom:12px}.ticker-track{animation-duration:24s}footer{flex-direction:column;gap:10px}.section-kicker{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.button,.bento-card,.card-arrow,.whatsapp-float,.nav{transition:none}.ambient{display:none}}