:root{
  --bg:#f4f5fa;--paper:rgba(255,255,255,.86);--ink:#11142a;--muted:#777d92;--line:rgba(28,34,69,.08);
  --violet:#6f39ff;--purple:#9118ff;--blue:#2a68ff;--cyan:#18cfff;--navy:#10152c;
  --shadow:0 30px 90px rgba(35,42,94,.15);--soft:0 16px 45px rgba(46,55,119,.11);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:
radial-gradient(circle at 14% 5%,rgba(255,255,255,.95),transparent 28%),
radial-gradient(circle at 67% 8%,rgba(115,80,255,.13),transparent 22%),
radial-gradient(circle at 86% 20%,rgba(31,203,255,.09),transparent 20%),
linear-gradient(180deg,#f7f7fb,#f2f4fa 76%,#f6f7fb)}
button,a,input{font:inherit}.nav{height:76px;max-width:1450px;margin:auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:60;background:rgba(247,247,251,.75);backdrop-filter:blur(24px);border-bottom:1px solid rgba(20,25,55,.045)}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:20px}.brand img{width:35px;height:35px;border-radius:10px;box-shadow:0 6px 18px rgba(75,54,170,.12)}.nav nav{display:flex;gap:26px}.nav nav a{font-size:12px;font-weight:800;color:#7c8193;text-decoration:none}.nav-cta{color:#fff;background:#11152b;padding:10px 15px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:900}
.hero-board{max-width:1400px;margin:25px auto 80px;padding:55px 4vw 30px;display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:950;color:#7144ff}.hero-copy h1{font-size:clamp(52px,5.9vw,86px);line-height:.98;letter-spacing:-.067em;margin:18px 0 22px}.hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#8b1cff,#5a3fff 45%,#10bcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:17px;line-height:1.65;color:var(--muted);max-width:610px}.hero-copy strong{color:#565b71}.hero-buttons{display:flex;gap:9px;margin-top:26px}.pill{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pill.primary{color:#fff;background:linear-gradient(95deg,#9217ff,#603cff 52%,#1f74ff);box-shadow:0 14px 30px rgba(96,55,255,.27)}.pill.ghost{background:#fff;border:1px solid var(--line);color:#5e6377}.pill.big{font-size:16px;padding:16px 27px}

.mood-grid{
  min-height:625px;
  display:grid;
  grid-template-columns:1.15fr .9fr .9fr;
  grid-template-rows:150px 110px 1fr 120px;
  grid-template-areas:
    "icon wordmark variants"
    "icon strip counter"
    "social dark sarah"
    "social app sarah";
  gap:16px;
  padding:24px;
  border-radius:40px;
  background:
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.95),transparent 24%),
    radial-gradient(circle at 45% 45%,rgba(112,74,255,.18),transparent 31%),
    radial-gradient(circle at 85% 83%,rgba(37,204,255,.14),transparent 27%),
    linear-gradient(135deg,rgba(255,255,255,.8),rgba(229,233,247,.84));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.tile{position:relative;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(20px);box-shadow:0 18px 48px rgba(43,47,102,.12)}
.icon-tile{grid-area:icon;border-radius:48px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#fafaff);min-width:0}
.icon-tile img{width:min(86%,300px);height:auto;object-fit:contain;border-radius:42px}
.wordmark-tile{grid-area:wordmark;display:flex;align-items:center;gap:12px;background:transparent;border:0;box-shadow:none;min-width:0}
.wordmark-tile img{width:72px;flex:0 0 72px}
.wordmark-tile h2{font-size:36px;letter-spacing:-.06em;margin:0}
.wordmark-tile p{font-size:10px;line-height:1.45;color:#9599aa;margin:5px 0 0}
.wordmark-tile strong{color:#6648ff}
.variants{grid-area:variants;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:0}
.variant{min-width:0;border-radius:20px;display:grid;place-items:center;box-shadow:0 14px 35px rgba(38,43,96,.12);overflow:hidden}
.variant img{width:60%;max-width:58px}
.variant.white{background:#fff}
.variant.navy{background:#10152d}
.variant.gradient{background:linear-gradient(145deg,#8c0cff,#2f64ff)}
.variant.navy img,.variant.gradient img{filter:brightness(1.15)}
.primitive-strip{grid-area:strip;border-radius:18px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.primitive-strip button{border:1px solid #e7e8ef;border-radius:999px;background:#fff;padding:8px 12px;color:#596078;font-weight:900;font-size:10px;white-space:nowrap}
.primitive-strip button span{font-size:14px;margin-right:3px}
.primitive-strip .active-vouch{border:0;color:#fff;background:linear-gradient(95deg,#9016ff,#5a3cff,#1688ff);box-shadow:0 9px 22px rgba(92,56,255,.26)}
.primitive-strip img{width:18px;vertical-align:middle;filter:brightness(0) invert(1);margin-right:4px}
.social-card{grid-area:social;border-radius:18px;padding:15px;display:flex;gap:11px;align-self:stretch;min-width:0}
.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;flex:0 0 42px}
.mountain{background:linear-gradient(145deg,#7596ab,#28405f)}
.person{background:linear-gradient(145deg,#dfb6a6,#744b43)}
.social-card b,.sarah-card b{font-size:11px}
.social-card em,.sarah-card em{font-style:normal;color:#6849ff}
.social-card p,.sarah-card p{font-size:9px;color:#9397a8;margin:4px 0}
.social-card small{font-size:8px;color:#aaaebe}
.dark-logo-tile{grid-area:dark;border-radius:28px;background:linear-gradient(145deg,#0e1329,#111a35);display:grid;place-items:center;min-width:0;min-height:0}
.dark-logo-tile img{width:min(70%,165px);filter:drop-shadow(0 0 28px rgba(75,58,255,.7))}
.counter-tile{grid-area:counter;border-radius:17px;background:#11162e;color:#bdc1d3;padding:10px 11px 10px 15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;font-weight:900;min-width:0;white-space:nowrap}
.counter-tile i{font-style:normal;color:#393f58}
.counter-tile b{background:linear-gradient(95deg,#8e17ff,#5b3aff,#1f75ff);border-radius:999px;padding:7px 10px;color:#fff}
.counter-tile img{width:16px;vertical-align:middle;filter:brightness(0) invert(1)}
.sarah-card{grid-area:sarah;border-radius:18px;padding:15px;display:flex;gap:11px;background:rgba(255,255,255,.88);align-self:stretch;min-width:0}
.app-tile{grid-area:app;border-radius:24px;background:linear-gradient(145deg,#11172f,#172442);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;min-width:0}
.app-tile img{width:56px;height:56px;border-radius:15px}
.app-tile b{font-size:10px;margin-top:7px}
.badge{position:absolute;right:12px;top:10px;width:20px;height:20px;border-radius:50%;background:#ff4d57;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}

.section{max-width:1180px;margin:0 auto 105px;padding:0 4vw}.section-head{max-width:760px;margin-bottom:32px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.chain-copy h2,.earned-layout h2,.integrate h2,.final h2{font-size:clamp(36px,4.8vw,58px);line-height:1.03;letter-spacing:-.055em;margin:12px 0 13px}.section-head p,.chain-copy p,.earned-layout p,.integrate p{font-size:15px;line-height:1.6;color:var(--muted)}
.demo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.app-demo,.meaning-card{border-radius:28px;box-shadow:var(--soft)}.app-demo{background:#fff;border:1px solid var(--line);padding:18px}.app-demo-head{display:flex;align-items:center;gap:9px;padding:2px 2px 14px}.fake-icon{width:42px;height:42px;border-radius:13px;background:#11162c;color:#fff;display:grid;place-items:center;font-weight:900}.app-demo-head b,.app-demo-head small{display:block}.app-demo-head small{font-size:8px;color:#9ca0b0}.app-demo-head>span{margin-left:auto;background:#f1edff;color:#6849ff;padding:5px 8px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.08em}
.app-screen{height:315px;border-radius:22px;background:radial-gradient(circle at 78% 20%,rgba(23,209,255,.27),transparent 24%),radial-gradient(circle at 20% 80%,rgba(117,54,255,.28),transparent 36%),linear-gradient(145deg,#12152d,#22124b);padding:30px;color:#fff;position:relative;overflow:hidden}.app-screen img{width:58px;filter:drop-shadow(0 0 16px rgba(94,55,255,.55))}.app-screen h3{font-size:38px;line-height:1.04;letter-spacing:-.05em;margin:55px 0 9px}.app-screen p{font-size:10px;color:#bac0d2}
.action-row{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin-top:11px}.action{border:1px solid #e7e8ef;background:#fff;border-radius:15px;padding:11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#676b80}.action b{font-size:10px}.action small{font-size:8px;color:#a2a5b6}.action img{width:21px}.vouch-btn{border-color:#d9d1ff;background:#faf8ff;color:#6546ff}.vouch-btn[aria-pressed="true"]{border-color:transparent;color:#fff;background:linear-gradient(95deg,#8f17ff,#5c3bff,#167fff);box-shadow:0 10px 24px rgba(93,56,255,.24)}.vouch-btn[aria-pressed="true"] img{filter:brightness(0) invert(1)}.vouch-btn[aria-pressed="true"] small{color:#eeeaff}
.receipt-strip,.share-panel{margin-top:10px;padding:12px;border-radius:16px;background:#f8f6ff;border:1px solid #e2ddff}.receipt-strip{display:flex;gap:9px}.receipt-strip[hidden],.share-panel[hidden]{display:none}.receipt-strip>img{width:38px;height:38px;border-radius:11px}.receipt-strip b{font-size:10px}.receipt-strip p,.share-panel p{font-size:8px;color:#888c9e;margin:3px 0}.usage{display:inline-flex;gap:5px;align-items:center;background:#fff;border:1px solid #e8e5f8;border-radius:999px;padding:5px 7px;font-size:7px;color:#9498a9;margin-top:4px}.usage i{width:6px;height:6px;background:#70dfa9;border-radius:50%}.usage strong{font-size:7px;color:#6148c7}.share-panel label{display:block;font-size:7px;letter-spacing:.1em;color:#6548ce;font-weight:900;text-transform:uppercase;margin-bottom:5px}.share-panel>div{display:flex;gap:5px}.share-panel input{width:100%;border:1px solid #e3e5ee;border-radius:9px;padding:8px;font-size:8px}.share-panel button{border:0;background:#11162c;color:#fff;border-radius:9px;padding:0 10px;font-size:8px;font-weight:900}
.meaning-card{background:linear-gradient(145deg,#11162c,#17203f);color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:center}.meaning-card>img{width:75px;filter:drop-shadow(0 0 20px rgba(93,58,255,.55))}.meaning-card blockquote{font-size:clamp(31px,4vw,50px);line-height:1.06;letter-spacing:-.05em;margin:28px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-grid div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px}.stat-grid span{display:block;color:#80859c;font-size:7px;text-transform:uppercase}.stat-grid b{display:block;font-size:16px;margin-top:3px}.meaning-card>small{color:#747a91;margin-top:10px;font-size:7px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.why-grid article{background:#fff;border:1px solid var(--line);border-radius:21px;padding:22px;text-align:center}.why-icon{width:48px;height:48px;border-radius:15px;background:#f2efff;color:#6848ff;display:grid;place-items:center;margin:auto;font-weight:950;font-size:18px}.why-grid h3{font-size:15px;margin:13px 0 5px}.why-grid p{font-size:9px;color:#898d9f;line-height:1.5}
.chain-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.chain-card{background:#11162d;color:#fff;border-radius:28px;padding:30px;box-shadow:var(--soft)}.chain-nodes{display:flex;align-items:center}.node{text-align:center;min-width:64px}.node span{width:48px;height:48px;border-radius:50%;background:#29304c;border:2px solid #3e4560;display:grid;place-items:center;margin:auto;font-weight:900}.node.active span{background:linear-gradient(135deg,#8f18ff,#3d5dff);border-color:#9c7aff;box-shadow:0 0 25px rgba(105,57,255,.34)}.node b,.node small{display:block}.node b{font-size:9px;margin-top:7px}.node small{font-size:7px;color:#858ba2}.node.faded{opacity:.42}.connector{height:2px;background:#343b57;flex:1;margin:0 5px 23px}.connector.active{background:linear-gradient(90deg,#744bff,#17cfff)}.chain-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:28px}.chain-metrics div{background:#1c233f;border-radius:11px;padding:11px}.chain-metrics b{display:block;font-size:18px}.chain-metrics span{font-size:7px;color:#878da3}
.earned-layout{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center}.trust-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--soft)}.trust-top{display:flex;justify-content:space-between;font-size:7px;color:#999dad;letter-spacing:.1em}.trust-top b{color:#37b77e;letter-spacing:0}.trust-person{display:flex;align-items:center;gap:9px;margin:18px 0}.trust-person>span{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8d18ff,#3e5eff);color:#fff;display:grid;place-items:center;font-weight:900}.trust-person b,.trust-person small{display:block}.trust-person small{font-size:8px;color:#999dac}.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trust-stats div{background:#f7f8fb;border-radius:10px;padding:9px}.trust-stats span{display:block;font-size:7px;color:#9ca0b0}.trust-stats b{font-size:10px}.trust-card>small{display:block;font-size:7px;color:#a2a5b4;margin-top:8px}
.guard-shell{background:linear-gradient(145deg,#0e132a,#111a38);border-radius:36px;padding-top:54px;padding-bottom:54px}.inverse h2{color:#fff}.inverse p{color:#9ba2bb}.guard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.guard-console,.guard-flow{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:23px;padding:23px;color:#fff}.guard-top{display:flex;justify-content:space-between;font-size:8px;color:#747d98}.guard-top>div{display:flex;gap:6px;align-items:center}.guard-top i{width:7px;height:7px;background:#70e2ac;border-radius:50%;box-shadow:0 0 12px rgba(112,226,172,.6)}.guard-top b{font-size:10px}.scenario-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.scenario{border:1px solid rgba(255,255,255,.08);background:#151c34;color:#8b92ab;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.scenario.active{background:#f5f2ff;color:#6748ff}.guard-main{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center}.score-ring{--score:91;width:108px;height:108px;border-radius:50%;position:relative;display:grid;place-content:center;text-align:center;background:conic-gradient(#754cff calc(var(--score)*1%),#252d49 0)}.score-ring:before{content:"";position:absolute;inset:9px;background:#10172e;border-radius:50%}.score-ring b,.score-ring span{position:relative}.score-ring b{font-size:31px}.score-ring span{font-size:7px;color:#737b94}.confidence{display:inline-block;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:900;letter-spacing:.08em}.confidence.high{background:rgba(89,211,152,.12);color:#6de3aa}.confidence.medium{background:rgba(255,194,90,.12);color:#ffc85f}.confidence.low{background:rgba(255,104,128,.12);color:#ff728a}.guard-main h3{font-size:16px;margin:7px 0 4px}.guard-main p{font-size:9px;color:#8d94ac;line-height:1.5;margin:0}.signals{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:16px}.signal{background:#151c34;border-radius:10px;padding:9px}.signal span{display:block;font-size:7px;color:#737b95;text-transform:uppercase}.signal b{display:block;font-size:10px;margin-top:3px}.signal .good{color:#70dfa9}.signal .warn{color:#ffc969}.signal .bad{color:#ff7489}.model-note{display:block;font-size:7px;color:#68708a;line-height:1.5;margin-top:10px}.guard-flow{display:flex;flex-direction:column;justify-content:center}.guard-flow>div{display:flex;gap:10px}.guard-flow>div>span{width:30px;height:30px;border-radius:9px;background:rgba(118,76,255,.14);color:#a58cff;display:grid;place-items:center;font-size:9px;font-weight:950}.guard-flow b{font-size:10px}.guard-flow p{font-size:8px;color:#858da7;line-height:1.5;margin:3px 0}.guard-flow>i{width:1px;height:26px;background:linear-gradient(#6d4bff,#26304f);margin:4px 0 4px 14px}
.sandbox{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--soft)}.sandbox-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;padding:20px;border-bottom:1px solid var(--line)}.sandbox-controls label{display:block;font-size:7px;color:#9498a9;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-bottom:6px}.choices{display:flex;gap:5px;flex-wrap:wrap}.choice{border:1px solid var(--line);background:#f8f8fb;border-radius:999px;padding:6px 8px;color:#777c90;font-size:7px;font-weight:900}.choice.active{background:#f0ecff;color:#6647ff;border-color:#dad2ff}.run{border:0;background:#11162b;color:#fff;border-radius:10px;padding:9px 12px;font-size:8px;font-weight:900}.sandbox-result{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:27px}.event-card,.decision-card{border:1px solid var(--line);border-radius:17px;padding:15px}.event-head{display:flex;align-items:center;gap:8px}.event-head>span{width:34px;height:34px;border-radius:10px;background:#11162b;color:#fff;display:grid;place-items:center;font-weight:900}.event-head b,.event-head small{display:block}.event-head small{font-size:7px;color:#999dad}.event-log{display:flex;justify-content:space-between;background:#11162b;color:#c7cbe0;border-radius:9px;padding:9px;margin-top:12px;font-size:7px}.event-log span{color:#73788e}.arrow{color:#aaaebe}.decision-card{background:#faf8ff;border-color:#ddd6ff}.decision-card.denied{background:#fff7f8;border-color:#ffd4da}.decision-head{display:flex;align-items:center;gap:6px}.decision-head i{width:7px;height:7px;background:#6de0a9;border-radius:50%}.decision-card.denied .decision-head i{background:#ff7082}.decision-head b{font-size:9px}.decision-score b{font-size:27px;color:#6546ff}.decision-card.denied .decision-score b{color:#df5065}.decision-score span{font-size:8px;color:#989cad}.decision-card p{font-size:8px;color:#85899d;line-height:1.5}.mini-vouch{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(95deg,#8d17ff,#5b3cff,#1d73ff);color:#fff;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:900}.mini-vouch img{width:16px}.decision-card.denied .mini-vouch{display:none}.loop{background:#11162b;color:#7f859d;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:12px;font-size:7px;font-weight:900;letter-spacing:.07em}.loop i{font-style:normal;color:#5847ba}
.integrate{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.integrate pre{background:#11162b;color:#d7d9ef;border-radius:21px;padding:22px;overflow:auto;box-shadow:var(--soft);font-size:10px;line-height:1.65}.mini-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.mini-pills span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:7px;color:#8e92a4}.mini-pills b{color:#565b6f}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;position:relative}.pricing article>span{font-size:7px;color:#6546ff;font-weight:950;letter-spacing:.1em}.pricing h3{font-size:33px;margin:10px 0 3px}.pricing h3 em{font-style:normal;font-size:9px;color:#8f93a5}.pricing p{font-size:9px;color:#85899b}.pricing ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:6px;color:#666b7e;font-size:9px}.pricing li:before{content:"→";color:#6747ff;margin-right:5px}.pricing .featured{border-color:#d7ceff;box-shadow:0 20px 45px rgba(86,60,200,.11);transform:translateY(-6px)}.pricing .featured>small{position:absolute;top:-9px;right:14px;background:linear-gradient(95deg,#8d18ff,#4e48ff);color:white;border-radius:999px;padding:4px 7px;font-size:6px;font-weight:900}.revenue{margin-top:15px;background:linear-gradient(145deg,#11162b,#1a1643);color:#fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.revenue h3{font-size:23px;margin:4px 0}.revenue p{font-size:9px;color:#949ab1}.revenue>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.revenue section{background:rgba(255,255,255,.055);border-radius:10px;padding:9px}.revenue section span{display:block;font-size:6px;color:#81879e;text-transform:uppercase}.revenue section b{display:block;font-size:16px;margin-top:3px}
.final{text-align:center;background:radial-gradient(circle at 50% 30%,rgba(46,196,255,.18),transparent 23%),radial-gradient(circle at 50% 60%,rgba(115,64,255,.22),transparent 38%),linear-gradient(145deg,#11162b,#171b39);color:#fff;border-radius:34px;padding:62px 4vw}.final-icon{width:90px;height:90px;border-radius:25px;background:#fff;display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 0 45px rgba(101,62,255,.35)}.final-icon img{width:82px;height:78px;object-fit:cover;border-radius:21px}.final p{color:#9ba0b7}.final>b{display:block;font-size:9px;color:#8d92a9;margin-top:9px}
footer{max-width:1180px;margin:0 auto;padding:24px 4vw 38px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#8f93a3;font-size:8px}footer small{margin-left:auto}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;background:#11162b;color:#fff;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:900;transition:.2s;z-index:90}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.hero-board{grid-template-columns:1fr}.mood-grid{height:650px}.demo-grid,.chain-layout,.earned-layout,.guard-grid,.integrate{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav nav{display:none}.sandbox-controls{grid-template-columns:1fr}.sandbox-result{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.pricing{grid-template-columns:1fr}.pricing .featured{transform:none}.revenue{grid-template-columns:1fr}.mood-grid{height:780px}.wordmark-tile{left:325px}.variants{top:320px;right:18px;flex-direction:column}.counter-tile{top:475px}.sarah-card{bottom:120px}.app-tile{right:25px}}
@media(max-width:620px){.nav{padding:0 18px}.nav-cta{display:none}.hero-board,.section{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:49px}.mood-grid{height:870px}.icon-tile{left:15px;top:18px;width:220px;height:220px}.icon-tile img{width:198px;height:190px}.wordmark-tile{left:15px;top:255px}.wordmark-tile h2{font-size:34px}.variants{top:360px;right:15px;flex-direction:row}.variant{width:60px;height:60px}.variant img{width:45px}.primitive-strip{left:15px;top:440px}.social-card{left:15px;bottom:170px;width:calc(100% - 30px)}.dark-logo-tile{display:none}.counter-tile{left:15px;right:auto;top:510px}.sarah-card{display:none}.app-tile{right:15px;bottom:18px}.action-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.signals{grid-template-columns:1fr}.guard-main{grid-template-columns:1fr}.revenue>div:last-child{grid-template-columns:1fr}footer{padding-left:18px;padding-right:18px}footer small{display:none}}

/* V6.1 responsive stabilization */
@media(max-width:1180px){
  .hero-board{grid-template-columns:1fr;gap:30px}
  .mood-grid{
    min-height:auto;
    grid-template-columns:1.15fr 1fr 1fr;
    grid-template-rows:145px 105px 190px 105px;
  }
}
@media(max-width:850px){
  .mood-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    grid-template-areas:
      "icon icon"
      "wordmark variants"
      "strip counter"
      "dark sarah"
      "social social"
      "app app";
  }
  .icon-tile{min-height:300px}
  .wordmark-tile{padding:10px}
  .primitive-strip{flex-wrap:wrap}
  .app-tile{min-height:120px}
}
@media(max-width:620px){
  .mood-grid{
    padding:14px;
    gap:12px;
    grid-template-columns:1fr;
    grid-template-areas:
      "icon"
      "wordmark"
      "variants"
      "strip"
      "counter"
      "dark"
      "sarah"
      "social"
      "app";
  }
  .icon-tile{min-height:250px}
  .wordmark-tile{justify-content:center;text-align:left}
  .variants{grid-template-columns:repeat(3,1fr)}
  .primitive-strip{justify-content:center}
  .counter-tile{justify-content:center}
  .dark-logo-tile{min-height:220px}
  .sarah-card,.social-card{display:flex}
}


/* V6.2 final polish — no new layout logic, only visual refinement */

.hero-board{
  padding-top:44px;
  gap:38px;
}
.hero-copy{
  transform:translateY(-6px);
}
.hero-copy h1{
  max-width:610px;
}
.hero-copy p{
  max-width:590px;
}
.mood-grid{
  background:
    radial-gradient(circle at 19% 15%,rgba(255,255,255,1),transparent 26%),
    radial-gradient(circle at 47% 42%,rgba(111,73,255,.22),transparent 31%),
    radial-gradient(circle at 82% 77%,rgba(24,207,255,.18),transparent 27%),
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(227,232,248,.88));
  box-shadow:
    0 36px 90px rgba(43,47,102,.14),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.icon-tile{
  box-shadow:
    0 26px 60px rgba(71,62,156,.15),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.icon-tile img{
  filter:
    drop-shadow(0 20px 28px rgba(81,49,210,.18))
    saturate(1.05);
}
.wordmark-tile{
  align-self:center;
}
.wordmark-tile img{
  width:88px;
  flex-basis:88px;
  filter:drop-shadow(0 10px 20px rgba(85,50,210,.18));
}
.wordmark-tile h2{
  font-size:42px;
}
.wordmark-tile p{
  font-size:10.5px;
}
.variant{
  box-shadow:
    0 16px 34px rgba(43,47,102,.14),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.variant img{
  filter:drop-shadow(0 7px 15px rgba(80,44,210,.22));
}
.variant.navy img,.variant.gradient img{
  filter:brightness(1.16) drop-shadow(0 7px 16px rgba(86,54,255,.36));
}
.primitive-strip{
  box-shadow:0 16px 38px rgba(50,56,120,.11);
}
.primitive-strip .active-vouch{
  transform:scale(1.03);
  box-shadow:
    0 12px 24px rgba(93,54,255,.30),
    0 0 22px rgba(26,201,255,.12);
}
.social-card,
.sarah-card{
  box-shadow:0 16px 38px rgba(50,56,120,.10);
}
.social-card{
  align-items:center;
}
.social-card p,.sarah-card p{
  line-height:1.45;
}
.dark-logo-tile{
  background:
    radial-gradient(circle at 50% 52%,rgba(70,54,255,.23),transparent 35%),
    linear-gradient(145deg,#0d1228,#111a36);
  box-shadow:
    0 24px 55px rgba(27,35,79,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.dark-logo-tile img{
  width:min(74%,178px);
  filter:
    drop-shadow(0 0 28px rgba(75,58,255,.76))
    drop-shadow(0 12px 22px rgba(24,193,255,.18));
}
.counter-tile{
  box-shadow:0 16px 34px rgba(27,34,77,.18);
}
.counter-tile b{
  box-shadow:0 8px 16px rgba(91,53,255,.24);
}
.app-tile{
  box-shadow:0 20px 42px rgba(26,35,79,.22);
}
.app-tile img{
  box-shadow:0 8px 18px rgba(79,58,182,.18);
}

/* Give the right-side board slightly more density / less dead space */
@media(min-width:1051px){
  .mood-grid{
    grid-template-columns:1.22fr .95fr .95fr;
    grid-template-rows:154px 104px 176px 116px;
    gap:14px;
    padding:22px;
  }
  .social-card{
    padding:14px;
  }
  .sarah-card{
    padding:14px;
  }
}

/* Premium section transitions */
.demo-section{
  margin-top:18px;
}
.section-head h2,
.chain-copy h2,
.earned-layout h2,
.integrate h2{
  text-wrap:balance;
}
.meaning-card{
  background:
    radial-gradient(circle at 68% 18%,rgba(33,201,255,.11),transparent 26%),
    radial-gradient(circle at 24% 72%,rgba(110,64,255,.15),transparent 36%),
    linear-gradient(145deg,#11162c,#17203f);
}
.guard-shell{
  box-shadow:0 28px 70px rgba(24,31,76,.16);
}
.final{
  box-shadow:0 28px 70px rgba(24,31,76,.16);
}


/* V6.4 — asset-safe final correction */

/* Never attempt to display extracted transparent logo art. Use the exact
   moodboard app icon everywhere except the original navy showcase crop. */
.wordmark-tile img,
.variant img,
.primitive-strip img,
.counter-tile img,
.app-screen img,
.vouch-btn img,
.meaning-card > img,
.mini-vouch img{
  object-fit:cover;
  border-radius:10px;
  background:#fff;
}

/* Wordmark icon: clean small app icon */
.wordmark-tile img{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  border-radius:16px !important;
  box-shadow:0 9px 22px rgba(74,57,176,.13);
  filter:none !important;
}

/* Variants: app icon on the intended white / navy / purple chips */
.variant img{
  width:52px !important;
  height:52px !important;
  border-radius:14px !important;
  filter:none !important;
}
.variant.navy img,
.variant.gradient img{
  filter:none !important;
}

/* Button/counter glyphs must remain tiny and clean, no black artifacts */
.primitive-strip img,
.counter-tile img,
.vouch-btn img,
.mini-vouch img{
  width:18px !important;
  height:18px !important;
  border-radius:5px !important;
  filter:none !important;
}

/* The exact original navy showcase card is used as a picture, not re-created */
.dark-logo-tile{
  padding:0 !important;
  overflow:hidden !important;
  background:#11162e !important;
}
.dark-logo-tile img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:28px !important;
  filter:none !important;
}

/* Functional demo */
.app-screen img{
  width:48px !important;
  height:48px !important;
  border-radius:13px !important;
  filter:none !important;
}
.meaning-card > img{
  width:70px !important;
  height:70px !important;
  border-radius:19px !important;
  filter:none !important;
}

/* Fix oversized white social cards from V6.2 */
.social-card,
.sarah-card{
  align-self:center !important;
  min-height:0 !important;
  height:auto !important;
  padding:15px 16px !important;
}

/* Make the moodboard density feel intentional and balanced */
@media(min-width:1051px){
  .mood-grid{
    grid-template-columns:1.18fr .98fr .98fr !important;
    grid-template-rows:150px 106px 175px 110px !important;
    gap:14px !important;
    padding:22px !important;
  }
  .wordmark-tile h2{font-size:40px !important}
  .wordmark-tile p{font-size:9.5px !important}
  .app-tile{
    align-self:center !important;
    justify-self:center !important;
    width:145px !important;
    height:105px !important;
    min-height:105px !important;
  }
}
@media(max-width:850px){
  .mood-grid{grid-template-rows:auto !important}
}