/* Local design candidate. The production stylesheet remains untouched. */
:root{color-scheme:dark}
body{background:#070b18;color:#f4f7ff}
.preview-ribbon{position:relative;z-index:100;padding:8px 16px;text-align:center;background:#9d783a;color:#080d19;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.reveal{opacity:1;transform:none}
.brand-mark{display:inline-block;flex:none;width:40px;height:40px;border-radius:45% 55% 60% 40%;background:radial-gradient(circle at 33% 24%,#fff,transparent 28%),linear-gradient(135deg,#70e6e1,#997de8 58%,#df8fae);box-shadow:inset -7px -7px 11px rgba(16,12,45,.32),0 0 24px rgba(153,125,232,.3)}
.footer-brand .brand-mark{width:34px;height:34px}.final-mark{width:105px;height:105px}
.site-header{background:rgba(7,11,24,.84);border-color:rgba(174,135,255,.16)}
.ambient-a{background:#8053df}.ambient-b{background:#2ea5ac}
.eyebrow,.kicker{color:#8ae3e0}
.hero h1{background:linear-gradient(135deg,#fff 10%,#c9afff 52%,#6ce2dc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead,.section-heading>p:last-child,.premium-copy>p{color:#b0bbd3}
.button.primary,.header-cta{background:linear-gradient(135deg,#a9eee8,#7ad5e0);color:#080e1d;box-shadow:0 12px 40px rgba(70,188,201,.2)}
.button.secondary{background:#121c32;border-color:rgba(174,135,255,.35)}
.hero-visual{perspective:1200px}
.expression-phone{display:flex;flex-direction:column;align-items:center;width:min(346px,78vw);height:650px;padding:24px 20px;background:linear-gradient(165deg,#18223b,#0a1020 68%);border:1px solid rgba(180,154,248,.3);transform:rotate(3deg);box-shadow:0 45px 110px rgba(0,0,0,.6),0 0 70px rgba(143,105,248,.16)}
.phone-head{display:flex;justify-content:space-between;width:100%;color:#8ae3e0;letter-spacing:.16em;font-size:.68rem;font-weight:800}
.phone-head span:last-child{font-size:1rem;line-height:.7}
.phone-orb{position:relative;width:232px;height:244px;margin:13px 0 0;display:grid;place-items:center;filter:drop-shadow(0 0 28px rgba(143,105,248,.38))}
.phone-orb canvas{display:block;width:100%;height:100%}
.phone-orb:before,.phone-orb:after{display:none}
.hero h1{line-height:1.12;overflow:visible;padding-block:.08em;letter-spacing:-.055em}
.expression-phone h2{line-height:1.22;padding-block:.04em;overflow:visible}
.phone-orb:before,.phone-orb:after{content:"";position:absolute;inset:2%;border-radius:50%;border:1px solid rgba(131,225,221,.16);animation:halo 4s ease-in-out infinite}
.phone-orb:after{inset:14%;animation-delay:-2s}
.entity-core{position:relative;width:176px;height:186px;border-radius:44% 56% 51% 49% / 59% 42% 58% 41%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.88),transparent 26%),linear-gradient(135deg,#80e7e0 2%,#8c79e8 42%,#d987ca 68%,#63cbdc);box-shadow:inset -20px -20px 35px rgba(25,12,68,.48),inset 15px 16px 22px rgba(255,255,255,.2),0 0 36px rgba(154,115,255,.28);animation:morph 5.5s ease-in-out infinite}
.entity-core:before{content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.2);border-radius:inherit;transform:rotate(24deg)}
.entity-glint{position:absolute;left:58px;top:41px;width:80px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);filter:blur(8px)}
@keyframes morph{0%,100%{transform:scale(1) rotate(-8deg);border-radius:44% 56% 51% 49% / 59% 42% 58% 41%}50%{transform:scale(1.1,.95) rotate(8deg);border-radius:55% 45% 39% 61% / 43% 61% 39% 57%}}
@keyframes halo{0%,100%{transform:scale(.92);opacity:.3}50%{transform:scale(1.09);opacity:.75}}
.phone-kicker{color:#8ae3e0;letter-spacing:.12em;font-size:.62rem;font-weight:800;margin:6px 0 8px}
.expression-phone h2{font-size:1.4rem;line-height:1.13;text-align:center;letter-spacing:-.04em;margin:0}
.phone-signals{color:#d7c9f7;text-align:center;font-size:.86rem;margin:12px 0 22px}
.phone-timeline{display:flex;align-items:center;gap:4px;width:100%;height:28px}
.phone-timeline i{display:block;flex:1;height:14px;border-radius:5px;background:#9d7df0}
.phone-timeline i:nth-child(2){background:#a6a0ed;height:17px}.phone-timeline i:nth-child(3){background:#e2b77c;height:22px}.phone-timeline i:nth-child(4){background:#c989c7;height:19px}.phone-timeline i:nth-child(5),.phone-timeline i:nth-child(6){background:#ef929f}
.phone-quality{align-self:stretch;margin-top:13px;padding:13px 15px;border-radius:14px;background:#1a2740;color:#c2d4e4;font-size:.79rem}
.phone-action{margin-top:18px;padding:11px 19px;border-radius:99px;background:#8ce2de;color:#081323;font-size:.76rem;font-weight:800}
.floating-chip{background:rgba(18,28,50,.93);border-color:rgba(174,135,255,.34);min-width:150px;grid-template-columns:auto 1fr}
.chip-dot.green{background:#a78aea;box-shadow:0 0 10px #a78aea}.chip-dot.amber{background:#8ce2de;box-shadow:0 0 10px #8ce2de}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.concept-card{min-height:190px;padding:25px;border-radius:22px;background:linear-gradient(150deg,#17223b,#0c1325);border:1px solid rgba(174,135,255,.2)}
.concept-card span{color:#8ce2de;font-size:.77rem;letter-spacing:.12em}.concept-card h3{font-size:1.5rem;margin:20px 0 7px}.concept-card p{color:#abb9d4;margin:0}
@media(max-width:850px){.concept-grid{grid-template-columns:1fr}.expression-phone{height:630px}.hero-visual{min-height:670px}}
@media(max-width:620px){.preview-ribbon{font-size:.55rem;white-space:normal}.hero-copy,.hero-visual{min-width:0}.hero h1{font-size:clamp(2.7rem,11vw,3.25rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{gap:15px}.expression-phone{width:min(330px,90vw);height:610px}.phone-orb{margin-top:4px}.phone-signals{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.entity-core,.phone-orb:before,.phone-orb:after{animation:none}}