:root{--ink:#071b1d;--muted:#607071;--cyan:#13e4c2;--blue:#43a8ff;--line:#dfe8e6;--paper:#f8fbfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9efed;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.page-shell{max-width:1440px;margin:auto;background:var(--paper);overflow:hidden}.nav{height:78px;display:flex;align-items:center;padding:0 5.4%;border-bottom:1px solid rgba(7,27,29,.1);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand img{width:31px;height:31px;object-fit:contain}.nav-links{display:flex;gap:32px;margin-left:9%;font-size:14px;font-weight:600}.nav-links a,.sign-in{transition:opacity .2s}.nav-links a:hover,.sign-in:hover{opacity:.5}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:3px;font-weight:700}.button-dark{background:var(--ink);color:white}.button-small{height:44px;padding:0 20px}.menu-button{display:none;background:none;border:0}.hero{min-height:730px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-content{position:relative;z-index:3;width:58%;padding:105px 0 80px 8.3%}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-family:"DM Mono";font-size:11px;letter-spacing:1.2px;font-weight:500}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(19,228,194,.14)}h1{font-size:74px;line-height:.98;letter-spacing:-5px;margin:24px 0 28px;max-width:760px}h1 span{font-weight:400;color:#496061}.hero-copy{font-size:18px;line-height:1.65;max-width:570px;color:#506162;margin-bottom:34px}.claim-form{height:58px;max-width:540px;display:flex;align-items:center;border:1px solid #bfd0cd;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);padding-left:18px;border-radius:3px;box-shadow:0 8px 28px rgba(8,54,54,.07)}.claim-form label{font-size:14px;font-weight:700}.claim-form input{border:0;outline:0;background:transparent;min-width:0;flex:1;font:inherit;font-size:14px;padding:0}.form-note{font-family:"DM Mono";font-size:10px;color:#84908e;margin:12px 0 0 3px}.hero canvas{position:absolute;inset:0 0 0 46%;width:54%;height:100%;z-index:0}.hero-glow{position:absolute;z-index:1;width:650px;height:650px;right:-160px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(19,228,194,.32),transparent 65%);filter:blur(10px)}.profile-card{position:absolute;z-index:4;right:9.5%;top:85px;width:324px;padding:17px 20px 15px;background:rgba(254,255,255,.88);border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 70px rgba(0,50,48,.2);backdrop-filter:blur(18px);border-radius:18px;transform:rotate(1.2deg)}.card-top{display:flex;align-items:center;gap:7px;font-family:"DM Mono";font-size:9px;color:#71807d}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.card-top button{margin-left:auto;border:0;width:25px;height:25px;border-radius:50%;background:#edf3f1}.avatar-wrap{width:68px;height:68px;border-radius:50%;margin:24px auto 10px;padding:3px;background:linear-gradient(135deg,var(--cyan),var(--blue))}.avatar{width:100%;height:100%;border:3px solid white;border-radius:50%;display:grid;place-items:center;background:#0c2527;color:white;font:700 25px/1 Manrope}.profile-card h2{text-align:center;font-size:19px;margin:0}.profile-card h2 span{display:inline-grid;place-items:center;font-size:9px;width:15px;height:15px;border-radius:50%;background:var(--cyan)}.profile-card>p{text-align:center;color:#6a7776;font-size:10px;line-height:1.5;margin:7px 20px}.social-row{text-align:center;display:flex;justify-content:center;gap:15px;font-size:12px;margin:14px}.profile-card>a{height:45px;margin-top:8px;border:1px solid #dfe8e5;border-radius:5px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;background:white}.profile-card>a.accent-link{background:var(--ink);color:white;border:0}.accent-link span{color:var(--cyan);margin-right:auto}.accent-link b{font-weight:400}.card-stats{border-top:1px solid #e5ecea;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:#7c8785;font-size:8px}.card-stats b{color:var(--ink)}.float-pill{position:absolute;z-index:5;background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(0,50,48,.15);backdrop-filter:blur(12px);border:1px solid white;border-radius:50px;padding:10px 14px;font-size:10px;font-weight:700}.pill-one{right:5.8%;top:153px;transform:rotate(4deg);color:#365351}.pill-two{right:30%;top:545px;transform:rotate(-3deg)}.pill-two i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:5px}.trust-strip{padding:36px 7%;text-align:center;border-bottom:1px solid var(--line)}.trust-strip>p{font-family:"DM Mono";font-size:9px;letter-spacing:1.8px;color:#8b9694;margin:0 0 26px}.creator-types{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:15px;letter-spacing:-.3px}.creator-types i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.features{padding:110px 8% 120px}.section-kicker{color:#54706d}.features>h2{font-size:60px;line-height:1.05;letter-spacing:-4px;margin:25px 0 65px}.features>h2 span{font-weight:400;color:#7d8b89}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:330px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.feature-number{font-family:"DM Mono";font-size:9px;color:#92a09e}.feature-icon{font-size:36px;margin:54px 0 40px;color:#05bfa3}.feature-grid h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.feature-grid p{font-size:13px;line-height:1.7;color:#6c7977;max-width:310px}.cta{margin:0 5% 70px;padding:70px 6%;background:var(--ink);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:16%;top:-220px;background:radial-gradient(circle,var(--cyan),transparent 70%);opacity:.35}.cta p{font-family:"DM Mono";font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.cta h2{font-size:60px;line-height:.95;letter-spacing:-4px;margin:20px 0 0}.cta em{font-weight:400;color:var(--cyan)}.button-light{position:relative;z-index:2;background:#fff;color:var(--ink);padding:17px 20px;min-width:180px}footer{padding:0 6% 45px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;font-size:11px;color:#70807e}.footer-brand{font-size:18px;color:var(--ink)}footer div{display:flex;gap:20px}footer small{grid-column:3}
@media(max-width:900px){.nav{padding:0 22px}.nav-links,.nav-actions{display:none}.nav-links.mobile-open{display:flex;position:absolute;top:77px;left:0;margin:0;width:100%;padding:24px;flex-direction:column;gap:22px;background:rgba(248,251,250,.97);border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(7,27,29,.08)}.menu-button{display:block;margin-left:auto;width:36px}.menu-button span{display:block;height:1px;background:var(--ink);margin:7px}.hero{min-height:940px}.hero-content{width:100%;padding:70px 25px 420px}.hero canvas{inset:auto 0 0;width:100%;height:520px}.hero-glow{top:auto;bottom:-80px}.profile-card{top:auto;bottom:50px;right:50%;transform:translateX(50%) rotate(1deg);width:300px}.pill-one{right:8%;top:auto;bottom:390px}.pill-two{display:none}h1{font-size:53px;letter-spacing:-3.5px}.creator-types span:nth-of-type(even),.creator-types i:nth-of-type(even){display:none}.features{padding:80px 25px}.features>h2,.cta h2{font-size:44px;letter-spacing:-3px}.feature-grid{grid-template-columns:1fr}.cta{margin:0 15px 45px;align-items:flex-start;gap:50px;flex-direction:column}.cta:after{right:-200px}footer{grid-template-columns:1fr 1fr}footer small{grid-column:2}}@media(max-width:540px){.hero{min-height:990px}.hero-content{padding-top:55px}.hero-copy{font-size:16px}.claim-form{height:auto;padding:0;display:grid;grid-template-columns:auto 1fr}.claim-form label{padding-left:14px}.form-note{text-align:center}.trust-strip{padding-left:25px;padding-right:25px}.creator-types span{font-size:11px}.creator-types span:nth-of-type(3){display:none}.creator-types i{display:none}.profile-card{bottom:52px}.features>h2{font-size:40px}.cta{padding:55px 30px}footer{grid-template-columns:1fr}footer div,footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

footer.site-footer{background:#041617;color:#fff;padding:72px 6% 28px;display:grid;grid-template-columns:minmax(280px,1.1fr) 1.9fr;align-items:start;gap:70px;font-size:13px}.footer-lead{display:block}.footer-logo{font-size:29px;font-weight:800;letter-spacing:-1.5px}.footer-logo span{color:var(--cyan)}.footer-lead>p{font-size:29px;line-height:1.08;letter-spacing:-1.8px;color:#91a5a2;margin:32px 0}.footer-cta{display:inline-flex;align-items:center;gap:45px;padding:14px 17px;background:var(--cyan);color:#041617;font-weight:800;border-radius:3px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-links h3{font:500 10px "DM Mono";letter-spacing:1.3px;text-transform:uppercase;color:#6f8581;margin:5px 0 15px}.footer-links a,.cookie-settings{color:#d6e1df;font:600 13px Manrope;transition:color .2s}.footer-links a:hover,.cookie-settings:hover{color:var(--cyan)}.cookie-settings{border:0;padding:0;background:none;cursor:pointer}.footer-bottom{grid-column:1/3;border-top:1px solid #193031;margin-top:20px;padding-top:25px;display:flex;justify-content:space-between;color:#6f8581;font:9px "DM Mono";letter-spacing:.4px}.footer-status{color:#8da09d}.footer-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:7px}.consent-panel{position:fixed;z-index:1000;left:24px;right:24px;bottom:24px;max-width:1100px;margin:auto;background:#061b1c;color:white;border:1px solid #1d3737;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:25px 28px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:23px}.consent-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:#041617;font-weight:800}.consent-kicker{font:500 9px "DM Mono"!important;letter-spacing:1.3px;text-transform:uppercase;color:var(--cyan)!important;margin:0 0 7px!important}.consent-copy h2{font-size:20px;letter-spacing:-.6px;margin:0 0 6px}.consent-copy>p:last-child{font-size:11px;line-height:1.55;color:#9caeab;margin:0;max-width:620px}.consent-copy a{color:white;text-decoration:underline}.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:260px}.consent-actions button{border:1px solid #42605e;padding:11px 13px;font:700 11px Manrope;cursor:pointer}.consent-accept{background:var(--cyan);border-color:var(--cyan)!important;color:#041617}.consent-essential{background:transparent;color:white}.consent-actions>a{grid-column:1/3;text-align:center;color:#819390;font-size:9px;text-decoration:underline}.legal-wrap{max-width:860px;padding:95px 8% 130px}.legal-wrap .eyebrow{margin-bottom:24px}.legal-wrap h1{font-size:62px;margin:0 0 20px}.legal-meta{font:10px "DM Mono";color:#788784;margin-bottom:70px}.legal-copy{max-width:720px}.legal-copy h2{font-size:25px;letter-spacing:-.8px;margin:48px 0 14px}.legal-copy h3{font-size:16px;margin:28px 0 10px}.legal-copy p,.legal-copy li{font-size:14px;line-height:1.8;color:#566865}.legal-copy ul{padding-left:20px}.legal-copy a{color:#038d78;text-decoration:underline}.legal-note{background:#eaf4f1;border-left:3px solid var(--cyan);padding:18px 20px!important;color:#38514e!important}
@media(max-width:900px){footer.site-footer{grid-template-columns:1fr;gap:50px}.footer-bottom{grid-column:1}.consent-panel{grid-template-columns:42px 1fr}.consent-actions{grid-column:1/3;width:100%}}
@media(max-width:540px){footer.site-footer{padding:55px 25px 25px}.footer-links{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-bottom{flex-direction:column;gap:11px}.consent-panel{left:12px;right:12px;bottom:12px;padding:20px;grid-template-columns:1fr}.consent-mark{display:none}.consent-actions{grid-column:1}.legal-wrap{padding:70px 25px 100px}.legal-wrap h1{font-size:46px}}

body{overflow-x:hidden}.page-shell{overflow:visible}footer.site-footer{width:100vw;margin-left:calc(50% - 50vw)}

.theme-toggle{width:38px;height:38px;border:1px solid #cbd6d4;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;margin-left:auto;flex:0 0 auto;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{background:#eaf2f0;transform:rotate(8deg)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle+.nav-actions{margin-left:17px}
html[data-theme="dark"]{--ink:#edf3f1;--muted:#a8b5b2;--line:#3b4745;--paper:#242a29;background:#202524}html[data-theme="dark"] body{background:#202524;color:#edf3f1}html[data-theme="dark"] .page-shell,html[data-theme="dark"] .inner-page,html[data-theme="dark"] .info-card{background:#242a29}html[data-theme="dark"] .nav,html[data-theme="dark"] .inner-page .nav{background:rgba(36,42,41,.96);border-color:#3b4745}html[data-theme="dark"] .nav-links.mobile-open{background:#242a29}html[data-theme="dark"] .brand img{filter:brightness(1.25)}html[data-theme="dark"] h1 span,html[data-theme="dark"] .features>h2 span,html[data-theme="dark"] .subhero h1 span{color:#9caaa7}html[data-theme="dark"] .hero-copy,html[data-theme="dark"] .feature-grid p,html[data-theme="dark"] .info-card p,html[data-theme="dark"] .subhero>p,html[data-theme="dark"] .legal-copy p,html[data-theme="dark"] .legal-copy li{color:#a8b5b2}html[data-theme="dark"] .hero canvas{filter:brightness(.48) saturate(.8)}html[data-theme="dark"] .hero-glow{opacity:.45}html[data-theme="dark"] .claim-form,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .profile-card>a,html[data-theme="dark"] .price-card{background:#2b3231;color:#edf3f1;border-color:#475351}html[data-theme="dark"] .claim-form input{color:#edf3f1}html[data-theme="dark"] .card-top button{background:#3b4543;color:#edf3f1}html[data-theme="dark"] .profile-card>p,html[data-theme="dark"] .card-stats{color:#a8b5b2}html[data-theme="dark"] .float-pill{background:rgba(43,50,49,.9);color:#edf3f1;border-color:#53605d}html[data-theme="dark"] .trust-strip,html[data-theme="dark"] .features,html[data-theme="dark"] .content-section,html[data-theme="dark"] .legal-wrap{background:#242a29}html[data-theme="dark"] .subhero:after{opacity:.2;filter:brightness(.5)}html[data-theme="dark"] .resource-list a{border-color:#3b4745}html[data-theme="dark"] .legal-note{background:#2b3735;color:#c2cfcc!important}html[data-theme="dark"] .theme-toggle{color:#edf3f1;border-color:#596461}html[data-theme="dark"] .theme-toggle:hover{background:#343c3a}html[data-theme="dark"] .button-dark{background:#13d9bd;color:#102321}

.hero canvas{inset:-7% -5% -7% 36%;width:69%;height:114%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 10%,#000 34%,#000 83%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 87%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 10%,#000 34%,#000 83%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 87%,transparent 100%);mask-composite:intersect}
@media(max-width:900px){.hero canvas{inset:auto -8% -7% -8%;width:116%;height:560px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 15%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 15%,#000 88%,transparent 100%)}}
@media(max-width:900px){.theme-toggle{margin-left:auto}.theme-toggle+.nav-actions{margin-left:0}}

/* Angular creator-handle field */
.claim-form{
  position:relative;
  height:58px;
  max-width:540px;
  padding-left:20px;
  overflow:hidden;
  border:1px solid #aebdba;
  border-radius:0;
  background:rgba(238,243,241,.92);
  box-shadow:0 14px 38px rgba(8,54,54,.1);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 14px);
}
.claim-form:before{
  content:"";
  position:absolute;
  z-index:2;
  top:5px;
  left:-2px;
  width:21px;
  height:1px;
  background:var(--cyan);
  transform:rotate(-45deg);
  transform-origin:left center;
  pointer-events:none;
}
.claim-form label,.claim-form input{position:relative;z-index:1}
.claim-form label{font-family:"DM Mono";letter-spacing:-.2px}
.claim-form input{color:#5e6b69}
.form-note{margin-top:9px;letter-spacing:.15px}
html[data-theme="dark"] .claim-form{
  background:rgba(25,31,30,.94);
  border-color:#53605d;
  box-shadow:0 14px 40px rgba(0,0,0,.22);
}
html[data-theme="dark"] .claim-form input{color:#a8b5b2}
@media(max-width:540px){
  .claim-form{
    height:56px;
    padding-left:16px;
    display:flex;
    grid-template-columns:none;
  }
  .claim-form label{padding-left:0}
}

.hero h1 em{
  display:inline-block;
  padding:.11em .08em .16em .04em;
  margin:-.11em -.02em -.16em -.04em;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.12em;
  font-weight:500;
  font-style:italic;
  letter-spacing:-3px;
  color:#16decf;
  background:linear-gradient(90deg,#19e4d2 0%,#12b8c1 34%,#0a5264 69%,#03171d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero h1 .standout-copy{
  display:inline-block;
  margin-left:.08em;
  color:#9caaa7;
  background:linear-gradient(90deg,#17303a 0%,#58737a 42%,#a7b8b6 74%,#d9dfdd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Single-owner nav CTA treatment: chamfer, embossed edge, and static fine grain. */
.nav .button.button-small{
  position:relative;
  min-width:137px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background-color:#20d6c3;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 160 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.075'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,255,255,.24) 0,rgba(255,255,255,.07) 18%,rgba(0,77,69,.07) 72%,rgba(0,54,50,.18) 100%);
  background-blend-mode:soft-light,normal;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 1px 0 0 rgba(255,255,255,.15),
    inset 0 -2px 0 rgba(0,54,50,.28),
    inset -1px 0 0 rgba(0,54,50,.14),
    0 2px 0 rgba(0,0,0,.3);
  color:#061b1c;
  font-family:"DM Mono",monospace;
  font-size:12px;
  letter-spacing:.15px;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.nav .button.button-small::before{
  content:"";
  position:absolute;
  inset:1px 9px auto 1px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 68%,transparent);
  pointer-events:none;
}
.nav .button.button-small span{color:#061b1c}
.nav .button.button-small:hover{
  background-color:#071b1d;
  color:#20d6c3;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 1px 0 0 rgba(32,214,195,.22),
    inset 0 -2px 0 rgba(0,0,0,.72),
    inset -1px 0 0 rgba(0,0,0,.42),
    0 0 0 1px rgba(32,214,195,.52),
    0 5px 18px rgba(32,214,195,.14);
  filter:brightness(1.06);
}
.nav .button.button-small:hover span{color:#20d6c3}
.nav .button.button-small:active{
  box-shadow:
    inset 0 2px 2px rgba(0,54,50,.3),
    inset 0 -1px 0 rgba(255,255,255,.28);
  filter:brightness(.98);
}

/* Keep the site fluid instead of revealing gutters beyond a fixed canvas. */
.page-shell{
  width:100%;
  max-width:none;
  margin:0;
}

.theme-toggle{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:none!important;
  will-change:transform;
}
.theme-toggle:hover{
  background:transparent!important;
}

.eyebrow-mark{
  color:var(--cyan);
  font-weight:500;
  letter-spacing:-2px;
  transform:skewX(-10deg);
}

html[data-theme="dark"] .hero canvas{filter:none}

/* OLED marketing theme: uninterrupted black surfaces with no structural rules. */
html[data-theme="dark"]{
  --ink:#f4f7f6;
  --muted:#a6b0ae;
  --line:transparent;
  --paper:#000;
  background:#000;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .page-shell,
html[data-theme="dark"] .inner-page,
html[data-theme="dark"] .inner-page .nav,
html[data-theme="dark"] .nav,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .trust-strip,
html[data-theme="dark"] .features,
html[data-theme="dark"] .content-section,
html[data-theme="dark"] .legal-wrap,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] footer.site-footer,
html[data-theme="dark"] .inner-footer{
  background-color:#000;
}
html[data-theme="dark"] .nav,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .trust-strip,
html[data-theme="dark"] .subhero,
html[data-theme="dark"] .feature-grid,
html[data-theme="dark"] .feature-grid article,
html[data-theme="dark"] .info-grid,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .resource-list,
html[data-theme="dark"] .resource-list a,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .inner-footer{
  border-color:transparent;
}
html[data-theme="dark"] .info-grid{background:transparent;gap:24px}
html[data-theme="dark"] .feature-grid{border:0;gap:24px}
html[data-theme="dark"] .feature-grid article{border:0;background:#000}
html[data-theme="dark"] .price-card{background:#000}
html[data-theme="dark"] .price-card.featured{background:#080808;color:#fff}
html[data-theme="dark"] .nav-links.mobile-open{background:#000;border:0}
html[data-theme="dark"] .cta{background:#050505}

html[data-theme="dark"] .profile-card{
  background:rgba(2,2,2,.94);
  color:#f5f5f5;
  border-color:#343434;
  box-shadow:0 28px 80px rgba(0,0,0,.72);
}
html[data-theme="dark"] .profile-card>a{
  background:#070707;
  color:#ededed;
  border-color:#303030;
}
html[data-theme="dark"] .profile-card>a.accent-link{background:#0b0b0b}
html[data-theme="dark"] .card-top button{background:#151515;color:#eee}
html[data-theme="dark"] .avatar-wrap{background:linear-gradient(135deg,#f4f4f4,#666)}
html[data-theme="dark"] .avatar{background:#030303;border-color:#1c1c1c}
html[data-theme="dark"] .profile-card h2 span{background:#ddd;color:#050505}
html[data-theme="dark"] .live-dot,
html[data-theme="dark"] .pill-two i{background:#d8d8d8}
html[data-theme="dark"] .accent-link span{color:#d8d8d8}
html[data-theme="dark"] .float-pill{
  background:rgba(3,3,3,.94);
  color:#e8e8e8;
  border-color:#333;
  box-shadow:0 14px 40px rgba(0,0,0,.65);
}

/* Paint actual OLED black over the shader edges so every side blends into
   the page instead of merely becoming transparent. */
html[data-theme="dark"] .hero:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.96) 7%,rgba(0,0,0,.62) 18%,transparent 38%),
    linear-gradient(0deg,#000 0%,rgba(0,0,0,.82) 9%,transparent 30%),
    linear-gradient(90deg,#000 0%,#000 28%,rgba(0,0,0,.92) 36%,transparent 58%),
    linear-gradient(270deg,#000 0%,rgba(0,0,0,.78) 8%,transparent 25%);
}
html[data-theme="dark"] .hero canvas{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(max-width:900px){
  html[data-theme="dark"] .hero:after{
    background:
      linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 10%,transparent 34%),
      linear-gradient(0deg,#000 0%,rgba(0,0,0,.8) 10%,transparent 30%),
      linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 9%,transparent 27%),
      linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 9%,transparent 27%);
  }
}

@media(min-width:901px){
  .profile-card{right:14.5%}
  .pill-one{right:10.8%}
  .pill-two{right:35%}
}

/* Anime.js owns the homepage entrance; these states prevent a pre-animation flash. */
.intro-veil{
  position:fixed;
  inset:0;
  z-index:9999;
  background:#fff;
  pointer-events:none;
}
html[data-theme="dark"] .intro-veil{background:#000}
.anime-ready .entrance-nav,
.anime-ready .hero-stagger,
.anime-ready .profile-card.hero-visual-enter,
.anime-ready .float-pill.hero-visual-enter{
  opacity:0;
}
.shader-wipe{
  position:absolute;
  inset:-7% -5% -7% 10%;
  z-index:2;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 8%,rgba(255,255,255,.44) 19%,rgba(255,255,255,.9) 31%,#fff 42%,#fff 100%);
  pointer-events:none;
  will-change:transform;
}
html[data-theme="dark"] .shader-wipe{
  background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.44) 19%,rgba(0,0,0,.9) 31%,#000 42%,#000 100%);
}
.hero-title-row{
  display:block;
}
h1 .hero-title-primary{
  color:inherit;
  font-weight:inherit;
}
@media(max-width:900px){
  .shader-wipe{inset:auto -8% -7% -8%;height:560px}
}


/* Spacious product-story layout: large type, quiet proof, and demo panels. */
.trust-strip{
  min-height:560px;
  padding:115px 7% 125px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
}
.trust-strip>h2{
  max-width:560px;
  margin:0 0 72px;
  text-align:center;
  font-size:18px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:-.35px;
  color:#87918f;
}
.trust-strip .creator-types{
  width:min(100%,1000px)!important;
  max-width:1000px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:54px 28px!important;
  place-items:center!important;
  justify-content:center!important;
}
.trust-strip .creator-types span{
  width:100%;
  display:block!important;
  text-align:center;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.4px;
  color:var(--ink);
}
html[data-theme="dark"] .trust-strip .creator-types span{color:#e9edec}
.features{padding:120px 6.6% 150px}
.features>.section-kicker{margin-bottom:22px}
.features>h2{
  max-width:780px;
  margin:0 0 22px;
  font-size:68px;
  line-height:1.02;
  letter-spacing:-4.5px;
}
.features-intro{
  max-width:760px;
  margin:0 0 70px;
  color:#8d9895;
  font-size:17px;
  line-height:1.65;
}
.feature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
  border:0;
}
.feature-grid article{
  min-height:640px;
  padding:0 0 34px;
  border:1px solid #252a29;
  background:#030303;
  color:#f2f5f4;
  overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.feature-grid .feature-number{
  display:block;
  padding:18px 22px 0;
  color:#68716f;
}
.feature-visual{
  height:330px;
  margin:12px 18px 30px;
  padding:26px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid #2b302f;
  background:linear-gradient(145deg,#080909,#020202);
  color:#f2f5f4;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
}
.feature-visual span{position:absolute;top:20px;left:22px;font:500 9px "DM Mono";letter-spacing:1px;color:#707a77}
.feature-visual b{font-size:27px;line-height:1.06;letter-spacing:-1.6px}
.feature-visual i{position:absolute;right:22px;top:19px;font:500 9px "DM Mono";font-style:normal;color:var(--cyan)}
.feature-visual em{position:absolute;right:22px;bottom:20px;font:500 9px "DM Mono";font-style:normal;color:#747d7b}
.visual-insight b{font-size:82px;letter-spacing:-6px}.visual-insight i{position:static;margin-top:4px;font:12px Manrope;color:#939c9a}.visual-media b{max-width:75%}.visual-media i{width:52px;height:52px;top:auto;bottom:22px;display:grid;place-items:center;border:1px solid #3b4240;background:#0d0e0e;color:#fff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.visual-domain b{font:500 62px "DM Mono";letter-spacing:-5px}.visual-domain i{padding:7px 9px;background:#102d28}
.feature-grid h3,.feature-grid>article>p,.feature-grid>article>a{margin-left:40px;margin-right:40px}
.feature-grid h3{font-size:22px;margin-top:0}
.feature-grid>article>p{min-height:68px;color:#929c99;font-size:13px}
.feature-grid>article>a{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:#e9edec}
html[data-theme="dark"] .feature-grid article{background:#030303;border-color:#252a29}

/* Inner pages inherit the same editorial spacing and dark demo-card rhythm. */
.inner-page .subhero{padding:145px 6.6% 125px}
.inner-page .subhero h1{max-width:980px;font-size:78px;line-height:1.02;letter-spacing:-5px}
.inner-page .subhero>p{max-width:760px;font-size:18px}
.inner-page .content-section{padding:120px 6.6% 150px}
.inner-page .content-section>h2{font-size:58px;margin-bottom:58px}
.inner-page .info-grid{gap:26px;border:0;background:transparent}
.inner-page .info-card{min-height:350px;padding:38px;border:1px solid #d9dfdd;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
.inner-page .info-card h3{margin-top:105px;font-size:24px}
html[data-theme="dark"] .inner-page .info-card{background:#030303;border-color:#252a29}
html[data-theme="dark"] .inner-page .price-card{border:1px solid #252a29;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
html[data-theme="dark"] .inner-page .resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
html[data-theme="dark"] .inner-page .resource-list a{min-height:170px;padding:30px;border:1px solid #252a29;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
@media(max-width:900px){
  .trust-strip{min-height:auto;padding:90px 24px}.trust-strip .creator-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:35px 18px!important}.creator-types span{display:block!important}
  .features{padding:90px 24px}.features>h2{font-size:50px;letter-spacing:-3px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:600px}
  .inner-page .subhero{padding:95px 25px}.inner-page .subhero h1{font-size:54px;letter-spacing:-3px}
  .inner-page .content-section{padding:90px 25px}.inner-page .info-grid,html[data-theme="dark"] .inner-page .resource-list{grid-template-columns:1fr}
}
@media(max-width:540px){
  .trust-strip .creator-types{grid-template-columns:repeat(2,minmax(0,1fr))!important}.features>h2{font-size:42px}.feature-visual{height:260px}.feature-grid h3,.feature-grid>article>p,.feature-grid>article>a{margin-left:24px;margin-right:24px}
}

/* Wide, editorial marketing navigation inspired by the supplied reference. */
.nav{
  height:94px;
  padding:0 3.2%;
  display:flex;
  align-items:center;
  position:relative;
  gap:20px;
}
.nav>.brand{margin-right:auto}
.nav>.brand>span::after{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-left:3px;
  background:#19e4d2;
  vertical-align:1px;
}
.brand{font-size:20px;gap:9px}
.brand img{width:30px;height:30px}
.nav-links{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:none;
  justify-content:center;
  align-items:center;
  pointer-events:none;
  margin-left:0;
  gap:31px;
  font-size:13px;
}
.nav-links a{display:inline-flex;align-items:center;gap:7px;pointer-events:auto}
.nav-actions{
  margin-left:0;
  gap:18px;
  font-size:13px;
}
.nav .theme-toggle{margin-left:0}
html[data-theme="dark"] .nav{
  background:#000!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .sign-in{color:#d7dcdb}
@media(max-width:900px){
  .nav{
    height:78px;
    padding:0 22px;
    display:flex;
  }
  .nav-links.mobile-open{
    position:absolute;
    left:0;
    right:auto;
    top:77px;
    bottom:auto;
    height:auto;
    transform:none;
    width:100%;
    pointer-events:auto;
  }
}