:root{color-scheme:light;--bg:#f7f7f5;--fg:#141414;--muted:#787875;--line:#dcdcd8;--pill:#151515;--pill-text:#fff;--soft:#eeedeb}html[data-theme=dark]{color-scheme:dark;--bg:#0c0c0d;--fg:#f5f5f4;--muted:#989896;--line:#333333;--pill:#f5f5f4;--pill-text:#101010;--soft:#19191a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,Helvetica,sans-serif;transition:background .28s,color .28s}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:5px}.site{max-width:1440px;margin:auto;padding:0 clamp(22px,5.3vw,85px)}.nav{height:90px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.monogram{font-size:27px;font-weight:900;letter-spacing:-3px}.monogram span,.dot{color:var(--muted)}.nav-home{justify-self:center;font-size:10px;font-weight:750;letter-spacing:2.3px;padding:13px 0;border-bottom:1px solid var(--fg)}.theme{justify-self:end;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--fg);cursor:pointer}.theme svg{width:18px;height:18px}.hero{text-align:center;padding-top:28px}.hero h1{font-size:clamp(58px,12.6vw,174px);font-weight:850;letter-spacing:-.088em;line-height:1.08;margin:0;padding-right:.08em;overflow-wrap:normal}.tagline{font-size:clamp(14px,1.5vw,18px);letter-spacing:.06em;color:var(--muted);margin:10px 0 0}.portrait-area{height:clamp(340px,40vw,520px);position:relative;isolation:isolate;display:flex;justify-content:center;margin-top:10px}.portrait{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;overflow:hidden}.portrait img{position:absolute;height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.12);transition:opacity .12s linear;pointer-events:none}.portrait-color{opacity:1}.portrait-gray{opacity:0}html[data-theme=dark] .portrait-color{opacity:0}html[data-theme=dark] .portrait-gray{opacity:1}.hero-actions{position:absolute;z-index:3;top:13%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pill{min-height:52px;padding:0 17px;border-radius:40px;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.95px;box-shadow:0 10px 30px #00000014;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.primary{background:var(--pill);color:var(--pill-text)}.secondary{background:var(--bg);color:var(--fg);border:1px solid var(--line)}.ico{width:17px;height:17px;flex-shrink:0}.arrow{font-size:17px;margin-left:6px;font-weight:400}.partners{text-align:center;padding:12px 0 48px}.partners h2,.socials h2,.section-kicker{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--muted);margin:0 0 28px}.partner-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(22px,4.5vw,68px);color:var(--muted);font-size:clamp(14px,1.7vw,20px);font-weight:750;letter-spacing:-.04em}.partner-row span:nth-child(2){font-weight:550;letter-spacing:-.06em}.partner-row span:nth-child(4){font-size:24px;letter-spacing:-.07em}.featured{max-width:860px;margin:0 auto 50px}.featured[hidden]{display:none}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-note{font-size:10px;letter-spacing:.03em;text-transform:none;font-weight:400}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{border:1px solid var(--line);border-radius:13px;min-height:91px;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:12px;transition:background .2s,transform .2s}.feature-card:hover{background:var(--soft);transform:translateY(-2px)}.feature-body{display:flex;flex-direction:column;gap:7px}.feature-body strong{font-size:14px}.feature-body>span{font-size:12px;color:var(--muted)}.feature-arrow{font-size:22px}.socials{text-align:center;padding:14px 0 55px}.socials h2{margin-bottom:22px}.social-row{display:flex;justify-content:center;gap:clamp(10px,2vw,24px);align-items:center;flex-wrap:wrap}.social-row a{width:44px;height:44px;display:grid;place-items:center;transition:opacity .2s,transform .2s;border-radius:50%}.social-row a:hover{transform:translateY(-3px);background:var(--soft)}.social-row svg{width:23px;height:23px}.social-row a[data-missing]{opacity:.22;cursor:not-allowed}footer{border-top:1px solid var(--line);padding:25px 0 24px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.email{font-size:clamp(12px,1.4vw,15px);font-weight:600;overflow-wrap:anywhere}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fg);margin-right:7px}.footer-tagline{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;color:var(--muted);font-size:11px}.video-link[data-missing]{opacity:.7}@media(max-width:700px){.nav{height:72px}.hero{padding-top:38px}.hero h1{font-size:clamp(47px,13.3vw,91px);letter-spacing:-.085em}.portrait-area{height:clamp(330px,77vw,470px);margin-top:18px}.portrait img{height:100%}.hero-actions{top:12%;gap:8px}.pill{min-height:47px;padding:0 12px;gap:8px;font-size:9px}.arrow{margin-left:1px}.partners{padding-top:10px}.partner-row{gap:20px 27px}.socials{padding-bottom:40px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;text-align:left}.footer-bottom{padding-top:18px}.featured-grid{grid-template-columns:1fr}}@media(max-width:380px){.hero h1{font-size:12.9vw}.hero-actions{top:11%}.pill{font-size:8px;padding:0 10px;gap:6px}.portrait-area{height:340px}.partner-row{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.consent{position:fixed;z-index:99;bottom:18px;left:18px;right:18px;max-width:510px;background:var(--bg);color:var(--fg);border:1px solid var(--line);box-shadow:0 14px 45px #0003;border-radius:14px;padding:17px 19px;font-size:13px;line-height:1.5}.consent[hidden]{display:none}.consent p{margin:0 0 12px}.consent a{text-decoration:underline}.consent>div{display:flex;gap:9px}.consent button{cursor:pointer;border:1px solid var(--line);background:var(--soft);color:var(--fg);padding:9px 13px;border-radius:7px}.consent button:last-child{background:var(--fg);color:var(--bg)}

/* Refined portrait composition: true alpha images, no background panels */
.hero{padding-top:10px;animation:reveal .8s both}
.hero h1{line-height:1.02}
.tagline{margin-top:8px}
.portrait-area{height:clamp(440px,46vw,610px);margin-top:-2px;overflow:visible}
.portrait{overflow:visible;align-items:flex-start}
.portrait img{height:100%;object-fit:contain;object-position:top center;filter:none;max-width:95vw}
.portrait-gray{filter:contrast(1.04)!important}
.hero-actions{top:17%;animation:float-in .8s .23s both}
.partners{padding:2px 0 52px;animation:float-in .8s .4s both}
.partners h2{margin-bottom:20px;letter-spacing:2.8px}
.partner-row{gap:clamp(24px,4vw,60px);opacity:.8}
.socials{padding:0 0 38px}
.social-row{gap:clamp(5px,1.3vw,15px)}
.social-row a{width:39px;height:39px}
.social-row svg{width:21px;height:21px}
@keyframes reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes float-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.hero{padding-top:24px}.portrait-area{height:clamp(370px,95vw,520px);margin-top:0}.portrait img{height:100%;max-width:100vw}.hero-actions{top:13%}.partners{padding:0 0 38px}.partner-row{gap:17px 23px}.socials{padding:0 0 32px}}
@media(max-width:390px){.portrait-area{height:370px}.hero-actions{top:12%}}
@media(prefers-reduced-motion:reduce){.hero,.hero-actions,.partners{animation:none!important}}

/* 2026 reference-led responsive rebuild */
:root{--bg:#fff;--fg:#101010;--muted:#777;--line:#e5e5e5;--soft:#f6f6f6}
html[data-theme=dark]{--bg:#0a0a0a;--fg:#f8f8f8;--muted:#888;--line:#292929;--soft:#161616}
.site{max-width:1440px;padding:0 clamp(22px,5.5vw,80px)}
.nav{height:70px}.monogram{font-size:25px;letter-spacing:-2px}.monogram span{color:var(--fg)}
.theme{border:0;width:34px;height:34px}.theme svg{width:17px}
.hero{padding-top:35px;min-height:calc(100svh - 70px);position:relative;display:flex;align-items:center;flex-direction:column;animation:none}
.hero h1{font-size:clamp(58px,10vw,146px);letter-spacing:-.084em;line-height:1.03;font-weight:900;white-space:nowrap}
.hero .dot{display:none}.tagline{margin:10px 0 0;font-size:clamp(14px,1.4vw,18px);letter-spacing:0}
.portrait-area{width:100%;flex:1;min-height:500px;height:auto;margin:0;position:relative;overflow:hidden}
.portrait{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.portrait img{height:min(77vh,750px);width:auto;max-width:100%;object-fit:contain;object-position:top center;top:0;filter:none}
.portrait-gray{filter:none!important}
.hero-actions{top:15px;z-index:4;gap:10px;animation:none}
.pill{min-height:36px;padding:0 12px;font-size:9px;letter-spacing:1px;gap:9px;box-shadow:none;border:1px solid var(--line);background:var(--bg);color:var(--fg)}
.pill .arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--fg);color:var(--bg);font-size:15px;margin-left:0}
.pill .ico{width:14px;height:14px}
.partners{padding:70px 0 130px;animation:none}.partners h2{font-size:9px;letter-spacing:2.3px;font-weight:650;margin-bottom:27px}
.partner-row{gap:clamp(20px,3.5vw,55px);font-size:clamp(15px,1.5vw,20px);opacity:.75}
.partner-row span:nth-child(4){font-size:inherit;letter-spacing:inherit}
.featured{margin-bottom:90px}
footer{border:1px solid var(--line);border-radius:28px 28px 0 0;padding:32px 36px 0;margin:0 0 0}
.footer-top{align-items:center}.footer-wordmark{font-weight:900;font-style:italic;font-size:clamp(110px,25vw,350px);letter-spacing:-.13em;line-height:1.2;margin:20px 0 8px;padding-right:.13em}.footer-wordmark span{font-size:.55em;vertical-align:top;letter-spacing:0}
.footer-bottom{margin:0 -36px;border-top:1px solid var(--line);padding:22px 36px;justify-content:center;text-align:center}.footer-bottom>span:last-child{display:none}
.social-row{gap:9px}.social-row a{width:28px;height:32px}.social-row svg{width:17px;height:17px}
.mobile-menu-toggle,.mobile-menu{display:none}
@media(min-width:701px) and (max-height:720px){.hero{min-height:680px}}
@media(max-width:700px){
 .site{padding:0 20px}.nav{height:64px;grid-template-columns:1fr auto auto;gap:15px}.nav-home{display:none}.theme{justify-self:end}.mobile-menu-toggle{display:grid;place-items:center;border:0;background:none;color:var(--fg);padding:4px;cursor:pointer}.mobile-menu-toggle svg{width:23px;height:23px}
 .mobile-menu:not([hidden]){display:flex;position:absolute;z-index:30;left:20px;right:20px;top:65px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 35px #0002;padding:13px;flex-direction:column;gap:0}
 .mobile-menu a{font-size:12px;font-weight:700;letter-spacing:1.4px;padding:15px;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border:0}
 .hero{padding-top:38px;min-height:calc(100svh - 64px)}.hero h1{font-size:clamp(43px,11.4vw,85px);white-space:nowrap;letter-spacing:-.08em}
 .tagline{font-size:13px;margin-top:8px}.portrait-area{min-height:440px;margin-top:0}.portrait img{height:min(72vh,660px);max-width:none;width:auto}
 .hero-actions{top:14px;gap:7px;flex-wrap:nowrap}.pill{min-height:34px;font-size:8px;padding:0 8px;gap:6px;letter-spacing:.65px}.pill .arrow{width:23px;height:23px}
 .partners{padding:70px 5px 115px}.partner-row{gap:23px 24px;font-size:15px}
 footer{padding:22px 20px 0;border-radius:22px 22px 0 0}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.footer-wordmark{font-size:clamp(105px,34vw,220px);margin:16px 0 12px}.footer-bottom{margin:0 -20px;padding:18px 20px}
 .featured{margin-bottom:65px}
}
@media(max-width:370px){.hero h1{font-size:11vw}.pill{font-size:7px}.pill .ico{display:none}}
@media(prefers-reduced-motion:reduce){.hero,.hero-actions,.partners{animation:none!important}}

/* FINAL fixes: one transparent monochrome portrait for BOTH themes */
.portrait img.portrait-final{display:block;position:absolute;left:50%;top:0;transform:translateX(calc(-50% - 28px));height:min(77vh,750px);width:auto;max-width:none;filter:none!important;opacity:1!important;object-fit:contain;transition:none!important}
.portrait-area{overflow:visible}.portrait{overflow:visible}.hero{overflow:hidden}
/* Frosted reference-style CTAs, both themes */
.pill.primary,.pill.secondary{background:color-mix(in srgb,var(--bg) 62%,transparent);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.pill .arrow{background:var(--fg);color:var(--bg)}
/* The first screen remains portrait-only. Partners are reached by scrolling. */
.hero{min-height:max(100svh,720px)}.partners{padding-top:88px}.partner-row{gap:clamp(24px,4.3vw,62px);color:var(--muted);opacity:1}.partner-row span{font-size:clamp(17px,1.7vw,23px);font-weight:720;letter-spacing:-.045em}.owned-app{margin:30px 0 0;font-size:10px;letter-spacing:1.9px;color:var(--muted)}.owned-app strong{font-size:15px;letter-spacing:-.04em;color:var(--fg);margin-left:7px}
/* Brand icons use fixed brand colors regardless of light/dark mode */
.social-row a[data-link=tiktok]{color:#ff0050;filter:drop-shadow(1px 0 0 #00f2ea)}
.social-row a[data-link=instagram]{color:#e4405f}
.social-row a[data-link=facebook]{color:#1877f2}
.social-row a[data-link=youtube]{color:#ff0033}
.social-row a[data-link=x]{color:#7c858e}
.social-row a[data-link=discord]{color:#5865f2}
.video-link .ico{color:#ff0050;filter:drop-shadow(1px 0 0 #00f2ea)}
.featured{display:block}.featured[hidden]{display:block!important}
@media(max-width:700px){.hero{min-height:max(100svh,640px)}.portrait img.portrait-final{height:min(74vh,670px);transform:translateX(calc(-50% - 13px))}.partners{padding-top:78px}.partner-row span{font-size:17px}.partner-row{gap:24px 29px}}

/* No-hammer portrait: preserve natural colors across both themes. */
.portrait img.portrait-final{filter:none!important;left:50%;transform:translateX(-50%);height:min(75vh,720px);object-fit:contain}
@media(max-width:700px){.portrait img.portrait-final{height:min(70vh,630px);transform:translateX(-50%)}}

/* Oct 11 visual polish: softly blended portrait and real monochrome brand marks */
.portrait img.portrait-final{height:min(79vh,790px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.94) 65%,rgba(0,0,0,.58) 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.94) 65%,rgba(0,0,0,.58) 80%,transparent 99%)}
.portrait-area{overflow:hidden}.portrait{overflow:hidden}
/* Transparent glass CTAs, with the actual portrait showing through */
.pill.primary,.pill.secondary{background:rgba(255,255,255,.13)!important;border:1px solid rgba(20,20,20,.27)!important;backdrop-filter:blur(4px) saturate(.9);-webkit-backdrop-filter:blur(4px) saturate(.9);box-shadow:none!important}
html[data-theme=dark] .pill.primary,html[data-theme=dark] .pill.secondary{background:rgba(15,15,15,.15)!important;border-color:rgba(255,255,255,.29)!important}
.gmail-icon{width:17px!important;height:17px!important;filter:none!important}
.partner-row{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.6vw,36px);flex-wrap:nowrap;opacity:1}
.brand-logo{flex:1 1 0;min-width:0;max-width:205px;display:flex;align-items:center;justify-content:center;height:65px}
.brand-logo img{display:block;width:100%;height:55px;object-fit:contain;opacity:.53;filter:none;transition:opacity .2s}
.brand-logo img:hover{opacity:.85}
html[data-theme=dark] .brand-logo img{filter:invert(1)}
.owned-app{display:none!important}
@media(max-width:700px){.portrait img.portrait-final{height:min(75vh,680px)}.partner-row{flex-wrap:wrap;gap:14px 20px}.brand-logo{flex:0 1 calc(33.333% - 15px);height:48px}.brand-logo img{height:42px}.partners{padding-top:80px}}
@media(max-width:420px){.brand-logo{flex-basis:calc(50% - 14px)}}

/* Seamless portrait fade: alpha baked into asset, with viewport-safe CSS fade as backup. */
.portrait img.portrait-final{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 51%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.45) 76%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0%,#000 51%,rgba(0,0,0,.9) 62%,rgba(0,0,0,.45) 76%,transparent 94%)}

/* Partner wordmarks: transparent monochrome marks, no backgrounds. */
.brand-logo,.brand-logo img{background:transparent!important}.brand-logo img{opacity:.60!important;filter:none!important}html[data-theme="dark"] .brand-logo img{filter:invert(1)!important}.gmail-icon,.gmail-icon path{filter:none!important}

/* Brand wordmarks: transparent alpha PNGs, consistent optical scale */
.brand-logo img{width:100%;height:62px;object-fit:contain;opacity:.60!important;filter:none!important;background:transparent!important}
html[data-theme="dark"] .brand-logo img{filter:invert(1)!important}
@media(max-width:700px){.brand-logo img{height:45px}}

/* Brand wordmarks: transparent alpha PNGs, consistent optical scale */
.brand-logo img{width:100%;height:62px;object-fit:contain;opacity:.60!important;filter:none!important;background:transparent!important}
html[data-theme="dark"] .brand-logo img{filter:invert(1)!important}
@media(max-width:700px){.brand-logo img{height:45px}}

/* Brand wordmarks: transparent alpha PNGs, consistent optical scale */
.brand-logo img{width:100%;height:62px;object-fit:contain;opacity:.60!important;filter:none!important;background:transparent!important}
html[data-theme="dark"] .brand-logo img{filter:invert(1)!important}
@media(max-width:700px){.brand-logo img{height:45px}}

/* Harmonious partner lockup: a compact centered strip, not five columns spread across the page. */
@media (min-width:701px){
  .partner-row{width:min(100%,1010px);margin-inline:auto;gap:clamp(12px,1.5vw,24px);justify-content:center;flex-wrap:nowrap}
  .partner-row .brand-logo{flex:0 1 186px;max-width:186px;min-width:0}
}

/* Tighter, centered desktop partner grouping */
@media(min-width:701px){.partner-row{width:min(100%,820px)!important;gap:10px!important;justify-content:center!important}.partner-row .brand-logo{flex:0 1 156px!important;max-width:156px!important}}

/* Larger partner logos, retaining tight consistent spacing */
@media(min-width:701px){.partner-row{width:min(100%,1090px)!important;gap:14px!important}.partner-row .brand-logo{flex:0 1 205px!important;max-width:205px!important;height:82px!important}.partner-row .brand-logo img{height:78px!important}}