/* NOWAY EDITORIAL V1: additive visual override. Existing #accountAuthModal,
   #premium and .stripe-btn remain untouched functionally. */
:root{--nwe-panel:#071828;--nwe-line:#1a405e;--nwe-blue:#58b4f5;--nwe-gold:#f7c54c;--nwe-muted:#a7b8c9}
html{scroll-padding-top:100px}
html body{background:radial-gradient(ellipse 900px 600px at 68% 4%,rgba(12,93,160,.26),transparent 75%),linear-gradient(180deg,#030914 0%,#061526 50%,#030a14 100%)!important}
html body main{isolation:isolate}
html body .shell{width:min(1330px,calc(100% - 44px))}
html body .topbar{width:min(1400px,calc(100% - 36px))!important;min-height:68px!important;top:8px!important;border-radius:18px!important;padding:9px 15px!important;gap:14px!important}
html body .topbar .desktop-nav{gap:19px!important;flex-wrap:nowrap!important}
html body .topbar .desktop-nav a{font-size:12px!important;white-space:nowrap!important}
html body .topbar .brand{min-width:0!important}
html body .topbar .brand .brand-text strong{font-size:16px!important}
html body .topbar .brand .brand-text small{display:none!important}
html body .topbar .manage-premium-top{min-height:36px!important;padding:0 12px!important;font-size:12px!important}
html body .topbar .btn{min-height:36px!important;padding:0 12px!important}
html body .nw-mobile-menu{display:none}
html body main .hero{min-height:580px!important;grid-template-columns:minmax(0,0.99fr) minmax(0,1.01fr)!important;gap:24px!important;align-items:center!important;padding:72px 0 42px!important}
html body .nw-hero-copy .eyebrow{font-size:11px!important;color:var(--nwe-gold)!important;letter-spacing:.14em!important}
html body .nw-hero-copy h1{max-width:740px!important;margin:19px 0 22px!important;font-size:clamp(36px,3.95vw,67px)!important;line-height:1.08!important;letter-spacing:-.048em!important;color:#f8fbff!important}
html body .nw-headline-line{display:block}
html body .nw-headline-gold{display:block;font-style:normal;background:linear-gradient(120deg,#ffec9e,#e4a72c);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .nw-hero-copy .lead{max-width:650px!important;font-size:clamp(15px,1.18vw,18px)!important;line-height:1.68!important;color:#c1d0df!important}
html body .nw-hero-copy .hero-actions{display:flex!important;gap:9px!important;margin-top:21px!important}
html body .nw-hero-copy .hero-actions .btn{min-height:46px!important;border-radius:12px!important;padding:0 17px!important;font-size:13px!important;box-shadow:none!important}
html body .nw-google-hero{background:#f9fafb!important;border:1px solid #e5eaf0!important;color:#19263c!important;display:inline-flex!important;gap:10px!important;font-weight:800!important}
html body .nw-google-hero:hover{background:#e8eff8!important}
html body .nw-hero-disclaimer{font-size:12px;line-height:1.65;color:#91a6b9;margin-top:16px;max-width:580px}
html body .hero-visual{min-width:0!important}
html body main .hero-device-composition{height:475px!important;min-width:0!important}
html body main .hero-device-composition:before{inset:10% 1% 10% 8%!important;border-radius:28px!important}
html body main .laptop-frame{width:95%!important;top:52px!important;right:0!important}
html body main .hero-phone-frame{width:180px!important;left:3%!important;bottom:0!important}
/* The old screenshot/gallery sections remain intact for the existing app.js,
   but the public-facing presentation follows the new mockup instead. */
html body main .visual-band,html body main .showcase,html body main .cinematic{display:none!important}
html body main .signal-strip{border-top:1px solid rgba(70,133,185,.17)!important;border-bottom:1px solid rgba(70,133,185,.17)!important;background:rgba(7,22,37,.42)!important}
html body main .signal-grid{display:flex!important;flex-wrap:wrap;gap:16px!important;justify-content:center!important;padding:13px 0!important}
html body main .signal-grid span{font-size:12px!important;color:#bcd0e7!important;white-space:nowrap!important}
html body main .nw-section{padding:35px 0 47px!important}
html body main .nw-section-heading{margin-bottom:21px!important}
html body main .nw-section-heading h2{font-size:clamp(27px,2.8vw,42px)!important;line-height:1.13!important;letter-spacing:-.035em!important;margin:8px 0!important}
html body main .nw-section-heading p{font-size:14px!important;line-height:1.55!important;color:var(--nwe-muted)!important;max-width:760px!important;margin:0!important}
html body .nw-between{display:flex;align-items:end;justify-content:space-between;gap:25px}
html body .nw-textlink{font-size:13px;font-weight:800;color:var(--nwe-gold)!important;text-decoration:none;white-space:nowrap}
html body .nw-textlink:hover{text-decoration:underline}
html body .nw-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html body .nw-feature-card{min-width:0;padding:20px 17px 19px;border:1px solid rgba(72,141,197,.27);border-radius:15px;background:linear-gradient(150deg,#091e31,#061320);box-shadow:0 14px 36px rgba(0,0,0,.15)}
html body .nw-feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:27px;background:linear-gradient(140deg,#123856,#0b2641);color:#7bc9ff}
html body .nw-feature-card:nth-child(1) .nw-feature-icon{color:#ff546b;background:#381321}
html body .nw-feature-card:nth-child(3) .nw-feature-icon{color:#c88cff;background:#241a45}
html body .nw-feature-card:nth-child(4) .nw-feature-icon{color:#ffd25e;background:#3a2a13}
html body .nw-feature-card:nth-child(5) .nw-feature-icon{color:#7ceaac;background:#123a31}
html body .nw-feature-card h3{font-size:16px!important;color:#fafcff!important;margin:15px 0 8px!important;line-height:1.22!important}
html body .nw-feature-card p{font-size:12px!important;color:#aabbd0!important;line-height:1.6!important;margin:0!important}
html body .nw-ai{padding-top:26px!important}
html body .nw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html body .nw-step{min-width:0;padding:22px 18px 21px;position:relative;min-height:226px;border:1px solid rgba(72,141,197,.27);border-radius:16px;background:linear-gradient(145deg,#0b243c,#061320)}
html body .nw-step-num{position:absolute;top:16px;left:17px;border:1px solid #427aa8;color:#cce7ff;border-radius:99px;font-size:12px;font-weight:800;padding:5px 7px}
html body .nw-step-icon{text-align:center;font-size:30px;color:#79bfff;line-height:1.2}
html body .nw-step:nth-child(4) .nw-step-icon{color:#f6ca4e}
html body .nw-step h3{font-size:17px!important;line-height:1.25;text-align:center;color:#fff;margin:19px 0 10px!important}
html body .nw-step p{font-size:13px!important;line-height:1.55!important;color:#adbfce!important;margin:0!important;text-align:center}
html body .nw-note{font-size:12px!important;color:#96b1c8!important;margin:13px 0 0!important;line-height:1.6!important}
html body .nw-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
html body .nw-guide-card{overflow:hidden;border:1px solid rgba(72,141,197,.29);border-radius:16px;background:#091d30;min-width:0}
html body .nw-guide-art{display:flex;justify-content:space-between;align-items:flex-start;min-height:155px;padding:15px;background:radial-gradient(ellipse at 75% 64%,rgba(57,188,206,.2),transparent 55%),linear-gradient(155deg,#15344a,#04111f);position:relative;overflow:hidden}
html body .nw-art-form{background:radial-gradient(ellipse at 50% 80%,rgba(54,141,82,.5),transparent 59%),linear-gradient(155deg,#223e56,#091625)}
html body .nw-art-h2h{background:linear-gradient(135deg,transparent 48%,rgba(240,206,90,.18) 49%,rgba(240,206,90,.18) 51%,transparent 52%),repeating-linear-gradient(0deg,transparent 0,transparent 29px,rgba(143,182,213,.12) 30px),linear-gradient(155deg,#0d3035,#061525)}
html body .nw-art-data{background:radial-gradient(ellipse at 73% 42%,rgba(42,115,218,.26),transparent 60%),linear-gradient(150deg,#111e42,#061323)}
html body .nw-guide-art-number{font-size:13px;color:#ddeffc;font-weight:900;border:1px solid rgba(169,210,241,.31);background:rgba(4,16,29,.68);padding:6px 9px;border-radius:8px}
html body .nw-guide-art-decoration{font-size:94px;line-height:1;opacity:.5;transform:rotate(-12deg);margin:0 25px}
html body .nw-guide-body{padding:18px 18px 21px}
html body .nw-guide-body small{color:#f3c853!important;letter-spacing:.075em;font-size:10px;font-weight:850}
html body .nw-guide-body h3{font-size:20px!important;line-height:1.2!important;margin:8px 0 8px!important}
html body .nw-guide-body h3 a{color:#fff}
html body .nw-guide-body p{font-size:13px!important;color:#acc0d4!important;line-height:1.6!important;min-height:65px}
html body .nw-faq-list{max-width:960px;display:grid;gap:9px}
html body .nw-faq-entry{border:1px solid rgba(76,149,206,.28);background:linear-gradient(110deg,#0c2236,#061523);border-radius:12px;padding:0 17px}
html body .nw-faq-entry summary{cursor:pointer;list-style:none;color:#f3f8ff;font-size:14px;font-weight:750;padding:18px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px}
html body .nw-faq-entry summary::after{content:'+';font-size:22px;color:#ffc959;flex:none}
html body .nw-faq-entry[open] summary::after{content:'−'}
html body .nw-faq-entry summary::-webkit-details-marker{display:none}
html body .nw-faq-entry p{font-size:13px!important;line-height:1.7!important;color:#afc4d8!important;padding:0 7px 18px;margin:0!important}
html body .nw-about{display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:center;border:1px solid rgba(68,133,178,.27);padding:30px!important;border-radius:19px;background:linear-gradient(130deg,#0a2237,#071323)}
html body .nw-about h2{font-size:clamp(24px,2.3vw,36px)!important;line-height:1.15!important;margin:10px 0!important}
html body .nw-about p{font-size:14px!important;line-height:1.75!important;color:#aec3d5!important}
html body .nw-about-aside{text-align:center;border:1px solid #284965;border-radius:15px;padding:25px 18px;background:rgba(7,23,38,.8)}
html body .nw-about-ball{font-size:75px;display:block;margin-bottom:7px}
html body .nw-about-aside h3{font-size:19px!important;margin:8px 0!important}
html body .nw-about-aside p{font-size:13px!important}
html body main .premium-section{margin-top:35px!important;padding:60px 0!important;background:linear-gradient(180deg,rgba(15,34,54,.62),rgba(4,15,27,.2))!important;border-top:1px solid rgba(63,124,177,.25)!important}
html body main .premium-section .section-head h2{font-size:clamp(30px,3vw,43px)!important}
html body main .premium-section .pricing-grid{gap:16px!important}
html body main .premium-section .price-card{border-radius:16px!important;border-color:rgba(87,141,184,.3)!important;background:linear-gradient(135deg,#091b2c,#09121d)!important}
html body main .premium-section .price-card.featured{border-color:rgba(247,201,74,.67)!important;box-shadow:0 0 0 1px rgba(247,201,74,.06) inset!important}
html body main .premium-section .renewal-note{color:#afc3d5!important;line-height:1.6!important}
html body .nw-footer-extra{display:flex;gap:13px;flex-wrap:wrap;grid-column:1 / -1;justify-content:center;border-top:1px solid rgba(89,144,189,.20);padding-top:16px}
html body .nw-footer-extra a{font-size:12px;color:#9eb4ca}
html body .nw-footer-extra a:hover{color:#f4ca62}
@media (min-width:901px) and (max-width:1210px){html body .topbar .desktop-nav{gap:11px!important}html body .topbar .brand .brand-text strong{font-size:14px!important}html body main .hero{grid-template-columns:1fr 1fr!important}html body .nw-hero-copy h1{font-size:45px!important}html body .nw-hero-copy .hero-actions .btn{padding:0 11px!important;font-size:12px!important}}
@media (max-width:900px){
 html body .shell{width:calc(100% - 32px)!important}
 html body .topbar{width:calc(100% - 20px)!important;gap:7px!important;min-height:58px!important;top:6px!important;flex-wrap:nowrap!important;padding:7px 9px!important}
 html body .topbar .brand .brand-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}
 html body .topbar .brand .brand-text strong{font-size:14px!important}
 html body .topbar .desktop-nav{display:none!important}
 html body .topbar .manage-premium-top{display:none!important}
 html body .topbar .top-actions{margin-left:auto!important;gap:6px!important;min-width:0!important}
 html body .topbar .top-actions > a.btn{display:none!important}
 html body .topbar .account-auth-btn{font-size:12px!important;padding:0 9px!important;min-height:34px!important}
 html body .nw-mobile-menu{display:block!important;position:relative!important;flex:none!important;z-index:100}
 html body .nw-mobile-menu summary{display:grid;place-items:center;width:36px;height:36px;background:#0c2234;border:1px solid #31536d;border-radius:10px;color:#f7c54c;list-style:none;cursor:pointer;font-size:23px;line-height:1}
 html body .nw-mobile-menu summary::-webkit-details-marker{display:none}
 html body .nw-mobile-menu nav{position:absolute;right:0;top:43px;min-width:215px;padding:8px;background:#071727;border:1px solid #2e5474;box-shadow:0 20px 60px #0009;border-radius:13px;display:grid;gap:3px}
 html body .nw-mobile-menu nav a{font-size:13px;color:#d8e6f3;padding:10px 11px;border-radius:8px;display:block}
 html body .nw-mobile-menu nav a:hover{background:#102b42;color:#ffd161}
 html body main .hero{grid-template-columns:1fr!important;gap:6px!important;min-height:0!important;padding:52px 0 15px!important}
 html body .nw-hero-copy h1{font-size:clamp(34px,7vw,56px)!important;max-width:780px!important;line-height:1.09!important}
 html body .nw-hero-copy .lead{font-size:15px!important}
 html body .hero-visual{width:100%!important}
 html body main .hero-device-composition{height:clamp(300px,57vw,510px)!important;max-width:700px!important;margin:0 auto!important}
 html body main .laptop-frame{top:35px!important;right:2%!important}
 html body main .hero-phone-frame{width:clamp(130px,24vw,185px)!important;left:2%!important;bottom:0!important}
 html body .nw-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .nw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .nw-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .nw-about{grid-template-columns:1fr}
}
@media (max-width:580px){
 html body .topbar .brand{gap:5px!important}
 html body .topbar .brand .brand-text strong{font-size:12px!important}
 html body .topbar .noway-language-switch{padding:2px!important}
 html body .topbar .noway-language-option{min-width:25px!important;font-size:10px!important;padding:4px!important}
 html body .nw-hero-copy .eyebrow{font-size:10px!important}
 html body .nw-hero-copy h1{font-size:clamp(31px,9vw,44px)!important;margin:17px 0 15px!important}
 html body .nw-hero-copy .lead{font-size:14px!important}
 html body .nw-hero-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 html body .nw-hero-copy .hero-actions .btn{min-height:46px!important;font-size:13px!important;width:100%!important}
 html body main .hero-device-composition{height:clamp(240px,74vw,360px)!important}
 html body main .hero-phone-frame{width:30%!important;left:0!important}
 html body main .laptop-frame{top:37px!important;right:0!important;width:92%!important}
 html body .nw-feature-grid{grid-template-columns:1fr!important;gap:9px!important}
 html body .nw-feature-card{display:grid;grid-template-columns:42px 1fr!important;column-gap:13px!important;align-items:center!important;padding:13px 14px!important}
 html body .nw-feature-icon{grid-row:1/3;width:42px;height:42px;font-size:22px}
 html body .nw-feature-card h3{margin:0 0 3px!important;font-size:14px!important}
 html body .nw-feature-card p{font-size:12px!important}
 html body .nw-between{display:block}
 html body .nw-between .nw-textlink{display:inline-block;margin-top:12px}
 html body .nw-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body .nw-step{min-height:0;padding:17px 10px 15px!important}
 html body .nw-step-num{position:static;display:inline-block;margin-bottom:6px;font-size:10px}
 html body .nw-step-icon{font-size:21px!important}
 html body .nw-step h3{font-size:13px!important;margin:7px 0!important}
 html body .nw-step p{font-size:11px!important;line-height:1.5!important}
 html body .nw-guides-grid{grid-template-columns:1fr!important;gap:11px!important}
 html body .nw-guide-card{display:grid;grid-template-columns:110px 1fr}
 html body .nw-guide-art{min-height:100%;align-items:center;padding:8px;flex-direction:column;justify-content:space-around}
 html body .nw-guide-art-decoration{font-size:58px!important;margin:0}
 html body .nw-guide-body{padding:15px!important}
 html body .nw-guide-body h3{font-size:16px!important}
 html body .nw-guide-body p{font-size:12px!important;min-height:0;margin:0 0 7px!important}
 html body .nw-about{padding:19px!important}
 html body .nw-about-aside{padding:12px}
 html body .nw-about-ball{font-size:40px}
 html body .nw-faq-entry summary{font-size:13px!important}
 html body .nw-section-heading h2{font-size:28px!important}
 html body main .nw-section{padding:29px 0 35px!important}
}

/* Hard stop for old responsive showcase inherited from legacy mobile styling. */
@media (max-width:900px){html body main section.section.shell.showcase,html body main section.visual-band.shell,html body main section.cinematic.shell{display:none!important}}