/* Landing refresh — isolated visual layer; no authenticated flow changes. */
:root{color-scheme:dark;--landing-accent:#ff3c97;--landing-cyan:#5de6ff;--landing-violet:#a78bfa}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 46% 22% at 12% 12%,rgba(255,48,144,.11),transparent 78%),radial-gradient(ellipse 55% 24% at 91% 14%,rgba(80,116,255,.16),transparent 75%),#070a10}
.header{position:relative;isolation:isolate;gap:24px;min-height:84px}
.header nav{background:rgba(20,20,32,.7);border:1px solid rgba(172,156,217,.18);border-radius:100px;padding:8px 14px;backdrop-filter:blur(16px)}
.header nav a{transition:color .2s ease}
.header nav a:hover,.header nav a:focus-visible{color:#fff}
.header .login{border-radius:100px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.055);padding:12px 18px;white-space:nowrap}
.header .login:hover{border-color:#e78fdb;background:rgba(177,84,214,.13)}
.reference-hero{position:relative;isolation:isolate;padding-top:78px}
.reference-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:20px;left:50%;transform:translateX(-50%);width:min(100%,880px);height:460px;background:radial-gradient(ellipse at 50% 35%,rgba(117,73,237,.22),transparent 70%);filter:blur(15px)}
.reference-hero>.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(183,144,244,.32);padding:10px 18px;border-radius:100px;background:rgba(29,23,48,.65);letter-spacing:1.7px;font-size:10px}
.reference-hero h1{font-size:clamp(48px,7vw,104px);font-weight:850;letter-spacing:-.065em;line-height:1.02;max-width:970px;margin:29px auto}
.reference-hero h1 span{background-image:linear-gradient(110deg,#f9f6ff 0%,#c6baff 28%,#6de1f6 63%,#fb6cbb 100%)}
.hero-description{font-size:clamp(15px,1.5vw,19px);max-width:700px;color:#c3bfd3}
.reference-hero .hero-actions{margin-top:34px}
.hero-actions .button,.closing .button,.beta-grid .button{border-radius:100px;min-height:52px;padding:14px 27px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hero-actions .button:hover,.closing .button:hover,.beta-grid .button:hover{transform:translateY(-3px)}
.hero-actions .primary,.closing .primary{box-shadow:0 12px 42px rgba(241,53,132,.25)}
.hero-actions .outline{border-color:rgba(192,172,235,.45);background:rgba(25,22,43,.7)}
.concept-label{margin-top:75px}
.concept-phones{gap:21px;max-width:1100px;margin:0 auto}
.concept-phones figure{position:relative;transition:transform .3s ease}
.concept-phones figure:hover{transform:translateY(-9px)}
.concept-screen{border:5px solid #181622;outline:1px solid rgba(187,157,250,.4);box-shadow:0 24px 55px rgba(0,0,0,.58),0 0 50px rgba(126,67,202,.1)}
.concept-phones figcaption{padding-top:17px}
.concept-phones strong{font-size:18px}
.concept-disclaimer{margin-inline:auto;text-align:center}
.marquee{border-block:1px solid rgba(182,154,255,.16);background:linear-gradient(90deg,#131025,#171021,#0d1a25)}
.section{scroll-margin-top:35px}
.section-heading h2,.beta-grid h2,.closing h2{letter-spacing:-.055em}
.features{gap:18px}
.feature{position:relative;overflow:hidden;border:1px solid rgba(171,145,222,.22);border-radius:25px;padding:30px;background:linear-gradient(140deg,rgba(31,26,48,.97),rgba(11,20,31,.98));box-shadow:0 14px 40px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}
.feature:hover{transform:translateY(-5px);border-color:rgba(183,143,246,.6)}
.feature:after{content:"";position:absolute;top:-70px;right:-70px;width:190px;height:190px;background:radial-gradient(circle,rgba(181,91,235,.13),transparent 70%);pointer-events:none}
.feature h3{position:relative}
.feature .available{color:#b9f6ed}
.beta-section{position:relative;overflow:hidden;background:linear-gradient(130deg,#21132f 0%,#111827 64%,#141126 100%)}
.beta-section:before{content:"";position:absolute;pointer-events:none;right:-150px;top:-200px;width:650px;height:650px;border-radius:100%;background:radial-gradient(circle,rgba(196,66,213,.17),transparent 67%)}
.beta-grid{position:relative}
.beta-steps article{border-radius:14px}
.roadmap{gap:16px}
.roadmap article{border:1px solid rgba(163,145,217,.24);border-radius:20px;background:linear-gradient(155deg,rgba(27,25,42,.8),rgba(12,18,29,.8));padding:24px}
.investor-contact{border-radius:24px}
.faq details{border-color:rgba(161,149,208,.26)}
.faq summary{cursor:pointer}
.faq details[open]{background:rgba(115,82,188,.07)}
.closing{border-radius:28px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7de4ff;outline-offset:4px}
@media(max-width:950px){.header{min-height:72px}.reference-hero{padding-top:52px}.reference-hero h1{font-size:clamp(46px,7.5vw,78px)}}
@media(max-width:700px){.header{gap:10px}.header nav{display:none}.header .login{padding:10px 12px;font-size:12px}.reference-hero{padding:38px 0 36px}.reference-hero h1{font-size:clamp(43px,11vw,66px);letter-spacing:-.058em}.reference-hero>.eyebrow{font-size:8px;letter-spacing:1px;padding:9px 11px}.hero-description{font-size:14px;line-height:1.75}.reference-hero .hero-actions{gap:10px}.hero-actions .button{min-height:48px;padding:12px 16px;font-size:12px}.concept-label{margin-top:51px}.concept-phones{gap:25px 13px}.concept-screen{border-width:3px;border-radius:25px}.concept-phones figure:hover,.feature:hover{transform:none}.concept-phones strong{font-size:15px}.feature{padding:24px;border-radius:20px}.roadmap article{padding:22px}.closing{border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-actions .button,.feature,.concept-phones figure{transition:none}}


/* Official brand + Scypho News showcase */
.header .brand .scypho-logo{width:132px;max-height:75px;object-fit:contain}
.landing-news{padding-block:85px 90px;scroll-margin-top:45px}
.landing-news-header{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.landing-news-header>div{max-width:730px}
.landing-news-header .eyebrow{color:#d39aff;letter-spacing:2px;font-size:11px}
.landing-news-header h2{font-size:clamp(38px,4.6vw,64px);line-height:1.1;letter-spacing:-.055em;margin:14px 0}
.landing-news-header h2 span{background:linear-gradient(110deg,#65dfff,#b389ff,#fb5da9);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-news-header p:not(.eyebrow){color:#bcbad0;line-height:1.7;max-width:630px;font-size:16px}
.landing-news-cta{border-radius:100px;padding:14px 23px;white-space:nowrap;border-color:#725e92}
.landing-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.landing-news-item{position:relative;display:flex;flex-direction:column;gap:13px;min-height:252px;padding:28px;border:1px solid rgba(169,117,224,.3);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(216,61,186,.16),transparent 52%),linear-gradient(145deg,#20152f,#0b1526);text-decoration:none;color:#fff;transition:transform .2s ease,border-color .2s ease}
.landing-news-item:hover{transform:translateY(-4px);border-color:#c575ee}
.landing-news-item .landing-news-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(130deg,#4e286d,#68327c);color:#f389f5;font-size:27px}
.landing-news-kicker{font-size:10px;letter-spacing:1.5px;color:#ae98cf}
.landing-news-item strong{font-size:22px;line-height:1.2}
.landing-news-item>span:not(.landing-news-icon):not(.landing-news-kicker):not(.landing-news-arrow){font-size:14px;line-height:1.55;color:#bdb8cc}
.landing-news-arrow{position:absolute;right:24px;top:28px;color:#e4b5f3;font-size:22px}
@media(max-width:700px){.header .brand .scypho-logo{width:96px}.landing-news{padding-block:55px}.landing-news-header{display:block}.landing-news-header h2{font-size:40px}.landing-news-header p:not(.eyebrow){font-size:14px}.landing-news-cta{display:inline-flex;margin-top:18px}.landing-news-grid{grid-template-columns:1fr;gap:12px}.landing-news-item{min-height:170px;padding:23px}.landing-news-item strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.landing-news-item{transition:none}}

/* Prominent PWA installation CTA above the landing hero only. */
body>.landing-install-cta{display:block;width:max-content;max-width:calc(100% - 32px);min-height:52px;margin:12px auto 0;padding:13px 30px;border:1px solid rgba(245,205,255,.8);border-radius:999px;background:linear-gradient(110deg,#a628c7,#6947e8,#3467e4);box-shadow:0 8px 26px rgba(140,66,224,.35);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;text-align:center;cursor:pointer}
body>.landing-install-cta:hover{filter:brightness(1.14);transform:translateY(-1px)}
body>.landing-install-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
body>.landing-install-cta[hidden]{display:none}
@media(max-width:700px){body>.landing-install-cta{width:calc(100% - 32px);margin-top:10px;padding:14px 18px;font-size:16px}}