@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");

:root{
  --ink:#163a5b;
  --ink-deep:#0f2e4b;
  --navy:#153f68;
  --navy-2:#0f3152;
  --blue:#2d78a5;
  --blue-soft:#e8f1f7;
  --green:#55b832;
  --green-deep:#3f9824;
  --green-soft:#edf7e9;
  --yellow:#e6b92e;
  --paper:#f6f8fa;
  --paper-2:#eef3f6;
  --white:#ffffff;
  --muted:#6b7f91;
  --line:#d7e1e8;
  --line-dark:rgba(255,255,255,.12);
  --shadow:0 26px 70px rgba(15,46,75,.12);
  --shadow-soft:0 12px 32px rgba(15,46,75,.08);
  --shell:min(1240px,calc(100vw - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-site{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.public-shell{width:var(--shell);margin-inline:auto}
.section{padding:88px 0}
.page-top-messages{padding-top:112px}
h1,h2,h3{font-family:"Inter Tight",Inter,sans-serif}

.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:2000;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--green),var(--blue),var(--yellow))}

/* HEADER */
.site-header{position:fixed;top:18px;left:0;width:100%;z-index:1000;transition:.25s ease}
.site-header.scrolled{top:10px}
.site-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 18px;border:1px solid rgba(22,58,91,.08);border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(15,46,75,.10)}
.site-brand img{height:44px;width:auto}
.site-links{display:flex;align-items:center;gap:28px}
.site-links a,.site-contact{color:var(--ink);font-size:.95rem;font-weight:650;transition:.2s}
.site-links a:hover,.site-contact:hover{color:var(--green-deep)}
.site-actions{display:flex;align-items:center;gap:12px}
.site-demo{display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:12px;background:var(--navy);color:#fff;font-weight:750;font-size:.94rem;transition:.2s}
.site-demo:hover{background:var(--navy-2);transform:translateY(-1px)}
.site-login{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink);background:#fff}
.mobile-menu-btn{display:none;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font-size:1.45rem}

/* SHARED */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#60778b;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750}
.dark-eyebrow{color:rgba(255,255,255,.68)}
.dark-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(85,184,50,.11)}
.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:750;transition:.2s ease}
.btn-premium:hover{transform:translateY(-1px)}
.btn-premium.solid{background:var(--green);color:#12361d}
.btn-premium.solid:hover{background:#61c53b}
.btn-premium.outline{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.055)}
.btn-premium.light{background:#fff;color:var(--navy)}
.text-arrow{display:inline-flex;align-items:center;gap:9px;font-weight:750;color:var(--navy);margin-top:18px}
.text-arrow:hover{color:var(--green-deep)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.reveal.visible{opacity:1;transform:none}

/* HOME HERO */
.hero-digital{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-2) 0%,var(--navy) 58%,#205f83 100%);padding:146px 0 92px;color:#fff;min-height:860px}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-accent{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
.hero-accent-a{width:700px;height:700px;right:-330px;top:-190px;border-width:2px;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(85,184,50,.018)}
.hero-accent-b{width:260px;height:260px;left:-100px;bottom:-70px;border-color:rgba(230,185,46,.28)}
.hero-digital-inner{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}
.hero-digital-copy h1{font-size:clamp(4rem,6vw,6.5rem);line-height:.92;letter-spacing:-.065em;margin:20px 0 26px;font-weight:700}
.hero-digital-copy h1 em,.page-hero-dark h1 em,.pricing-hero-dark h1 em,.discover-hero h1 em,.demo-hero-dark h1 em{font-style:normal;color:#7dd055}
.hero-digital-copy>p{max-width:600px;margin:0;color:rgba(255,255,255,.73);font-size:1.15rem;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.hero-meta div{display:grid;gap:5px}.hero-meta strong{color:#8ad369;font-size:.82rem;letter-spacing:.08em}.hero-meta span{color:rgba(255,255,255,.62);font-size:.86rem}
.hero-product{position:relative}
.product-shell{overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.17);background:#eff4f7;box-shadow:0 42px 100px rgba(7,29,49,.34)}
.product-topbar{height:48px;background:#f9fbfc;border-bottom:1px solid #dce4e9;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;color:#587080;font-size:.77rem}
.browser-dots{display:flex;gap:6px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:#c7d0d7}.browser-dots span:first-child{background:#d97668}.browser-dots span:nth-child(2){background:#e1b754}.browser-dots span:nth-child(3){background:#65b85a}
.product-location{text-align:center;font-weight:650}.product-live{text-align:right}.product-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}
.product-body{display:grid;grid-template-columns:76px 1fr;min-height:520px}
.product-side{background:var(--navy);display:flex;flex-direction:column;align-items:center;padding:18px 10px;gap:12px}
.product-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--navy);font-family:"Inter Tight";font-size:1.15rem;font-weight:800;margin-bottom:12px;border-bottom:4px solid var(--green)}
.product-side button{width:42px;height:42px;border:0;border-radius:11px;color:#c7d8e5;background:transparent}.product-side button.active{background:rgba(255,255,255,.13);color:#fff}
.product-canvas{position:relative;padding:28px;background:linear-gradient(180deg,#f7fafc,#edf3f7)}
.product-canvas-head,.demo-screen-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.product-canvas-head span,.demo-screen-head span{display:block;color:#8796a1;font-size:.77rem}.product-canvas-head h3,.demo-screen-head h2{font-size:1.7rem;margin:4px 0 0;color:var(--navy)}.product-action,.demo-screen-head button{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:10px 13px;font-weight:750}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row article{background:#fff;border:1px solid #dbe4e9;border-radius:14px;padding:16px}.metric-row span{font-size:.76rem;color:#7b8d99}.metric-row b{display:block;font-size:1.75rem;color:var(--navy);margin-top:7px}.metric-row small{color:#99a6ae}
.schedule-card{margin-top:16px;background:#fff;border:1px solid #dbe4e9;border-radius:14px;padding:16px}.schedule-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;color:var(--navy)}.schedule-head span{font-size:.77rem;color:var(--green-deep)}
.schedule-row{display:grid;grid-template-columns:54px 10px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf1f3}.schedule-row time{font-size:.78rem;font-weight:750;color:#496579}.schedule-row .dot{width:7px;height:7px;border-radius:50%}.dot.green{background:var(--green)}.dot.amber{background:var(--yellow)}.dot.blue{background:var(--blue)}.dot.violet{background:#7a6cad}.schedule-row b{font-size:.85rem;color:#1a405c}.schedule-row small{display:block;color:#8e9ba3}.schedule-row>span{font-size:.7rem;padding:5px 8px;border-radius:999px;background:#f2f5f6;color:#70818c}
.product-toast{position:absolute;right:28px;bottom:18px;background:var(--navy-2);color:#fff;border-radius:10px;padding:11px 14px;font-size:.78rem;opacity:0;transform:translateY(10px);transition:.2s}.product-toast.show{opacity:1;transform:none}
.product-caption{margin-top:18px;text-align:right;color:rgba(255,255,255,.5);font-size:.82rem}

/* CORE SECTIONS */
.statement-section{background:#fff}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.statement-lead h2,.system-copy h2,.split-copy h2,.contact-copy h2,.feature-editorial-copy h2,.dual-feature h2,.pricing-detail h2,.discover-step-copy h2{font-size:clamp(2.8rem,4vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 0}
.statement-copy p,.system-copy p,.split-copy p,.contact-copy p,.feature-editorial-copy p,.dual-feature p,.discover-step-copy p{font-size:1.08rem;line-height:1.78;color:var(--muted);margin:0}

.product-story{background:var(--paper-2)}
.story-layout{display:grid;grid-template-columns:.42fr .58fr;gap:48px;align-items:start}
.story-tabs{position:sticky;top:118px}.story-tabs h2{font-size:clamp(2.8rem,4vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 28px}
.story-tab-list{display:grid;border-top:1px solid #cfd9df}.story-tab{display:grid;grid-template-columns:46px 1fr;gap:12px;text-align:left;border:0;border-bottom:1px solid #cfd9df;background:transparent;padding:18px 0;color:#708290}.story-tab.active{color:var(--navy)}.story-tab>span{font-size:.78rem;color:#9aa8b3}.story-tab b{display:block;font-size:1rem}.story-tab small{display:block;margin-top:3px;color:#8797a3}
.story-stage{min-height:510px}.story-screen{display:none;background:#fff;border:1px solid #d6e0e6;border-radius:18px;padding:26px;box-shadow:var(--shadow-soft)}.story-screen.active{display:block}.screen-label{display:inline-flex;padding:6px 9px;border-radius:7px;background:var(--blue-soft);color:var(--navy);font-size:.72rem;font-weight:750;margin-bottom:16px}.story-screen>p{margin:22px 0 0;color:#788a96;line-height:1.6}
.week-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--navy)}.week-head span{font-size:.82rem;color:#8797a4}
.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.day-col{min-height:250px;border:1px solid #e0e7ec;border-radius:12px;padding:10px;background:#fafcfd}.day-col>span{display:block;color:#7890a2;font-size:.72rem;font-weight:750;margin-bottom:9px}.event{border-radius:8px;padding:9px;margin-bottom:8px;border-left:3px solid currentColor;background:#fff}.event b{display:block;font-size:.72rem}.event small{font-size:.68rem}.event.blue{color:#2b78a6}.event.green{color:var(--green-deep)}.event.amber{color:#aa7e00}.event.dark{color:var(--navy)}
.kids-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kids-head b{display:block}.kids-head span{display:block;color:#82929e;font-size:.8rem}.status-pill{padding:6px 9px;border-radius:999px;background:var(--green-soft);color:var(--green-deep)!important;font-weight:750}
.kid-list{display:grid;gap:10px}.kid-list article{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #e2e8ec;border-radius:12px;background:#fff}.avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e8f1f7;color:var(--navy);font-weight:800}.kid-list b{font-size:.86rem}.kid-list small{display:block;color:#8b99a2}.ok,.wait{font-size:.72rem;font-weight:750;padding:6px 8px;border-radius:999px}.ok{background:var(--green-soft);color:var(--green-deep)}.wait{background:#fff5d7;color:#8b6a00}
.stats-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats-top article{border:1px solid #e0e7ec;border-radius:12px;padding:14px}.stats-top span{display:block;color:#7d8e99;font-size:.72rem}.stats-top b{display:block;font-size:1.65rem;color:var(--navy);margin-top:6px}.chart-shell{height:220px;margin-top:16px;display:flex;align-items:flex-end;gap:12px;padding:20px;border:1px solid #e0e7ec;border-radius:12px;background:linear-gradient(180deg,#f9fbfc,#f0f5f8)}.chart-shell span{height:var(--h);flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--green),#8fd16c)}

.system-section{background:#fff}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.system-diagram{position:relative;min-height:500px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f7fafc,#eef4f7);overflow:hidden;box-shadow:var(--shadow-soft)}
.system-diagram::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,63,104,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,63,104,.05) 1px,transparent 1px);background-size:44px 44px}
.system-core,.system-node{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.system-core{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;align-content:center;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid var(--navy)}.system-core span{font-family:"Inter Tight";font-weight:800;font-size:1.45rem;color:var(--navy)}.system-core small{color:var(--muted);margin-top:4px}
.system-ring{position:absolute;border:1px solid rgba(21,63,104,.17);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:310px;height:310px}.ring-b{width:440px;height:440px;border-style:dashed}
.system-node{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:750}.system-node i{color:var(--green-deep)}.node-a{top:65px;left:55px}.node-b{top:210px;right:45px}.node-c{bottom:65px;left:80px}
.field-list{display:grid;gap:13px;margin-top:24px}.field-list div{display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-weight:600}.field-list i{color:var(--green-deep);font-size:1.1rem;margin-top:3px}

.split-section{background:var(--paper-2)}
.split-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}

/* GROUP ARCHITECTURE — V8.1 */
.group-architecture{position:relative;border:1px solid #d5e0e7;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 46px rgba(15,46,75,.07)}
.group-architecture::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,63,104,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,63,104,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)}
.architecture-topbar{position:relative;z-index:2;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #e1e8ed;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.architecture-topbar>div{display:grid;gap:2px}.architecture-kicker{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#8193a1;font-weight:750}.architecture-topbar strong{font-size:.95rem;letter-spacing:-.01em;color:var(--ink-deep)}
.architecture-live{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dce6dc;border-radius:999px;background:#f7fbf5;color:#58704d;font-size:.68rem;font-weight:700}.architecture-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,184,50,.10)}
.architecture-canvas{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:stretch;padding:34px 30px 30px;min-height:330px}
.architecture-core{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:230px;padding:28px;border:1px solid #16466f;border-radius:16px;background:linear-gradient(145deg,#173f65,#0f3152);color:#fff;box-shadow:0 18px 38px rgba(15,46,75,.15)}
.architecture-core::after{content:"";position:absolute;left:100%;top:50%;width:72px;height:1px;background:#b9cbd7}
.architecture-core>span{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:#91c97b;font-weight:800}.architecture-core h3{margin:9px 0 20px;font-size:1.45rem;letter-spacing:-.025em}.architecture-core-list{display:grid;gap:10px}.architecture-core-list div{display:flex;align-items:center;gap:9px;padding-top:10px;border-top:1px solid rgba(255,255,255,.11);font-size:.76rem;color:#dce7ef}.architecture-core-list i{color:#8bd26c;font-size:.92rem}
.architecture-sites{position:relative;display:grid;gap:13px;align-content:center}.architecture-sites::before{content:"";position:absolute;left:-36px;top:17%;bottom:17%;width:1px;background:#b9cbd7}.architecture-site{position:relative;border:1px solid #d7e1e7;border-radius:14px;background:rgba(255,255,255,.96);padding:15px 16px;box-shadow:0 8px 22px rgba(15,46,75,.05);transition:.2s ease}.architecture-site::before{content:"";position:absolute;right:100%;top:50%;width:36px;height:1px;background:#b9cbd7}.architecture-site:hover{transform:translateX(3px);border-color:#b9cdd9;box-shadow:0 11px 26px rgba(15,46,75,.08)}
.architecture-site-head{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center}.site-status{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,184,50,.09)}.architecture-site-head b{font-size:.8rem;color:var(--ink-deep)}.architecture-site-head em{font-style:normal;font-size:.63rem;color:#8294a2;border:1px solid #e1e8ed;border-radius:999px;padding:4px 7px;background:#fafcfd}.architecture-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;padding-left:18px}.architecture-tags span{font-size:.63rem;color:#63788a;background:#f3f6f8;border:1px solid #e3e9ed;border-radius:7px;padding:5px 7px}
.architecture-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:11px 18px;border-top:1px solid #e1e8ed;background:#f8fafb;color:#6d8090;font-size:.68rem;font-weight:650}.architecture-footer>span{display:inline-flex;align-items:center;gap:7px}.architecture-footer i{color:var(--navy)}.architecture-footer .architecture-arrow i{color:#9cafbb}
.group-architecture.compact .architecture-canvas{min-height:310px;padding:28px 24px 24px;gap:60px}.group-architecture.compact .architecture-core{min-height:215px;padding:24px}.group-architecture.compact .architecture-core::after{width:60px}.group-architecture.compact .architecture-sites::before{left:-30px}.group-architecture.compact .architecture-site::before{width:30px}

.pricing-preview,.closing-cta{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}.pricing-preview-inner,.closing-cta-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.pricing-preview h2,.closing-cta h2{font-size:clamp(2.8rem,4vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 0}.pricing-preview h2 em{font-style:normal;color:#84d55f}.pricing-preview p{color:rgba(255,255,255,.66);line-height:1.75}.pricing-preview .btn-premium{margin-top:20px}.closing-cta-inner{grid-template-columns:1fr auto}

.contact-premium{background:#fff}.contact-premium-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-email{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-weight:750;color:var(--navy)}.contact-form{background:var(--paper);border:1px solid #dce4e9;border-radius:18px;padding:28px}.contact-form label{display:block;font-size:.78rem;font-weight:700;color:#647a8d;margin-bottom:7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d6e0e6;border-radius:10px;background:#fff;padding:12px 13px;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(85,184,50,.11)}.contact-form textarea{min-height:130px}

/* INTERNAL PAGE HEROES */
.page-hero-dark,.pricing-hero-dark,.discover-hero,.demo-hero-dark{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-2),var(--navy) 64%,#205f83);color:#fff;padding:154px 0 88px}.page-hero-dark::after,.pricing-hero-dark::after,.discover-hero::after,.demo-hero-dark::after{content:"";position:absolute;right:-230px;top:-280px;width:720px;height:720px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(85,184,50,.02)}
.page-hero-dark-grid,.pricing-hero-grid,.discover-hero-grid,.demo-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .62fr;gap:60px;align-items:center}.page-hero-dark h1,.pricing-hero-dark h1,.discover-hero h1,.demo-hero-dark h1{font-size:clamp(3.6rem,5.3vw,6rem);line-height:.94;letter-spacing:-.06em;margin:18px 0 24px}.page-hero-dark p,.pricing-hero-dark p,.discover-hero p,.demo-hero-dark p{max-width:650px;color:rgba(255,255,255,.68);font-size:1.08rem;line-height:1.75}
.page-hero-index{display:grid;border-top:1px solid rgba(255,255,255,.16)}.page-hero-index div{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16)}.page-hero-index strong{color:#84d55f}.page-hero-index span{color:rgba(255,255,255,.72)}

/* FEATURES */
.feature-editorial{background:#fff}.feature-editorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.minimal-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.minimal-list li{border-top:1px solid #dbe4ea;padding:11px 0;color:#607589}
.feature-editorial-ui{background:var(--paper);border:1px solid #d9e2e8;border-radius:18px;padding:22px;box-shadow:var(--shadow-soft)}
.dark-section{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}.dual-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dual-feature{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px;background:rgba(255,255,255,.035)}.dual-feature h2{font-size:clamp(2.2rem,3vw,3.6rem)}.dual-feature p{color:rgba(255,255,255,.66)}.dark-list article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.dark-list .avatar{background:rgba(255,255,255,.12);color:#fff}.dark-list b{color:#fff}.dark-list small{color:rgba(255,255,255,.58)}
.audience-control{display:flex;flex-direction:column;justify-content:center}.audience-control-grid{display:grid;gap:12px;margin-top:24px}.audience-line{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.audience-line:first-child{border-top:0}.audience-dot{width:8px;height:8px;border-radius:50%}.audience-dot.kids{background:var(--green)}.audience-dot.teens{background:var(--yellow)}.audience-dot.adults{background:#66a4ce}.audience-line b{display:block}.audience-line small{display:block;color:rgba(255,255,255,.58);margin-top:3px}.audience-line em{font-style:normal;color:rgba(255,255,255,.55);font-size:.78rem}
.cards-technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech-card{border:1px solid #dbe4ea;border-radius:16px;padding:24px;background:#fff}.tech-card i{font-size:1.35rem;color:var(--green-deep)}.tech-card>span{display:block;margin-top:28px;color:#8092a0;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.tech-card h3{font-size:1.35rem;margin:8px 0}.tech-card p{color:var(--muted);line-height:1.65;margin:0}

/* GROUPS */
.network-visual{position:relative;min-height:360px}.network-visual svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.2}.network-center,.network-node{position:absolute;z-index:2;border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.network-center{left:50%;top:45%;transform:translate(-50%,-50%);background:#fff;color:var(--navy);border-color:#fff}.network-node.a{left:2%;top:5%}.network-node.b{right:2%;top:5%}.network-node.c{right:12%;bottom:1%}.network-center b,.network-node b{display:block}.network-center span,.network-node span{display:block;margin-top:4px;font-size:.74rem;color:rgba(255,255,255,.56)}.network-center span{color:#738798}
.group-columns-section{background:var(--paper-2)}.group-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced9e0}.group-column{padding:28px 28px 28px 0;border-bottom:1px solid #ced9e0}.group-column+ .group-column{padding-left:28px;border-left:1px solid #ced9e0}.group-column>span{font-size:.78rem;color:var(--green-deep)}.group-column h3{font-size:1.45rem;margin:18px 0 9px}.group-column p{margin:0;color:var(--muted);line-height:1.7}


/* PRICING */
.pricing-number{display:grid;gap:6px;justify-items:end}.pricing-number span{color:rgba(255,255,255,.58)}.pricing-number strong{font-family:"Inter Tight";font-size:clamp(4.5rem,7vw,7.5rem);line-height:.9;color:#fff}.pricing-number em{font-style:normal;color:#84d55f;font-weight:700}
.pricing-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.price-list{display:grid;margin-top:24px;border-top:1px solid #d9e2e8}.price-list div{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #d9e2e8}.price-list i{color:var(--green-deep)}.pricing-side{display:grid;gap:12px}.pricing-side article{background:#fff;border:1px solid #d9e2e8;border-radius:14px;padding:22px}.pricing-side article>span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7f909c}.pricing-side h3{font-size:1.3rem;margin:8px 0}.pricing-side p{margin:0;color:var(--muted);line-height:1.65}

/* DISCOVER */
.discover-marker{display:flex;gap:12px;justify-content:flex-end}.discover-marker span{width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-weight:750;color:#fff}.discover-marker span:nth-child(2){border-color:rgba(85,184,50,.55)}
.discover-flow{background:#fff}.discover-step{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center;padding:52px 0;border-bottom:1px solid #d9e2e8}.discover-step.reverse{grid-template-columns:1.25fr .75fr}.discover-step.reverse .discover-step-copy{order:2}.discover-step.reverse .discover-step-media{order:1}.discover-step-copy>span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);font-weight:750}.discover-step-copy h2{font-size:clamp(2.5rem,3.6vw,4.3rem)}.discover-step-media{min-height:400px;border:1px solid #d9e2e8;border-radius:18px;background:var(--paper);padding:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dark-media{display:block;background:linear-gradient(135deg,#eaf0f4,#f8fafb)}
.mock-phone-shell{background:linear-gradient(145deg,#eef3f6,#fff)}.mock-phone{width:270px;border-radius:34px;border:8px solid var(--navy);background:#fff;padding:14px 12px 12px;box-shadow:var(--shadow)}.mock-phone-top{display:flex;justify-content:space-between;align-items:center;color:#6c8191;font-size:.68rem;padding:0 6px 9px}.mock-phone-top i{width:8px;height:8px;border-radius:50%;background:var(--green)}.mock-phone-head{display:flex;justify-content:space-between;align-items:end;padding:12px 6px 16px}.mock-phone-head b{font-size:1.2rem;color:var(--navy)}.mock-phone-head small{color:#8192a0}.mock-phone-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px 9px;border-top:1px solid #e4eaee}.mock-phone-card>span{font-size:.72rem;font-weight:750;color:var(--blue)}.mock-phone-card b{display:block;font-size:.78rem}.mock-phone-card small{color:#8b99a3;font-size:.69rem}.mock-phone-card i{color:var(--green-deep)}.mock-phone-nav{display:flex;justify-content:space-around;border-top:1px solid #e4eaee;padding-top:12px;margin-top:10px;color:#8a9aa5}.mock-phone-nav i:first-child{color:var(--navy)}
.mini-browser{width:100%;border:1px solid #d9e2e8;border-radius:15px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.mini-browser-bar{height:38px;background:#f4f7f9;border-bottom:1px solid #dce4e9;display:flex;align-items:center;gap:6px;padding:0 12px}.mini-browser-bar span{width:7px;height:7px;border-radius:50%;background:#c2cbd2}.mini-browser-bar b{margin-left:12px;color:#768998;font-size:.72rem}.mini-browser-body{display:grid;grid-template-columns:52px 1fr;min-height:300px}.mini-browser-body aside{background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 8px;color:#c5d6e2}.mini-browser-body main{padding:18px}.week-grid.compact .day-col{min-height:180px}

/* DEMO */
.demo-hero-note{display:flex;gap:13px;align-items:center;justify-self:end;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06)}.demo-hero-note i{font-size:1.3rem;color:#84d55f}.demo-hero-note b{display:block}.demo-hero-note span{display:block;color:rgba(255,255,255,.58);font-size:.78rem;margin-top:3px}
.demo-workspace-section{background:var(--paper-2)}.demo-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px;color:#7b8d9a;font-size:.82rem}.role-switch{display:flex;gap:4px;padding:4px;border:1px solid #d5dfe5;border-radius:10px;background:#fff}.role-switch button{border:0;background:transparent;color:#738797;padding:9px 12px;border-radius:7px;font-weight:700}.role-switch button.active{background:var(--navy);color:#fff}
.demo-workspace{display:grid;grid-template-columns:220px 1fr;min-height:580px;border:1px solid #d5dfe5;border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.demo-sidebar{background:var(--navy);padding:22px 14px;display:flex;flex-direction:column;gap:7px}.demo-sidebar img{width:150px;margin:0 6px 18px;filter:brightness(0) invert(1)}.demo-sidebar button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#c0d1de;padding:12px;border-radius:9px;text-align:left}.demo-sidebar button.active,.demo-sidebar button:hover{background:rgba(255,255,255,.11);color:#fff}.demo-main{padding:28px;background:#f5f8fa}.demo-screen{display:none}.demo-screen.active{display:block}.demo-week .day-col{min-height:270px}.guest-workspace{display:grid;grid-template-columns:.75fr 1fr;gap:50px;align-items:center;padding:44px;border:1px solid #d5dfe5;border-radius:18px;background:#fff}.guest-device{display:flex;justify-content:center}

/* FOOTER */
.site-footer{background:#fff;border-top:1px solid #dce4e9;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:40px}.footer-brand img{height:42px}.footer-brand p{max-width:420px;color:#7c8d99;line-height:1.6}.footer-nav,.footer-legal{display:grid;gap:9px;align-content:start}.footer-nav a,.footer-legal a{color:#60758a;font-weight:600}.footer-nav a:hover,.footer-legal a:hover{color:var(--green-deep)}

@media(max-width:1050px){
  .site-links{gap:18px}.hero-digital-inner,.statement-grid,.system-grid,.split-grid,.contact-premium-grid,.page-hero-dark-grid,.pricing-hero-grid,.discover-hero-grid,.demo-hero-grid,.feature-editorial-grid,.pricing-detail-grid{grid-template-columns:1fr}.hero-product{margin-top:20px}.story-layout{grid-template-columns:1fr}.story-tabs{position:static}.dual-feature-grid{grid-template-columns:1fr}.cards-technical-grid{grid-template-columns:repeat(2,1fr)}.pricing-preview-inner{grid-template-columns:1fr}.pricing-number{justify-items:start}.pricing-number strong{font-size:5.8rem}.network-visual{min-height:420px}.discover-step,.discover-step.reverse{grid-template-columns:1fr}.discover-step.reverse .discover-step-copy,.discover-step.reverse .discover-step-media{order:initial}.demo-workspace{grid-template-columns:1fr}.demo-sidebar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.demo-sidebar img{display:none}.guest-workspace{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}

@media(max-width:860px){
  .site-nav{height:auto;min-height:68px;flex-wrap:wrap}.site-links,.site-actions{display:none;width:100%}.site-nav.open .site-links,.site-nav.open .site-actions{display:flex}.site-nav.open .site-links{flex-direction:column;align-items:flex-start;padding:8px 2px}.site-nav.open .site-actions{flex-wrap:wrap;padding-bottom:8px}.mobile-menu-btn{display:inline-flex}.site-brand img{height:40px}.hero-digital{padding-top:126px;min-height:auto}.hero-digital-copy h1{font-size:clamp(3.2rem,11vw,5rem)}.hero-meta{grid-template-columns:1fr}.product-body{grid-template-columns:56px 1fr}.product-side{padding:14px 6px}.product-side button{width:38px;height:38px}.product-mark{width:38px;height:38px}.metric-row,.stats-top{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(2,1fr)}.week-grid .day-col:last-child{grid-column:span 2}.system-diagram{min-height:430px}.group-columns{grid-template-columns:1fr}.group-column+.group-column{padding-left:0;border-left:0}.minimal-list{grid-template-columns:1fr}.demo-sidebar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.discover-marker{justify-content:flex-start}.discover-marker span{width:60px;height:60px}}

@media(max-width:620px){
  :root{--shell:min(100vw - 24px,1240px)}.section{padding:66px 0}.site-header{top:10px}.site-nav{padding:10px 12px;border-radius:15px}.hero-digital{padding:118px 0 64px}.hero-digital-copy h1{font-size:3.2rem}.hero-digital-copy>p{font-size:1rem}.hero-actions{display:grid}.btn-premium{width:100%}.product-shell{border-radius:14px}.product-body{grid-template-columns:1fr}.product-side{display:none}.product-canvas{padding:16px}.product-topbar{grid-template-columns:1fr auto}.product-location{display:none}.schedule-row{grid-template-columns:46px 8px 1fr}.schedule-row>span{display:none}.statement-lead h2,.system-copy h2,.split-copy h2,.contact-copy h2,.feature-editorial-copy h2,.dual-feature h2,.pricing-detail h2,.discover-step-copy h2{font-size:2.55rem}.story-screen{padding:16px}.week-grid{grid-template-columns:1fr}.week-grid .day-col:last-child{grid-column:auto}.day-col{min-height:auto}.system-diagram{min-height:360px}.system-core{width:130px;height:130px}.ring-a{width:240px;height:240px}.ring-b{width:330px;height:330px}.node-a{top:40px;left:20px}.node-b{right:18px;top:160px}.node-c{bottom:40px;left:32px}.group-architecture{border-radius:16px}.architecture-topbar{padding:14px 15px;min-height:64px}.architecture-canvas{grid-template-columns:1fr;gap:18px;padding:18px 15px}.architecture-core{min-height:auto;padding:20px}.architecture-core::after,.architecture-sites::before,.architecture-site::before{display:none}.architecture-sites{gap:9px}.architecture-site{padding:13px}.architecture-footer{flex-wrap:wrap;gap:8px}.architecture-footer .architecture-arrow{display:none}.group-architecture.compact .architecture-canvas{padding:18px 15px;gap:18px}.group-architecture.compact .architecture-core{min-height:auto;padding:20px}.pricing-preview h2,.closing-cta h2{font-size:2.55rem}.closing-cta-inner{grid-template-columns:1fr}.page-hero-dark,.pricing-hero-dark,.discover-hero,.demo-hero-dark{padding:128px 0 70px}.page-hero-dark h1,.pricing-hero-dark h1,.discover-hero h1,.demo-hero-dark h1{font-size:3.25rem}.cards-technical-grid{grid-template-columns:1fr}.network-node.a{left:0}.network-node.b{right:0}.network-node.c{right:2%}.pricing-number strong{font-size:4.5rem}.discover-step-media{min-height:320px;padding:14px}.mock-phone{width:240px}.mini-browser-body{grid-template-columns:42px 1fr}.mini-browser-body aside{padding:12px 4px}.demo-toolbar{align-items:flex-start;flex-direction:column}.demo-main{padding:16px}.demo-sidebar{grid-template-columns:1fr 1fr;padding:12px}.guest-workspace{padding:22px}.footer-grid{gap:24px}}
.demo-brand-mini{font-family:"Inter Tight",Inter,sans-serif;font-weight:800;color:#fff;font-size:1.15rem;letter-spacing:-.03em;padding:6px 10px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.demo-brand-mini::after{content:"";display:block;width:34px;height:3px;border-radius:999px;background:var(--green);margin-top:7px}

/* ===== V8.2 — Pricing + Guided Product Tour + Demo refinement ===== */
.pricing-preview-soft{background:linear-gradient(135deg,#133b63 0%,#184c7a 100%)}
.pricing-preview-soft .pricing-preview-inner{align-items:start}
.pricing-preview-soft h2{max-width:680px}
.pricing-preview-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.pricing-preview-actions>span{color:rgba(255,255,255,.64);font-size:.9rem}
.pricing-preview-actions strong{color:#fff;font-weight:760}

.pricing-hero-v82{padding-bottom:82px}
.pricing-hero-grid-v82{grid-template-columns:1fr .52fr}
.pricing-hero-aside{justify-self:end;width:min(100%,390px);padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pricing-hero-aside>span{display:block;color:#8ed56e;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:750}
.pricing-hero-aside strong{display:block;margin-top:12px;font-family:"Inter Tight",Inter,sans-serif;font-size:1.85rem;letter-spacing:-.035em}
.pricing-hero-aside p{font-size:.94rem;margin:10px 0 0;color:rgba(255,255,255,.62);line-height:1.65}
.pricing-offer-section{background:#f4f7f9}
.pricing-offer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:start}
.pricing-offer-card{border:1px solid #d7e1e8;background:#fff;border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}
.pricing-offer-top{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:32px;border-bottom:1px solid #e0e8ed}
.pricing-offer-top h2{font-size:clamp(2.5rem,3.6vw,4.2rem);line-height:.96;letter-spacing:-.055em;margin:16px 0 14px}
.pricing-offer-top p{max-width:620px;color:var(--muted);line-height:1.72;margin:0}
.pricing-offer-price{text-align:right;min-width:250px}
.pricing-offer-price span{display:block;color:#7a8d9b;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.pricing-offer-price strong{display:block;margin-top:8px;font-family:"Inter Tight",Inter,sans-serif;color:var(--navy);font-size:3.4rem;line-height:1;letter-spacing:-.055em}
.pricing-offer-price em{display:block;margin-top:6px;color:var(--green-deep);font-style:normal;font-size:.9rem;font-weight:750}
.pricing-offer-content{display:grid;grid-template-columns:1fr .7fr;gap:34px;padding:30px 32px 34px}
.pricing-offer-content h3{margin:0;font-size:1.08rem;color:var(--ink)}
.price-list-v82{margin-top:16px}
.pricing-offer-note{align-self:start;padding:22px;border-radius:14px;background:#f4f8fa;border:1px solid #dce6ec}
.pricing-offer-note p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:14px 0 0}
.pricing-side-v82 article{box-shadow:none}
.pricing-side-v82 .text-arrow{margin-top:14px;font-size:.9rem}
.pricing-preview-v82 h2{font-size:clamp(2.7rem,4vw,4.5rem)}

.discover-hero-v82{padding-bottom:80px}
.discover-hero-grid-v82{grid-template-columns:1fr .58fr}
.discover-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.tour-progress-card{justify-self:end;width:min(100%,430px);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.tour-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:center;color:rgba(255,255,255,.66);font-size:.82rem}
.tour-progress-head strong{color:#fff;font-size:.92rem}
.tour-progress-track{height:5px;margin:16px 0 14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.tour-progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#6fca4a,#8ad369);transition:width .35s ease}
.tour-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;color:rgba(255,255,255,.38);font-size:.72rem}
.tour-progress-steps span:nth-child(2){text-align:center}.tour-progress-steps span:last-child{text-align:right}
.tour-progress-steps span.done{color:#9ce37b}

.discover-tour-section{background:#f4f7f9}
.discover-tour-grid{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start}
.tour-rail{position:sticky;top:120px}
.tour-rail h2{font-size:2.55rem;line-height:.98;letter-spacing:-.055em;margin:18px 0 14px}
.tour-rail p{color:var(--muted);line-height:1.68;margin:0}
.tour-nav{display:grid;gap:7px;margin-top:28px}
.tour-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#7a8d9b;font-weight:700;font-size:.9rem;transition:.2s}
.tour-nav a span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9eff3;color:#6e8291;font-size:.7rem}
.tour-nav a.active,.tour-nav a:hover{background:#fff;color:var(--navy);box-shadow:0 5px 16px rgba(15,46,75,.05)}
.tour-nav a.active span{background:var(--navy);color:#fff}
.tour-nav a.done{color:var(--green-deep)}
.tour-nav a.done span{background:var(--green-soft);color:var(--green-deep)}
.tour-steps{display:grid;gap:24px}
.tour-step-card{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;border:1px solid #d7e1e8;border-radius:20px;background:#fff;padding:28px;box-shadow:var(--shadow-soft);min-height:430px}
.tour-step-card.is-done{border-color:#b8d9aa;box-shadow:0 18px 46px rgba(63,152,36,.08)}
.tour-step-copy{align-self:center}
.tour-step-copy>span{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--green-deep);font-weight:750}
.tour-step-copy h3{font-size:clamp(2rem,2.8vw,3.2rem);line-height:.98;letter-spacing:-.05em;margin:14px 0}
.tour-step-copy p{color:var(--muted);line-height:1.72;margin:0}
.tour-action{display:inline-flex;align-items:center;gap:9px;margin-top:22px;min-height:46px;padding:0 15px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:750;transition:.2s}
.tour-action:hover{background:var(--navy-2);transform:translateY(-1px)}
.tour-action:disabled{background:#dce5ea;color:#6c8291;transform:none}
.tour-action-help{display:block;margin-top:9px;color:#9aa8b1;font-size:.72rem}
.tour-interface{position:relative;display:flex;align-items:center;justify-content:center;min-height:330px;border:1px solid #dce5ea;border-radius:16px;background:linear-gradient(145deg,#eef3f6,#fbfcfd);padding:18px;overflow:hidden}
.tour-browser{box-shadow:none}
.tour-planning-body{padding:18px;background:#fff}
.tour-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#7b8e9d;font-size:.75rem}.tour-day-head b{color:var(--navy);font-size:.95rem}
.tour-row{display:grid;grid-template-columns:50px 9px 1fr auto;gap:11px;align-items:center;padding:13px 8px;border-top:1px solid #e5ecef;font-size:.76rem}.tour-row time{color:#5f7588;font-weight:750}.tour-row div b{display:block;color:var(--ink)}.tour-row div small{display:block;color:#8e9da7;margin-top:2px}.tour-row>span{color:#8597a3;font-size:.68rem}
.tour-row-added{background:#f3fbef;animation:tourRowIn .35s ease both}
@keyframes tourRowIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.tour-success{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#173e66;color:#fff;box-shadow:0 12px 28px rgba(15,46,75,.18);font-size:.78rem;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}
.tour-success i{color:#87d365}.tour-success.show{opacity:1;transform:none}
.kid-tour-interface{align-items:stretch}
.kid-profile-card{width:100%;align-self:center;border:1px solid #d8e2e8;background:#fff;border-radius:16px;padding:20px;box-shadow:0 14px 34px rgba(15,46,75,.06)}
.kid-profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e3eaee}.avatar.large{width:48px;height:48px;border-radius:13px}.kid-profile-head b{display:block}.kid-profile-head small{display:block;color:#8a9aa5;margin-top:3px}.kid-status{padding:7px 9px;border-radius:999px;font-size:.68rem;font-weight:750}.kid-status.pending{background:#fff6dd;color:#997300}.kid-status.present{background:var(--green-soft);color:var(--green-deep)}
.kid-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.kid-profile-grid div{padding:12px;border-radius:10px;background:#f5f8fa}.kid-profile-grid span{display:block;color:#8a9aa5;font-size:.68rem}.kid-profile-grid strong{display:block;margin-top:5px;font-size:.8rem;color:var(--ink)}
.stats-tour-interface{display:block;padding:22px}.tour-stats-top{margin:0}.tour-chart{height:180px;margin-top:16px}.tour-chart span{height:0!important;transition:height .55s cubic-bezier(.2,.7,.2,1)}.tour-chart.is-active span{height:var(--h)!important}
.tour-complete-section{padding-top:18px;background:#f4f7f9}
.tour-complete-card{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px;border-radius:20px;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}
.tour-complete-card h2{font-size:clamp(2.5rem,3.8vw,4.3rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 12px}.tour-complete-card p{margin:0;max-width:680px;color:rgba(255,255,255,.66);line-height:1.68}.tour-complete-actions{display:flex;gap:10px;flex-wrap:wrap}.tour-complete-card.is-complete{box-shadow:0 24px 70px rgba(15,46,75,.16)}

.demo-hero-v82{padding-bottom:80px}
.demo-context{display:flex;align-items:center;gap:8px}.demo-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(85,184,50,.1)}
.demo-workspace-v82{min-height:650px}
.demo-sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding:16px 10px 4px;color:#9eb5c6;font-size:.7rem;border-top:1px solid rgba(255,255,255,.1)}
.demo-sidebar-footer i{color:#7fd05d}
.demo-main-v82{min-height:650px}
.demo-notice{display:flex;align-items:center;gap:8px;margin:-6px 0 16px;padding:10px 12px;border-radius:10px;background:#eff8eb;border:1px solid #cae4bf;color:var(--green-deep);font-size:.8rem;font-weight:700}
.demo-dashboard-grid{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}
.demo-summary-card{padding:20px;border:1px solid #d9e2e8;border-radius:14px;background:#fff}.demo-summary-card h3{font-size:1.35rem;line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px}.demo-summary-list{display:grid;gap:10px}.demo-summary-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:10px;border-top:1px solid #e6ecef}.demo-summary-list span{color:#8092a0;font-size:.75rem}.demo-summary-list strong{color:var(--navy);font-size:.8rem}
.demo-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.demo-filter-pills button{border:1px solid #d7e1e8;background:#fff;color:#748795;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:700}.demo-filter-pills button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.demo-week-v82 .day-col{min-height:300px}.demo-week-v82 .event+ .event{margin-top:8px}
.demo-mini-caption{color:#7c8e9b!important;font-size:.75rem!important}
.kid-list-v82 article{grid-template-columns:auto 1fr auto}.kid-demo-status{border:0;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:750}.kid-demo-status.ok{background:var(--green-soft);color:var(--green-deep)}.kid-demo-status.wait{background:#fff6dd;color:#997300;cursor:pointer}.kid-demo-status.wait:hover{background:#ffefbd}
.demo-interaction-hint{display:flex;align-items:center;gap:8px;color:#8092a0;font-size:.75rem;margin:14px 0 0}.demo-interaction-hint i{color:var(--green-deep)}
.team-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-demo-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid #d9e2e8;border-radius:12px;background:#fff}.team-demo-grid b{display:block}.team-demo-grid small{display:block;color:#8495a1;margin-top:3px}.team-demo-tag{padding:7px 9px;border-radius:999px;background:#eef3f6;color:#667e90;font-size:.66rem;font-weight:750}.team-demo-tag.green{background:var(--green-soft);color:var(--green-deep)}
.stats-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:stretch}.stats-rank-card{padding:18px;border:1px solid #d9e2e8;background:#fff;border-radius:14px}.stats-rank-card>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #e6ecef}.stats-rank-card>div:first-of-type{margin-top:10px}.stats-rank-card b{font-size:.78rem}.stats-rank-card strong{color:var(--green-deep);font-size:.78rem}
.guest-workspace-v82{grid-template-columns:.7fr 1fr}.guest-demo-copy-v82 h2{font-size:clamp(2.6rem,3.7vw,4.3rem);line-height:.96;letter-spacing:-.055em;margin:18px 0}.guest-demo-copy-v82>p{color:var(--muted);line-height:1.72}.guest-demo-points{display:grid;gap:9px;margin-top:18px}.guest-demo-points span{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.86rem;font-weight:700}.guest-demo-points i{color:var(--green-deep)}
.demo-guest-phone .mock-phone-card button{border:0;background:transparent;color:var(--green-deep);padding:6px}.demo-guest-phone .mock-phone-card button.active i::before{content:"\f415"}.demo-guest-phone .mock-phone-card button.active{color:var(--green-deep)}

@media(max-width:1050px){
  .pricing-hero-grid-v82,.pricing-offer-layout,.discover-hero-grid-v82,.discover-tour-grid{grid-template-columns:1fr}
  .pricing-hero-aside,.tour-progress-card{justify-self:start}
  .pricing-offer-top,.pricing-offer-content{grid-template-columns:1fr}
  .pricing-offer-price{text-align:left}
  .tour-rail{position:static}
  .tour-nav{grid-template-columns:repeat(3,1fr)}
  .tour-step-card{grid-template-columns:1fr}
  .demo-dashboard-grid,.stats-detail-grid{grid-template-columns:1fr}
}

@media(max-width:860px){
  .tour-complete-card{align-items:flex-start;flex-direction:column}
  .team-demo-grid{grid-template-columns:1fr}
  .guest-workspace-v82{grid-template-columns:1fr}
}

@media(max-width:620px){
  .pricing-offer-top,.pricing-offer-content{padding:22px}
  .pricing-offer-price strong{font-size:2.8rem}
  .discover-hero-actions{display:grid}
  .tour-progress-card{padding:18px}
  .tour-nav{grid-template-columns:1fr}
  .tour-step-card{padding:18px;min-height:0}
  .tour-interface{min-height:280px;padding:12px}
  .tour-row{grid-template-columns:42px 8px 1fr}.tour-row>span{display:none}
  .kid-profile-head{grid-template-columns:auto 1fr}.kid-status{grid-column:2}
  .kid-profile-grid{grid-template-columns:1fr}
  .tour-complete-card{padding:24px}
  .tour-complete-actions{width:100%;display:grid}
  .demo-dashboard-grid{grid-template-columns:1fr}
  .demo-filter-pills{display:none}
  .team-demo-grid article{grid-template-columns:auto 1fr}.team-demo-tag{grid-column:2;justify-self:start}
}

/* =========================================================
   V8.3 — DEMO INTERACTIVE / EQUIPE <-> VACANCIER
   ========================================================= */
.demo-toolbar-v83{align-items:center}
.demo-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.demo-sync-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.82rem;font-weight:800;transition:.25s ease}
.demo-sync-status i{color:var(--green)}
.demo-sync-status.is-updating{border-color:rgba(76,186,70,.45);color:var(--green-deep);box-shadow:0 0 0 4px rgba(76,186,70,.08)}
.sync-dot-mini{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:4px;background:var(--green);box-shadow:0 0 0 4px rgba(76,186,70,.10)}
.demo-workspace-v83{min-height:780px}
.demo-main-v83{min-width:0}
.demo-primary-action,.demo-secondary-action,.demo-cancel-action{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 15px;font-weight:800;font-size:.88rem;cursor:pointer;transition:.2s ease}
.demo-primary-action{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(15,63,103,.16)}
.demo-primary-action:hover{background:#0d365b;transform:translateY(-1px)}
.demo-secondary-action{background:#fff;color:var(--navy);border:1px solid var(--line)}
.demo-secondary-action:hover{border-color:#b7cad9;background:#f8fbfd}
.demo-cancel-action{background:#f3f6f8;color:var(--muted)}
.demo-notice-v83{align-items:center;gap:10px}
.schedule-head button{border:0;background:none;color:var(--navy);font-size:.82rem;font-weight:800;padding:0;cursor:pointer}
.demo-summary-sync{display:flex;gap:10px;align-items:flex-start;padding:14px 0 0;margin-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;line-height:1.45}
.demo-summary-sync i{color:var(--green);font-size:1rem;margin-top:1px}
.demo-screen-head-wrap{gap:18px;flex-wrap:wrap}
.demo-planning-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.planning-help{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.84rem;margin:-4px 0 16px;padding:10px 12px;border:1px dashed #cbd9e5;border-radius:12px;background:#f9fbfc}
.planning-help i{color:var(--navy)}
.demo-week-v83{align-items:stretch}
.demo-week-v83 .day-col{min-height:390px}
.demo-week-v83 .day-col>span{display:flex;align-items:center;gap:7px}
.demo-week-v83 .day-col>span em{font-style:normal;font-size:.66rem;font-weight:800;color:var(--green-deep);background:rgba(76,186,70,.09);padding:3px 7px;border-radius:999px}
.day-dropzone{min-height:330px;display:flex;flex-direction:column;gap:10px;border-radius:14px;transition:.18s ease}
.day-dropzone.is-drag-over{background:rgba(15,63,103,.045);box-shadow:inset 0 0 0 2px rgba(15,63,103,.12)}
.demo-week-v83 .event{cursor:grab;user-select:none;transition:opacity .16s ease, transform .16s ease, box-shadow .16s ease;position:relative}
.demo-week-v83 .event:active{cursor:grabbing}
.demo-week-v83 .event.is-dragging{opacity:.4;transform:scale(.98)}
.demo-week-v83 .event:hover{box-shadow:0 10px 24px rgba(15,63,103,.10)}
.demo-week-v83 .event em{display:block;margin-top:4px;font-style:normal;font-size:.66rem;opacity:.65;font-weight:800}
.demo-week-v83 .event.is-filtered-out{display:none}

.mini-club-info-banner{display:flex;gap:13px;align-items:flex-start;border:1px solid #dbe7ef;background:#f8fbfd;border-radius:14px;padding:14px 16px;margin-bottom:16px}
.mini-club-info-banner>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(76,186,70,.1);color:var(--green-deep);font-size:1rem;flex:0 0 auto}
.mini-club-info-banner b,.mini-club-info-banner span{display:block}
.mini-club-info-banner b{font-size:.9rem;color:var(--navy)}
.mini-club-info-banner span{font-size:.8rem;color:var(--muted);margin-top:3px;line-height:1.5}
.kid-list-v83 article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.kid-main{min-width:0}
.kid-main>b,.kid-main>small{display:block}
.kid-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.kid-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:800;line-height:1}
.kid-badge.safe{background:rgba(76,186,70,.09);color:#2c7b2f}
.kid-badge.info{background:#edf4fa;color:#285d86}
.kid-badge.warning{background:#fff5e5;color:#9a6515}
.kid-badge.allergy{background:#fff0ef;color:#aa3f36;box-shadow:inset 0 0 0 1px rgba(170,63,54,.10)}
.kid-alert-row{box-shadow:inset 3px 0 0 #d8685e}

.stats-top-v83{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-top-v83 article small{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;line-height:1.4}
.stats-dashboard-v83{display:grid;grid-template-columns:1.45fr .8fr;gap:14px;margin-top:14px}
.stats-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.stats-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.stats-panel-head span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:800;color:var(--muted)}
.stats-panel-head h3{font-size:1rem;margin:4px 0 0;color:var(--navy)}
.stats-panel-head>strong{font-size:.84rem;color:var(--navy)}
.stats-bar-chart{height:220px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end;padding-top:20px}
.stats-bar-chart>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;position:relative}
.stats-bar-chart>div span{display:block;width:min(38px,70%);height:var(--h);min-height:28px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#2c78ad,#174a75)}
.stats-bar-chart small{font-size:.69rem;color:var(--muted);font-weight:700}
.stats-bar-chart em{position:absolute;top:0;font-style:normal;font-size:.67rem;font-weight:800;color:var(--navy)}
.audience-breakdown{display:grid;gap:12px}
.audience-breakdown>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf2f5;padding-bottom:10px}
.audience-breakdown>div:last-child{border-bottom:0;padding-bottom:0}
.audience-breakdown i{width:9px;height:9px;border-radius:50%}
.audience-breakdown i.children{background:#367fb2}.audience-breakdown i.teens{background:#e0a24a}.audience-breakdown i.adults{background:#5faa64}.audience-breakdown i.all{background:#233d59}
.audience-breakdown span{font-size:.8rem;color:var(--muted)}
.audience-breakdown b{font-size:.8rem;color:var(--navy)}
.stats-ranking-list{display:grid;gap:9px}
.stats-ranking-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}
.stats-ranking-list>div:last-child{border-bottom:0}
.stats-ranking-list span{font-size:.68rem;font-weight:800;color:#8da1b3}.stats-ranking-list b{font-size:.8rem;color:var(--navy)}.stats-ranking-list strong{font-size:.76rem;color:var(--green-deep)}
.stats-insight-panel{background:linear-gradient(135deg,#0f3f67,#174f7d);color:#fff}
.stats-insight-panel .eyebrow{color:#d9e9f6;border-color:rgba(255,255,255,.12)}
.stats-insight-panel h3{font-size:1.05rem;line-height:1.35;margin:14px 0 9px}.stats-insight-panel p{font-size:.8rem;line-height:1.6;color:rgba(255,255,255,.72);margin:0}

.guest-workspace-v83{grid-template-columns:minmax(330px,.8fr) 1.2fr;align-items:center;gap:42px}
.guest-demo-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 0}
.guest-sync-badge{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;color:var(--green-deep);padding:7px 10px;border-radius:999px;background:rgba(76,186,70,.08);margin-bottom:12px}
.phone-shell-v83{width:316px;height:644px;border:9px solid #142638;border-radius:42px;background:#fff;box-shadow:0 26px 60px rgba(15,44,70,.22);position:relative;overflow:hidden;display:flex;flex-direction:column}
.phone-shell-v83::before{content:'';position:absolute;z-index:6;top:7px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:999px;background:#142638}
.phone-status-v83{height:34px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px 0;font-size:.62rem;font-weight:800;color:#183a5b;position:relative;z-index:3}
.phone-status-v83>div{display:flex;gap:4px;align-items:center}.phone-status-v83 i{width:4px;height:4px;background:#173a59;border-radius:50%}.phone-status-v83 b{width:15px;height:7px;border:1px solid #173a59;border-radius:3px;display:block}
.phone-app-v83{flex:1;min-height:0;position:relative;background:#f7fafc;overflow:hidden}
.phone-screen-v83{position:absolute;inset:0;padding:14px 13px 12px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateX(14px);transition:.2s ease;scrollbar-width:none}
.phone-screen-v83::-webkit-scrollbar{display:none}
.phone-screen-v83.active{opacity:1;pointer-events:auto;transform:none}
.phone-app-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 12px}
.phone-app-head small{display:block;font-size:.62rem;color:#8196a7}.phone-app-head h3{font-size:1.1rem;margin:2px 0 0;color:#173d62}.phone-profile{width:31px;height:31px;border-radius:10px;background:#e8f4e6;color:#3f9139;display:grid;place-items:center;font-size:.62rem;font-weight:800}
.phone-icon-button{width:31px;height:31px;border-radius:10px;border:1px solid #dce6ee;background:#fff;color:#214c70}
.phone-highlight{padding:15px;border-radius:16px;background:linear-gradient(135deg,#123f66,#1a5888);color:#fff;box-shadow:0 12px 22px rgba(20,66,103,.14)}
.phone-highlight>span{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#bcd8eb;font-weight:800}.phone-highlight strong{display:block;font-size:.96rem;margin-top:6px}.phone-highlight small{display:block;margin-top:6px;color:#d7e8f4;font-size:.66rem}
.phone-section-title{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 8px}.phone-section-title b{font-size:.72rem;color:#173d62}.phone-section-title button{border:0;background:none;color:#2b6f9e;font-weight:800;font-size:.62rem;padding:0}
.phone-event-list{display:grid;gap:8px}.phone-event-list.full{padding-bottom:12px}
.phone-event-card{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:13px;background:#fff;border:1px solid #e2eaf0;box-shadow:0 5px 14px rgba(20,58,88,.04)}
.phone-event-time{font-size:.66rem;font-weight:800;color:#1e5d8e}.phone-event-copy{min-width:0}.phone-event-copy b{display:block;font-size:.68rem;color:#173d62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-event-copy span{display:block;font-size:.58rem;color:#8a9cab;margin-top:2px}.phone-event-fav{border:0;background:#f5f8fa;width:28px;height:28px;border-radius:9px;color:#668198;display:grid;place-items:center}.phone-event-fav.active{background:#eaf6e7;color:#4ba23f}
.phone-filter-row{display:flex;gap:5px;overflow:auto;padding-bottom:9px;scrollbar-width:none}.phone-filter-row::-webkit-scrollbar{display:none}.phone-filter-row button{flex:0 0 auto;border:1px solid #dde7ee;background:#fff;color:#70889c;border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:800}.phone-filter-row button.active{background:#173f64;color:#fff;border-color:#173f64}
.phone-fav-count{min-width:28px;height:28px;border-radius:999px;background:#eaf5e8;color:#408f39;display:grid;place-items:center;font-size:.7rem;font-weight:800}
.phone-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 12px 20px;color:#879aaa}.phone-empty-state i{font-size:1.8rem;color:#b9c7d2}.phone-empty-state b{font-size:.75rem;color:#4f6d86;margin-top:12px}.phone-empty-state span{font-size:.62rem;line-height:1.5;margin-top:5px}.phone-empty-state[hidden]{display:none!important}
.phone-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-info-grid article{background:#fff;border:1px solid #e1e9ef;border-radius:14px;padding:12px;min-height:98px}.phone-info-grid i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf5fa;color:#2b6d99}.phone-info-grid b{display:block;font-size:.68rem;color:#173d62;margin-top:9px}.phone-info-grid span{display:block;font-size:.57rem;color:#8799a8;margin-top:3px;line-height:1.35}
.phone-nav-v83{height:66px;background:#fff;border-top:1px solid #e2e9ee;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px 10px;position:relative;z-index:4}
.phone-nav-v83 button{border:0;background:none;color:#8396a7;font-size:.55rem;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:10px}.phone-nav-v83 button i{font-size:.95rem}.phone-nav-v83 button.active{color:#1c5e8d;background:#f4f8fb}
.phone-home-indicator{position:absolute;z-index:7;bottom:4px;left:50%;transform:translateX(-50%);width:92px;height:4px;border-radius:999px;background:#182838}
.phone-sync-toast{position:absolute;bottom:5px;left:50%;transform:translate(-50%,12px);display:flex;align-items:center;gap:7px;background:#123d63;color:#fff;border-radius:999px;padding:9px 12px;font-size:.68rem;font-weight:800;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 12px 28px rgba(13,54,89,.22)}
.phone-sync-toast.show{opacity:1;transform:translate(-50%,0)}
.guest-demo-copy-v83 h2{max-width:640px}.demo-sync-explainer{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px;border:1px solid #dbe6ee;border-radius:15px;background:#fff}.demo-sync-explainer>i{width:36px;height:36px;display:grid;place-items:center;background:#edf6eb;color:#479b40;border-radius:10px;flex:0 0 auto}.demo-sync-explainer b,.demo-sync-explainer span{display:block}.demo-sync-explainer b{color:var(--navy);font-size:.86rem}.demo-sync-explainer span{color:var(--muted);font-size:.8rem;line-height:1.5;margin-top:3px}

.activity-modal{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;padding:20px}.activity-modal.is-open{display:flex}.activity-modal-backdrop{position:absolute;inset:0;background:rgba(8,28,47,.56);backdrop-filter:blur(8px)}
.activity-modal-card{position:relative;z-index:2;width:min(560px,100%);background:#fff;border-radius:22px;box-shadow:0 32px 90px rgba(8,34,56,.28);padding:24px;animation:demoModalIn .2s ease}
@keyframes demoModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.activity-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.activity-modal-head h2{font-size:1.35rem;margin:9px 0 0;color:var(--navy)}.activity-modal-head>button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#f7fafc;color:var(--navy)}
.activity-modal form{display:grid;gap:14px}.activity-modal label>span{display:block;color:var(--navy);font-size:.76rem;font-weight:800;margin-bottom:6px}.activity-modal input,.activity-modal select{width:100%;border:1px solid #d6e1e9;border-radius:12px;background:#fbfdfe;color:var(--navy);padding:12px 13px;font:inherit;font-size:.86rem;outline:none}.activity-modal input:focus,.activity-modal select:focus{border-color:#7ca4bf;box-shadow:0 0 0 4px rgba(42,105,147,.08)}
.activity-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-modal-preview{display:flex;gap:9px;align-items:flex-start;background:#f2f7fa;color:#5c768a;border-radius:12px;padding:11px 12px;font-size:.75rem;line-height:1.45}.activity-modal-preview i{color:var(--green);margin-top:1px}.activity-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
body.demo-modal-open{overflow:hidden}

@media(max-width:1100px){
  .stats-top-v83{grid-template-columns:repeat(2,1fr)}
  .stats-dashboard-v83{grid-template-columns:1fr}
  .guest-workspace-v83{grid-template-columns:1fr;gap:28px}
}
@media(max-width:820px){
  .demo-toolbar-right{justify-content:flex-start}
  .demo-planning-actions{width:100%;justify-content:flex-start}
  .demo-filter-pills{display:flex!important;max-width:100%;overflow:auto}
  .demo-week-v83{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:8px}
  .kid-list-v83 article{grid-template-columns:auto 1fr}.kid-list-v83 .kid-demo-status{grid-column:2;justify-self:start;margin-top:8px}
  .guest-workspace-v83{grid-template-columns:1fr}.guest-demo-copy-v83{order:-1}
}
@media(max-width:620px){
  .stats-top-v83{grid-template-columns:1fr}
  .activity-form-grid{grid-template-columns:1fr}
  .activity-modal-card{padding:18px;border-radius:18px}
  .activity-modal-actions{flex-direction:column-reverse}.activity-modal-actions button{width:100%}
  .phone-shell-v83{width:290px;height:604px}
}


/* ===== V8.4 demo refinements ===== */
.page-demo{--demo-primary:#123f66;--demo-primary-2:#1a5888;--demo-accent:#4cba46;--demo-soft:#eaf5e8;--demo-accent-ink:#3f9139}
.page-demo[data-demo-theme="lagoon"]{--demo-primary:#163b6d;--demo-primary-2:#245b96;--demo-accent:#13b0b8;--demo-soft:#e6f8f8;--demo-accent-ink:#0d7d83}
.page-demo[data-demo-theme="sunset"]{--demo-primary:#174b65;--demo-primary-2:#2d6f8b;--demo-accent:#ea8a28;--demo-soft:#fff1e3;--demo-accent-ink:#b8600e}
.page-demo[data-demo-theme="forest"]{--demo-primary:#1f3d34;--demo-primary-2:#355b50;--demo-accent:#7ea84d;--demo-soft:#eef6e6;--demo-accent-ink:#54762e}
.page-demo .demo-sidebar{background:linear-gradient(180deg,var(--demo-primary),var(--demo-primary-2))}
.page-demo .demo-brand-mini{padding:8px 8px 16px;display:flex;align-items:center;justify-content:center}
.page-demo .demo-brand-mini::after{display:none}
.page-demo .demo-brand-mini img{display:block;width:min(126px,100%);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}
.page-demo .demo-primary-action{background:var(--demo-primary)}
.page-demo .demo-primary-action:hover{background:var(--demo-primary-2)}
.page-demo .demo-summary-card{margin-top:24px}
.page-demo .demo-summary-sync i,.page-demo .demo-live-dot,.page-demo .sync-dot-mini{color:var(--demo-accent)}
.page-demo .guest-sync-badge{background:var(--demo-soft);color:var(--demo-accent-ink)}
.page-demo .phone-highlight{background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-2))}
.page-demo .phone-profile,.page-demo .phone-fav-count{background:var(--demo-soft);color:var(--demo-accent-ink)}
.page-demo .phone-event-fav.active{background:var(--demo-soft);color:var(--demo-accent-ink)}
.page-demo .phone-nav-v83 button.active{color:var(--demo-primary);background:#f4f8fb}
.page-demo .phone-filter-row button.active,.page-demo .demo-filter-pills button.active{background:var(--demo-primary);border-color:var(--demo-primary)}
.page-demo .demo-sync-status.is-updating{border-color:var(--demo-accent);color:var(--demo-accent-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-accent) 12%, white)}
.page-demo .demo-toolbar .sync-dot-mini,.page-demo .guest-sync-badge .demo-live-dot{background:var(--demo-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--demo-accent) 14%, white)}
.page-demo .demo-theme-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:1fr 1.25fr;gap:16px;align-items:start}
.page-demo .demo-theme-copy h3{font-size:1.12rem;margin:10px 0 8px;color:var(--navy)}
.page-demo .demo-theme-copy p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}
.page-demo .demo-theme-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.page-demo .demo-theme-switches button{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:12px;text-align:left;display:grid;gap:8px;cursor:pointer;transition:.2s ease}
.page-demo .demo-theme-switches button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,63,103,.08)}
.page-demo .demo-theme-switches button.active{border-color:var(--demo-primary);box-shadow:0 0 0 3px rgba(15,63,103,.08)}
.page-demo .demo-theme-switches b{font-size:.82rem;color:var(--navy)}
.page-demo .demo-theme-switches small{font-size:.7rem;color:var(--muted)}
.page-demo .theme-swatches{display:flex;gap:6px}.page-demo .theme-swatches i{width:14px;height:14px;border-radius:50%;background:var(--swatch);display:block;border:1px solid rgba(0,0,0,.06)}
.page-demo .phone-info-card{appearance:none;border:1px solid #e1e9ef;background:#fff;border-radius:14px;padding:12px;min-height:116px;text-align:left;cursor:pointer;transition:.18s ease}
.page-demo .phone-info-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,63,103,.08)}
.page-demo .phone-info-card i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf5fa;color:#2b6d99}
.page-demo .phone-info-card b{display:block;font-size:.68rem;color:#173d62;margin-top:9px}
.page-demo .phone-info-card span{display:block;font-size:.57rem;color:#8799a8;margin-top:3px;line-height:1.35}
.page-demo .phone-info-tip{display:flex;gap:8px;align-items:flex-start;margin-top:10px;color:#7d93a5;font-size:.6rem;line-height:1.5}
.page-demo .detail-head{align-items:center}.page-demo .detail-head > div{flex:1}
.page-demo .phone-back-button{width:31px;height:31px;border-radius:10px;border:1px solid #dce6ee;background:#fff;color:#214c70;display:grid;place-items:center;flex:0 0 auto}
.page-demo .phone-detail-stack{display:grid;gap:10px;padding-bottom:10px}
.page-demo .phone-detail-card{background:#fff;border:1px solid #e2eaf0;border-radius:14px;padding:12px;display:grid;gap:5px}
.page-demo .phone-detail-card b{font-size:.72rem;color:#173d62}.page-demo .phone-detail-card span{font-size:.61rem;color:#7e94a6;line-height:1.45}
.page-demo .phone-detail-card.compact{padding:10px 12px}
.page-demo .fake-mobile-form{display:grid;gap:9px}.page-demo .fake-mobile-form label{display:grid;gap:5px}.page-demo .fake-mobile-form span{font-size:.58rem;font-weight:800;color:#526d84}.page-demo .fake-mobile-form input{width:100%;border:1px solid #d9e5ec;border-radius:12px;background:#fbfdfe;padding:10px 11px;font:inherit;font-size:.66rem;color:#173d62}
.page-demo .fake-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-demo .phone-badge-row{display:flex;gap:6px;flex-wrap:wrap}
.page-demo .phone-cta-button{border:0;border-radius:12px;padding:10px 12px;background:var(--demo-primary);color:#fff;font-size:.68rem;font-weight:800}
.page-demo .menu-day-card{padding:14px;border-radius:16px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-2));color:#fff;display:grid;gap:5px}.page-demo .menu-day-card span{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72);font-weight:800}.page-demo .menu-day-card strong{font-size:.82rem}.page-demo .menu-day-card small{font-size:.62rem;color:rgba(255,255,255,.84)}
.page-demo .menu-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid #e2eaf0}.page-demo .menu-item b{display:block;font-size:.68rem;color:#173d62}.page-demo .menu-item span{display:block;font-size:.58rem;color:#8799a8;margin-top:3px}.page-demo .menu-item strong{font-size:.7rem;color:var(--demo-primary)}
.page-demo .camping-info-list{display:grid;gap:8px}.page-demo .camping-info-list article{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#fff;border:1px solid #e2eaf0}.page-demo .camping-info-list i{width:32px;height:32px;border-radius:10px;background:var(--demo-soft);display:grid;place-items:center;color:var(--demo-accent-ink)}.page-demo .camping-info-list b{display:block;font-size:.68rem;color:#173d62}.page-demo .camping-info-list span{display:block;font-size:.58rem;color:#8799a8;line-height:1.45;margin-top:2px}
.page-demo .news-alert{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#fff;border:1px solid #e2eaf0}.page-demo .news-alert i{width:32px;height:32px;border-radius:10px;background:#edf5fa;display:grid;place-items:center;color:#2b6d99}.page-demo .news-alert.urgent{border-color:#f0d2a5;background:#fff9ef}.page-demo .news-alert.urgent i{background:#fff1d9;color:#b06906}.page-demo .news-alert b{display:block;font-size:.68rem;color:#173d62}.page-demo .news-alert span{display:block;font-size:.58rem;color:#8799a8;line-height:1.45;margin-top:2px}
@media(max-width:980px){.page-demo .demo-theme-panel{grid-template-columns:1fr}.page-demo .demo-theme-switches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.page-demo .demo-theme-switches{grid-template-columns:1fr}.page-demo .fake-mobile-grid{grid-template-columns:1fr}}


/* ===== V8.5 — stronger live branding demo ===== */
.page-demo{
  --demo-font-body:Inter,system-ui,sans-serif;
  --demo-font-display:"Inter Tight",Inter,sans-serif;
  --demo-primary:#123f66;
  --demo-primary-2:#1a5888;
  --demo-accent:#4cba46;
  --demo-soft:#eaf5e8;
  --demo-accent-ink:#3f9139;
  --demo-canvas:#f5f8fa;
  --demo-panel:#ffffff;
  --demo-panel-alt:#f8fbfd;
  --demo-border:#d7e1e8;
  --demo-text:#173d62;
  --demo-muted:#7a8f9f;
  --demo-radius:14px;
  --demo-radius-lg:18px;
  --demo-shadow:0 10px 24px rgba(15,63,103,.07);
  transition:background .28s ease,color .28s ease;
}
.page-demo[data-demo-theme="lagoon"]{
  --demo-font-body:"Space Grotesk",Inter,sans-serif;
  --demo-font-display:"Space Grotesk",Inter,sans-serif;
  --demo-primary:#0d2d57;
  --demo-primary-2:#12647b;
  --demo-accent:#11bcc2;
  --demo-soft:#dff8f8;
  --demo-accent-ink:#087d83;
  --demo-canvas:#eef8fa;
  --demo-panel:#ffffff;
  --demo-panel-alt:#f2fbfb;
  --demo-border:#bee3e6;
  --demo-text:#123b55;
  --demo-muted:#628492;
  --demo-radius:8px;
  --demo-radius-lg:12px;
  --demo-shadow:0 14px 30px rgba(13,84,104,.10);
}
.page-demo[data-demo-theme="sunset"]{
  --demo-font-body:"DM Sans",Inter,sans-serif;
  --demo-font-display:"Playfair Display",Georgia,serif;
  --demo-primary:#173d50;
  --demo-primary-2:#315b67;
  --demo-accent:#e8862a;
  --demo-soft:#fff0df;
  --demo-accent-ink:#aa590e;
  --demo-canvas:#fbf5ed;
  --demo-panel:#fffdf9;
  --demo-panel-alt:#fff8ef;
  --demo-border:#ead9c6;
  --demo-text:#2a4651;
  --demo-muted:#8a776a;
  --demo-radius:18px;
  --demo-radius-lg:26px;
  --demo-shadow:0 16px 34px rgba(77,54,33,.10);
}
.page-demo[data-demo-theme="forest"]{
  --demo-font-body:"Manrope",Inter,sans-serif;
  --demo-font-display:"Manrope",Inter,sans-serif;
  --demo-primary:#1c3a31;
  --demo-primary-2:#31584a;
  --demo-accent:#83a84d;
  --demo-soft:#edf5e4;
  --demo-accent-ink:#52702f;
  --demo-canvas:#f0f4ec;
  --demo-panel:#fbfdf8;
  --demo-panel-alt:#f4f8ef;
  --demo-border:#d2dfc8;
  --demo-text:#29463d;
  --demo-muted:#718176;
  --demo-radius:12px;
  --demo-radius-lg:18px;
  --demo-shadow:0 12px 30px rgba(31,61,52,.10);
}

/* Make every preset visibly change the product, not only the accent. */
.page-demo .demo-workspace-v83,
.page-demo .demo-main-v83,
.page-demo .guest-workspace-v83,
.page-demo .demo-theme-panel,
.page-demo .activity-modal-card{
  font-family:var(--demo-font-body);
}
.page-demo .demo-screen h2,
.page-demo .demo-summary-card h3,
.page-demo .demo-theme-copy h3,
.page-demo .stats-panel h3,
.page-demo .guest-demo-copy-v83 h2,
.page-demo .phone-app-head h3{
  font-family:var(--demo-font-display);
}
.page-demo .demo-main-v83{background:var(--demo-canvas);transition:background .28s ease,color .28s ease}
.page-demo .demo-workspace-v83{border-radius:calc(var(--demo-radius-lg) + 4px);transition:border-radius .28s ease,box-shadow .28s ease}
.page-demo .demo-sidebar{background:linear-gradient(165deg,var(--demo-primary),var(--demo-primary-2));transition:background .28s ease,border-radius .28s ease;border-radius:var(--demo-radius-lg)}

/* Logo always remains readable, whatever branding preset is active. */
.page-demo .demo-brand-mini{
  margin:0 2px 12px;
  padding:12px 14px;
  min-height:70px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:14px;
  background:#fff;
  box-shadow:0 9px 24px rgba(5,23,37,.18);
}
.page-demo .demo-brand-mini img{width:min(142px,100%);filter:none}

.page-demo .metric-row article,
.page-demo .schedule-card,
.page-demo .demo-summary-card,
.page-demo .demo-theme-panel,
.page-demo .planning-help,
.page-demo .day-col,
.page-demo .mini-club-info-banner,
.page-demo .kid-list-v83 article,
.page-demo .team-demo-grid article,
.page-demo .stats-top-v83 article,
.page-demo .stats-panel,
.page-demo .demo-sync-explainer{
  background:var(--demo-panel);
  border-color:var(--demo-border);
  border-radius:var(--demo-radius);
  box-shadow:var(--demo-shadow);
  transition:background .28s ease,border-color .28s ease,border-radius .28s ease,box-shadow .28s ease,color .28s ease;
}
.page-demo .demo-screen-head h2,
.page-demo .demo-summary-card h3,
.page-demo .schedule-card b,
.page-demo .metric-row b,
.page-demo .kid-main>b,
.page-demo .team-demo-grid b,
.page-demo .stats-panel-head h3,
.page-demo .stats-ranking-list b,
.page-demo .guest-demo-copy-v83 h2{
  color:var(--demo-text);
}
.page-demo .demo-screen-head>div>span,
.page-demo .demo-summary-list span,
.page-demo .kid-main>small,
.page-demo .team-demo-grid small,
.page-demo .stats-panel-head span,
.page-demo .guest-demo-copy-v83>p{
  color:var(--demo-muted);
}
.page-demo .demo-primary-action,
.page-demo .phone-cta-button{background:var(--demo-primary);border-radius:var(--demo-radius)}
.page-demo .demo-secondary-action,
.page-demo .demo-cancel-action{border-radius:var(--demo-radius)}
.page-demo .demo-primary-action:hover{background:var(--demo-primary-2)}
.page-demo .demo-live-dot,
.page-demo .sync-dot-mini{background:var(--demo-accent)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--demo-accent) 14%,transparent)!important}
.page-demo .demo-summary-sync i,
.page-demo .demo-sync-status i{color:var(--demo-accent)}

/* Planning cards pick up the selected brand language. */
.page-demo .demo-week-v83 .event{border-radius:calc(var(--demo-radius) - 2px)}
.page-demo[data-demo-theme="lagoon"] .demo-week-v83 .event.blue,
.page-demo[data-demo-theme="lagoon"] .demo-week-v83 .event.green{background:#e5f8f8;border-color:#b5e4e7;color:#0f5963}
.page-demo[data-demo-theme="sunset"] .demo-week-v83 .event.blue,
.page-demo[data-demo-theme="sunset"] .demo-week-v83 .event.green{background:#fff2e4;border-color:#f1cfad;color:#9a5618}
.page-demo[data-demo-theme="forest"] .demo-week-v83 .event.blue,
.page-demo[data-demo-theme="forest"] .demo-week-v83 .event.green{background:#eef5e7;border-color:#ccddbb;color:#4e7130}

/* Phone: the whole app identity changes with the preset. */
.page-demo .phone-shell-v83{border-color:var(--demo-primary);background:var(--demo-panel);transition:border-color .28s ease,border-radius .28s ease,box-shadow .28s ease}
.page-demo .phone-shell-v83::before,.page-demo .phone-home-indicator{background:var(--demo-primary)}
.page-demo .phone-app-v83{background:var(--demo-canvas);font-family:var(--demo-font-body);transition:background .28s ease}
.page-demo .phone-screen-v83{font-family:var(--demo-font-body)}
.page-demo .phone-app-head h3{color:var(--demo-text)}
.page-demo .phone-highlight,.page-demo .menu-day-card{background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-2))}
.page-demo .phone-event-card,
.page-demo .phone-info-card,
.page-demo .phone-detail-card,
.page-demo .menu-item,
.page-demo .camping-info-list article,
.page-demo .news-alert{
  background:var(--demo-panel);
  border-color:var(--demo-border);
  border-radius:var(--demo-radius);
  box-shadow:var(--demo-shadow);
  transition:background .28s ease,border-color .28s ease,border-radius .28s ease,box-shadow .28s ease;
}
.page-demo .phone-profile,
.page-demo .phone-fav-count,
.page-demo .phone-event-fav.active,
.page-demo .camping-info-list i{
  background:var(--demo-soft);
  color:var(--demo-accent-ink);
}
.page-demo .phone-nav-v83{background:var(--demo-panel);border-color:var(--demo-border)}
.page-demo .phone-nav-v83 button{border-radius:calc(var(--demo-radius) - 4px)}
.page-demo .phone-nav-v83 button.active{color:var(--demo-primary);background:var(--demo-soft)}
.page-demo .phone-filter-row button.active{background:var(--demo-primary);border-color:var(--demo-primary)}
.page-demo .phone-sync-toast{background:var(--demo-primary)}

/* Theme selector itself mirrors each visual language more strongly. */
.page-demo .demo-theme-switches button{border-radius:var(--demo-radius);background:var(--demo-panel-alt);border-color:var(--demo-border)}
.page-demo .demo-theme-switches button.active{border-color:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-accent) 14%,transparent),var(--demo-shadow)}
.page-demo .demo-theme-switches button[data-demo-theme-btn="lagoon"]{font-family:"Space Grotesk",sans-serif}
.page-demo .demo-theme-switches button[data-demo-theme-btn="sunset"] b{font-family:"Playfair Display",Georgia,serif;font-size:.92rem}
.page-demo .demo-theme-switches button[data-demo-theme-btn="forest"]{font-family:"Manrope",sans-serif}

/* A couple of structural cues so the switch feels immediate. */
.page-demo[data-demo-theme="lagoon"] .phone-shell-v83{border-radius:28px;box-shadow:0 26px 60px rgba(14,79,94,.24)}
.page-demo[data-demo-theme="lagoon"] .demo-sidebar button.active{background:rgba(17,188,194,.20);box-shadow:inset 3px 0 0 var(--demo-accent)}
.page-demo[data-demo-theme="sunset"] .phone-shell-v83{border-radius:48px;box-shadow:0 26px 64px rgba(102,69,38,.20)}
.page-demo[data-demo-theme="sunset"] .demo-sidebar button.active{background:rgba(232,134,42,.18);box-shadow:inset 3px 0 0 var(--demo-accent)}
.page-demo[data-demo-theme="forest"] .phone-shell-v83{border-radius:36px;box-shadow:0 26px 60px rgba(39,66,57,.20)}
.page-demo[data-demo-theme="forest"] .demo-sidebar button.active{background:rgba(131,168,77,.18);box-shadow:inset 3px 0 0 var(--demo-accent)}


/* ===== V8.6 — stronger presets, live week, interactive stats ===== */
.page-demo[data-demo-theme="violet"]{
  --demo-font-body:"Sora",Inter,sans-serif;
  --demo-font-display:"Sora",Inter,sans-serif;
  --demo-primary:#2f1d68;
  --demo-primary-2:#5a2ca0;
  --demo-accent:#8b5cf6;
  --demo-soft:#f1eafe;
  --demo-accent-ink:#6a38cc;
  --demo-canvas:#f7f3ff;
  --demo-panel:#ffffff;
  --demo-panel-alt:#faf7ff;
  --demo-border:#ddd0f5;
  --demo-text:#35245f;
  --demo-muted:#7d70a0;
  --demo-radius:20px;
  --demo-radius-lg:28px;
  --demo-shadow:0 16px 38px rgba(74,39,139,.12);
}
.page-demo[data-demo-theme="coral"]{
  --demo-font-body:"Outfit",Inter,sans-serif;
  --demo-font-display:"Outfit",Inter,sans-serif;
  --demo-primary:#4b1e3f;
  --demo-primary-2:#7d294d;
  --demo-accent:#ff5d73;
  --demo-soft:#fff0f3;
  --demo-accent-ink:#d83f57;
  --demo-canvas:#fff7f8;
  --demo-panel:#fffefe;
  --demo-panel-alt:#fff3f5;
  --demo-border:#f1cbd2;
  --demo-text:#51243f;
  --demo-muted:#957080;
  --demo-radius:22px;
  --demo-radius-lg:30px;
  --demo-shadow:0 16px 36px rgba(125,41,77,.12);
}
.page-demo[data-demo-theme="electric"]{
  --demo-font-body:"Space Grotesk",Inter,sans-serif;
  --demo-font-display:"Space Grotesk",Inter,sans-serif;
  --demo-primary:#111827;
  --demo-primary-2:#273449;
  --demo-accent:#d7ff2f;
  --demo-soft:#f1ffd0;
  --demo-accent-ink:#617b00;
  --demo-canvas:#eefcff;
  --demo-panel:#ffffff;
  --demo-panel-alt:#f4feff;
  --demo-border:#bde7eb;
  --demo-text:#13202f;
  --demo-muted:#607787;
  --demo-radius:5px;
  --demo-radius-lg:9px;
  --demo-shadow:7px 7px 0 rgba(17,24,39,.10);
}

.page-demo .demo-week-v83{grid-template-columns:repeat(7,minmax(0,1fr));}
.page-demo .demo-week-v83 .day-col{min-width:0}
.page-demo .demo-week-v83 .day-col>span strong{font-size:.68rem;color:var(--demo-text);font-weight:850}
.page-demo .demo-week-v83 .day-col>span em{color:var(--demo-accent-ink);background:var(--demo-soft)}
.page-demo .stats-bar-chart{grid-template-columns:repeat(var(--bars,7),minmax(0,1fr));transition:.25s ease}
.page-demo .stats-bar-chart>div span{background:linear-gradient(180deg,var(--demo-accent),var(--demo-primary));transition:height .28s ease,background .28s ease}
.page-demo .stats-bar-chart em{color:var(--demo-text)}
.page-demo .stats-bar-chart small{color:var(--demo-muted)}

/* Make the three new presets visually unmistakable. */
.page-demo[data-demo-theme="violet"] .demo-sidebar button.active{background:rgba(139,92,246,.24);box-shadow:inset 3px 0 0 var(--demo-accent)}
.page-demo[data-demo-theme="violet"] .phone-shell-v83{border-radius:50px;border-width:10px;box-shadow:0 30px 70px rgba(70,35,132,.22)}
.page-demo[data-demo-theme="violet"] .phone-highlight{background:linear-gradient(135deg,#301d68,#8b5cf6)}
.page-demo[data-demo-theme="violet"] .metric-row article:nth-child(2){background:linear-gradient(135deg,#fff,#f5efff)}

.page-demo[data-demo-theme="coral"] .demo-sidebar button.active{background:rgba(255,93,115,.22);box-shadow:inset 3px 0 0 var(--demo-accent)}
.page-demo[data-demo-theme="coral"] .phone-shell-v83{border-radius:54px;box-shadow:0 30px 70px rgba(125,41,77,.22)}
.page-demo[data-demo-theme="coral"] .phone-highlight{background:linear-gradient(135deg,#4b1e3f,#ff5d73)}
.page-demo[data-demo-theme="coral"] .demo-primary-action,.page-demo[data-demo-theme="coral"] .phone-cta-button{background:#ff5d73;color:#fff}
.page-demo[data-demo-theme="coral"] .metric-row article:first-child{background:linear-gradient(145deg,#fff,#fff1f4)}

.page-demo[data-demo-theme="electric"] .demo-sidebar{background:#111827;border:2px solid #d7ff2f}
.page-demo[data-demo-theme="electric"] .demo-sidebar button.active{background:#d7ff2f;color:#111827;box-shadow:none}
.page-demo[data-demo-theme="electric"] .demo-sidebar button.active i{color:#111827}
.page-demo[data-demo-theme="electric"] .demo-brand-mini{border-radius:4px;box-shadow:5px 5px 0 #d7ff2f}
.page-demo[data-demo-theme="electric"] .phone-shell-v83{border-radius:20px;border-color:#111827;box-shadow:10px 10px 0 #d7ff2f}
.page-demo[data-demo-theme="electric"] .phone-shell-v83::before{border-radius:2px;background:#111827}
.page-demo[data-demo-theme="electric"] .phone-highlight{background:#111827;border:2px solid #d7ff2f;box-shadow:5px 5px 0 rgba(215,255,47,.6)}
.page-demo[data-demo-theme="electric"] .demo-primary-action,.page-demo[data-demo-theme="electric"] .phone-cta-button{background:#d7ff2f;color:#111827;box-shadow:4px 4px 0 #111827}
.page-demo[data-demo-theme="electric"] .metric-row article,.page-demo[data-demo-theme="electric"] .schedule-card,.page-demo[data-demo-theme="electric"] .demo-summary-card{border:2px solid #111827;box-shadow:5px 5px 0 rgba(17,24,39,.08)}

.page-demo .demo-theme-switches button[data-demo-theme-btn="violet"]{font-family:"Sora",sans-serif}
.page-demo .demo-theme-switches button[data-demo-theme-btn="coral"]{font-family:"Outfit",sans-serif}
.page-demo .demo-theme-switches button[data-demo-theme-btn="electric"]{font-family:"Space Grotesk",sans-serif}

@media(max-width:1180px){
  .page-demo .demo-week-v83{grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto;padding-bottom:8px}
}


/* ===== V8.7 — Legal pages + production public motion ===== */
.reveal{transition-delay:var(--reveal-delay,0ms)}
.motion-surface{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.motion-surface:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,46,75,.10)}
.site-links a{position:relative}
.site-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:999px;background:var(--green);transition:right .24s ease}
.site-links a:hover::after{right:0}
.btn-premium i,.site-demo i,.text-arrow i{transition:transform .22s ease}
.btn-premium:hover i,.site-demo:hover i,.text-arrow:hover i{transform:translateX(3px)}
.dark-eyebrow>span{animation:publicPulse 2.8s ease-in-out infinite}
.hero-accent-a{animation:publicFloatA 8s ease-in-out infinite alternate}
.hero-accent-b{animation:publicFloatB 10s ease-in-out infinite alternate}
.system-ring{animation:publicRing 7s ease-in-out infinite alternate}
.system-ring.ring-b{animation-delay:-2.5s}
@keyframes publicPulse{0%,100%{box-shadow:0 0 0 6px rgba(85,184,50,.11)}50%{box-shadow:0 0 0 10px rgba(85,184,50,.035)}}
@keyframes publicFloatA{from{transform:translate3d(0,0,0)}to{transform:translate3d(22px,-16px,0)}}
@keyframes publicFloatB{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,18px,0)}}
@keyframes publicRing{from{transform:translate(-50%,-50%) scale(1);opacity:.62}to{transform:translate(-50%,-50%) scale(1.035);opacity:.9}}

.page-legal .legal-page{padding:132px 0 82px;background:linear-gradient(180deg,#f4f7f9 0%,#eef3f6 45%,#f8fafb 100%);min-height:75vh}
.page-legal .legal-shell{width:var(--shell);max-width:1240px;margin-inline:auto;padding:0}
.page-legal .legal-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#0f3152 0%,#153f68 68%,#1b527e 100%);color:#fff;box-shadow:var(--shadow);padding:clamp(28px,5vw,58px)!important;margin-bottom:24px!important;isolation:isolate}
.page-legal .legal-hero::before{content:"";position:absolute;inset:auto -8% -62% auto;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018);z-index:-1}
.page-legal .legal-hero::after{content:"";position:absolute;left:-10%;top:-70%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(85,184,50,.17),transparent 67%);z-index:-1}
.page-legal .legal-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dbe9f4;font-size:.72rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.page-legal .legal-hero h1{font-size:clamp(3rem,5vw,5.3rem);font-family:"Inter Tight",Inter,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:.94;color:#fff;margin:0 0 18px}
.page-legal .legal-hero p{max-width:760px;color:rgba(255,255,255,.68);font-size:1rem;line-height:1.7}
.page-legal .legal-meta-card{height:100%;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.page-legal .legal-meta-card .text-white-50{color:rgba(255,255,255,.5)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.page-legal .legal-meta-card .fw-semibold{color:#fff}
.page-legal .legal-main-card{padding:18px!important;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.page-legal .legal-section{scroll-margin-top:118px;padding:22px;border-radius:15px;background:#fff;border:1px solid #e0e7ec;box-shadow:none}
.page-legal .legal-section+.legal-section{margin-top:12px}
.page-legal .legal-num{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--green-soft);color:var(--green-deep);font-family:"Inter Tight",Inter,sans-serif;font-weight:800;border:1px solid rgba(85,184,50,.14)}
.page-legal .legal-section h2{margin:0;font-family:"Inter Tight",Inter,sans-serif;font-size:1.12rem;font-weight:800;letter-spacing:-.025em;color:var(--navy)}
.page-legal .legal-section p{margin:0 0 .95rem;color:#647b8d;line-height:1.75}.page-legal .legal-section p:last-child{margin-bottom:0}
.page-legal .legal-section a{color:var(--blue);font-weight:700}.page-legal .legal-section a:hover{color:var(--green-deep)}
.page-legal .legal-list{margin:0;padding-left:1.2rem;color:#647b8d}.page-legal .legal-list li{margin-bottom:.55rem;line-height:1.7}
.page-legal .legal-info-box{height:100%;padding:14px;border-radius:12px;background:#f7fafb;border:1px solid #e0e8ed;box-shadow:none}
.page-legal .legal-label{font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7890a2;margin-bottom:5px}.page-legal .legal-value{font-weight:750;color:var(--navy);line-height:1.5;word-break:break-word}
.page-legal .legal-summary{position:sticky;top:108px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.page-legal .legal-summary .border-bottom{border-color:#e4eaee!important}.page-legal .legal-summary .fw-bold{font-family:"Inter Tight",Inter,sans-serif;color:var(--navy)}
.page-legal .legal-summary .list-group-item{border-color:#e8edf1;padding:.78rem 1rem;background:#fff;color:#647b8d;font-size:.82rem;font-weight:650;transition:.18s ease}.page-legal .legal-summary .list-group-item:hover{background:#f4f8fa;color:var(--navy);padding-left:1.15rem}.page-legal .legal-summary .list-group-item:focus{box-shadow:none}
.page-legal .legal-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--green-soft);color:var(--green-deep);border:1px solid rgba(85,184,50,.15);font-weight:750;font-size:.78rem}

@media(max-width:991px){.page-legal .legal-summary{position:static}.page-legal .legal-page{padding-top:116px}.page-legal .legal-main-card{padding:12px!important}}
@media(max-width:620px){.page-legal .legal-page{padding:105px 0 58px}.page-legal .legal-hero{border-radius:16px;padding:26px 20px!important}.page-legal .legal-hero h1{font-size:2.8rem}.page-legal .legal-section{padding:17px}.page-legal .legal-main-card{border-radius:16px}.page-legal .legal-summary{border-radius:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.motion-surface,.btn-premium,.site-demo,.text-arrow i,.hero-accent-a,.hero-accent-b,.system-ring,.dark-eyebrow>span{animation:none!important;transition:none!important;transform:none!important}}


/* ===== V8.8 — demo polish + group pilotage ===== */
/* Discover: keep browser traffic lights separate from the dynamic week label. */
.mini-browser-bar>span{width:7px;height:7px;border-radius:50%;background:#c2cbd2;flex:0 0 7px}
.mini-browser-bar b [data-public-current-week]{width:auto;height:auto;border-radius:0;background:transparent;color:var(--navy);display:inline;font-weight:800}
.page-discover .tour-browser .mini-browser-bar{background:#eef3f6}
.page-discover .tour-browser .mini-browser-bar b{color:#506a7e;font-weight:750}
.page-discover .tour-browser .mini-browser-bar b [data-public-current-week]{color:#173f64}

/* Planning: today badge stays compact inside narrow 7-column headers. */
.page-demo .demo-week-v83 .day-col>span{display:flex;align-items:center;align-content:center;gap:4px;flex-wrap:wrap;line-height:1.05;min-height:25px}
.page-demo .demo-week-v83 .day-col>span em{font-size:.54rem;line-height:1;padding:2px 5px;white-space:nowrap;max-width:100%}
.page-demo .demo-week-v83 .day-col>span strong{font-size:.64rem}

/* Statistics: values sit above their bars without colliding with the tallest column. */
.page-demo .stats-bar-chart{padding-top:12px}
.page-demo .stats-bar-chart>div{justify-content:flex-end;gap:5px}
.page-demo .stats-bar-chart>div em{position:static!important;order:1;font-size:.66rem;font-weight:850;line-height:1;color:var(--demo-text);min-height:12px}
.page-demo .stats-bar-chart>div span{order:2;flex:0 1 auto;min-height:22px}
.page-demo .stats-bar-chart>div small{order:3}
.page-demo .stats-insight-panel{background:linear-gradient(135deg,var(--demo-primary),var(--demo-primary-2))!important;color:#fff!important}
.page-demo .stats-insight-panel .eyebrow{color:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.14)!important}
.page-demo .stats-insight-panel h3{color:#fff!important}
.page-demo .stats-insight-panel p{color:rgba(255,255,255,.74)!important}

/* Mini-club summary is driven by the visible rows. */
.page-demo .demo-mini-caption b{color:var(--demo-primary)}

/* Phone sync feedback overlays the device instead of hanging underneath it. */
.page-demo .phone-sync-toast{bottom:92px;z-index:15;white-space:nowrap}

/* Group interactive pilotage preview. */
.group-pilot-section{background:linear-gradient(180deg,#f2f6f8 0%,#eef3f6 100%);border-top:1px solid #dce5ea;border-bottom:1px solid #dce5ea}
.group-pilot-heading{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin-bottom:30px}
.group-pilot-heading h2{font-size:clamp(2.7rem,4.5vw,5rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 0;color:var(--navy)}
.group-pilot-heading>p{margin:0;color:var(--muted);line-height:1.72;font-size:1rem}
.group-pilot-demo{border:1px solid #d4e0e7;border-radius:20px;background:#fff;box-shadow:0 24px 64px rgba(15,46,75,.08);overflow:hidden}
.group-pilot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #e0e7ec;background:#f9fbfc}
.group-pilot-tabs,.group-period-tabs{display:flex;gap:7px;flex-wrap:wrap}
.group-pilot-tabs button,.group-period-tabs button{border:1px solid #d8e2e8;background:#fff;color:#6b8192;border-radius:999px;padding:8px 11px;font-size:.7rem;font-weight:800;cursor:pointer;transition:.18s ease}
.group-pilot-tabs button:hover,.group-period-tabs button:hover{border-color:#b8cbd7;color:var(--navy)}
.group-pilot-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(15,63,103,.14)}
.group-period-tabs button.active{background:var(--green-soft);border-color:#bcdcab;color:var(--green-deep)}
.group-pilot-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e1e8ed}
.group-pilot-kpis article{padding:20px;border-right:1px solid #e1e8ed;min-width:0}
.group-pilot-kpis article:last-child{border-right:0}
.group-pilot-kpis span,.group-pilot-kpis small{display:block}
.group-pilot-kpis span{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:800;color:#8798a5}
.group-pilot-kpis strong{display:block;margin:7px 0 5px;font-family:"Inter Tight",Inter,sans-serif;font-size:1.65rem;letter-spacing:-.04em;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-pilot-kpis small{color:#8295a4;font-size:.69rem;line-height:1.35}
.group-pilot-main{display:grid;grid-template-columns:1.45fr .75fr;gap:0;min-height:390px}
.group-chart-card,.group-signal-card{padding:24px;min-width:0}
.group-signal-card{border-left:1px solid #e1e8ed;background:#fbfcfd}
.group-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.group-card-head span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:800;color:#8798a5}
.group-card-head h3{margin:5px 0 0;font-size:1rem;color:var(--navy)}
.group-card-head>strong{font-size:.78rem;color:var(--navy);white-space:nowrap}
.group-bars{height:275px;display:grid;grid-template-columns:repeat(var(--group-bars,4),minmax(0,1fr));gap:14px;align-items:end;padding:28px 6px 0;margin-top:18px;border-bottom:1px solid #dde6eb}
.group-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.group-bars em{font-style:normal;font-size:.68rem;font-weight:850;color:var(--navy)}
.group-bars span{display:block;width:min(48px,72%);height:var(--h);min-height:26px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#5cc44f,#164a73);box-shadow:0 7px 16px rgba(31,102,83,.12);transition:height .28s ease}
.group-bars small{font-size:.64rem;color:#7f92a0;font-weight:750;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.group-signal-card>p{color:var(--muted);font-size:.82rem;line-height:1.6;margin:14px 0 18px}
.group-site-list{display:grid;gap:8px}
.group-site-list>div{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #e4eaee}
.group-site-list span{font-size:.76rem;color:#6d8394}
.group-site-list strong{font-size:.76rem;color:var(--navy)}
.group-site-list em{font-style:normal;font-size:.65rem;font-weight:800;color:var(--green-deep);min-width:34px;text-align:right}
.group-demo-foot{display:flex;gap:9px;align-items:center;padding:12px 18px;border-top:1px solid #e1e8ed;background:#f9fbfc;color:#7990a1;font-size:.72rem}
.group-demo-foot i{color:var(--green-deep)}

@media(max-width:980px){
  .group-pilot-heading{grid-template-columns:1fr;gap:18px}
  .group-pilot-toolbar{align-items:flex-start;flex-direction:column}
  .group-pilot-kpis{grid-template-columns:repeat(2,1fr)}
  .group-pilot-kpis article:nth-child(2){border-right:0}
  .group-pilot-kpis article:nth-child(-n+2){border-bottom:1px solid #e1e8ed}
  .group-pilot-main{grid-template-columns:1fr}
  .group-signal-card{border-left:0;border-top:1px solid #e1e8ed}
}
@media(max-width:620px){
  .group-pilot-kpis{grid-template-columns:1fr}
  .group-pilot-kpis article{border-right:0!important;border-bottom:1px solid #e1e8ed!important}
  .group-pilot-kpis article:last-child{border-bottom:0!important}
  .group-pilot-tabs,.group-period-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .group-pilot-tabs button,.group-period-tabs button{white-space:nowrap}
  .group-chart-card,.group-signal-card{padding:18px}
  .group-bars{gap:7px;height:240px}
  .group-bars span{width:min(34px,74%)}
  .page-demo .phone-sync-toast{bottom:84px;max-width:86%;white-space:normal;text-align:center}
}


/* ===== V8.9 — fluid data transitions & group comparison ===== */
.data-text-swap{animation:dataTextSwap .42s cubic-bezier(.2,.8,.2,1)}
@keyframes dataTextSwap{0%{opacity:.25;transform:translateY(7px);filter:blur(2px)}55%{opacity:1;filter:blur(0)}100%{transform:none}}
.metric-is-updating{animation:metricRefresh .62s cubic-bezier(.2,.8,.2,1)}
@keyframes metricRefresh{0%{transform:translateY(0);box-shadow:none}42%{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,63,103,.10)}100%{transform:none;box-shadow:none}}

.page-demo .stats-top-v83 article{position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.page-demo .stats-top-v83 article::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--demo-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.page-demo .stats-top-v83 article.metric-is-updating::after{transform:scaleX(1)}
.page-demo .stats-top-v83 article b{font-variant-numeric:tabular-nums}
.page-demo .stats-top-v83 article small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:20px}
.page-demo .stats-trend{display:inline-flex;align-items:center;gap:3px;font-weight:900;padding:3px 6px;border-radius:999px;font-size:.66rem;line-height:1}
.page-demo .stats-trend.up{color:#2f7e36;background:rgba(76,186,70,.11)}
.page-demo .stats-trend.down{color:#b4473d;background:rgba(220,83,70,.10)}
.page-demo .stats-trend.neutral{color:#356887;background:#edf4f8}
.page-demo .stats-note-context{color:var(--demo-muted);font-size:.69rem}
.page-demo .stat-note-animate .stats-trend{animation:trendFade .34s ease-out}
@keyframes trendFade{0%{opacity:0;transform:translateY(3px)}100%{opacity:1;transform:none}}
.page-demo .stats-bar-chart>div span{height:var(--h,0%);transition:height .76s cubic-bezier(.18,.82,.22,1),background .3s ease;transition-delay:var(--bar-delay,0ms)}
.page-demo .stats-bar-chart>div em{font-variant-numeric:tabular-nums;transition:color .25s ease}
.page-demo .stats-data-refresh .stats-panel{animation:panelDataRefresh .52s ease both}
.page-demo .stats-data-refresh .stats-panel:nth-child(2){animation-delay:60ms}
.page-demo .stats-data-refresh .stats-panel:nth-child(3){animation-delay:110ms}
.page-demo .stats-data-refresh .stats-panel:nth-child(4){animation-delay:160ms}
@keyframes panelDataRefresh{0%{opacity:.72;transform:translateY(4px)}100%{opacity:1;transform:none}}
.page-demo .stats-ranking-list.ranking-animate>div{animation:rankRowIn .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rank-delay,0ms)}
@keyframes rankRowIn{0%{opacity:0;transform:translateX(8px)}100%{opacity:1;transform:none}}

.group-pilot-tabs button{position:relative;padding-left:12px;padding-right:12px}
.group-pilot-tabs button[data-group-scope]:not([data-group-scope="all"]).active::before{content:"✓";display:inline-grid;place-items:center;width:14px;height:14px;margin-right:5px;border-radius:50%;background:rgba(255,255,255,.16);font-size:.56rem;vertical-align:1px}
.group-pilot-demo.group-data-refresh .group-pilot-kpis article{animation:groupMetricRefresh .58s cubic-bezier(.2,.8,.2,1)}
.group-pilot-demo.group-data-refresh .group-pilot-kpis article:nth-child(2){animation-delay:45ms}
.group-pilot-demo.group-data-refresh .group-pilot-kpis article:nth-child(3){animation-delay:90ms}
.group-pilot-demo.group-data-refresh .group-pilot-kpis article:nth-child(4){animation-delay:135ms}
@keyframes groupMetricRefresh{0%{background:#f2f8fb;transform:translateY(-2px)}100%{background:transparent;transform:none}}
.group-pilot-kpis strong{font-variant-numeric:tabular-nums}
.group-bars span{height:var(--h,0%);background:linear-gradient(180deg,var(--bar-a,#5cc44f),var(--bar-b,#164a73));transition:height .78s cubic-bezier(.18,.82,.22,1),filter .25s ease;transition-delay:var(--bar-delay,0ms)}
.group-bars.is-comparison span{border-radius:10px 10px 3px 3px}
.group-bars>div:hover span{filter:brightness(1.06) saturate(1.08)}
.group-bars em{font-variant-numeric:tabular-nums}
.group-site-row{animation:groupRowIn .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--row-delay,0ms)}
@keyframes groupRowIn{0%{opacity:0;transform:translateX(8px)}100%{opacity:1;transform:none}}
.group-site-list em.up{color:#3e8d41}.group-site-list em.down{color:#b64b42}.group-site-list em.neutral{color:#7c8f9d}
.group-demo-foot{min-height:43px}.group-demo-foot span{transition:opacity .2s ease}

@media(prefers-reduced-motion:reduce){
  .data-text-swap,.metric-is-updating,.page-demo .stat-note-animate .stats-trend,.page-demo .stats-data-refresh .stats-panel,.page-demo .stats-ranking-list.ranking-animate>div,.group-pilot-demo.group-data-refresh .group-pilot-kpis article,.group-site-row{animation:none!important}
  .page-demo .stats-bar-chart>div span,.group-bars span{transition:none!important}
}


/* ===== V8.10 — fluid data, stable containers ===== */
/* Period/scope changes animate the information, never the surrounding cards. */
.metric-is-updating,
.page-demo .stats-data-refresh .stats-panel,
.group-pilot-demo.group-data-refresh .group-pilot-kpis article{
  animation:none!important;
  transform:none!important;
}
.metric-is-updating{box-shadow:inherit!important}
.page-demo .stats-top-v83 article.metric-is-updating::after{transform:scaleX(0)!important}

/* Keep motion concentrated on values, bars and rows. */
.data-text-swap{animation:dataTextSwapV810 .28s ease-out}
@keyframes dataTextSwapV810{0%{opacity:.45;transform:translateY(2px)}100%{opacity:1;transform:none}}
.page-demo .stats-ranking-list.ranking-animate>div,
.group-site-row{will-change:opacity,transform}

/* ===== V8.11 — SEO/pre-prod polish ===== */
.skip-link{position:fixed;left:16px;top:12px;z-index:5000;padding:10px 14px;border-radius:10px;background:#fff;color:var(--navy);font-weight:800;box-shadow:0 12px 30px rgba(15,63,103,.18);transform:translateY(-160%);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0);outline:3px solid rgba(76,186,70,.28);outline-offset:2px}
.site-links a.active{color:var(--navy)}
.site-links a.active::after{transform:scaleX(1)}
.site-actions a[aria-current="page"]{box-shadow:0 0 0 2px rgba(76,186,70,.18)}

.why-section{background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%);border-top:1px solid #edf2f5;border-bottom:1px solid #e6edf2}
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,7vw,92px);align-items:start}
.why-copy{position:sticky;top:126px}
.why-copy h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(2.6rem,4.4vw,4.7rem);line-height:.96;letter-spacing:-.055em;color:var(--navy);margin:16px 0 18px}
.why-copy p{max-width:590px;color:var(--muted);font-size:1rem;line-height:1.75;margin:0}
.why-points{display:grid;border-top:1px solid var(--line)}
.why-points article{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.why-points article>span{font-family:"Inter Tight",Inter,sans-serif;font-weight:800;color:#8fa3b2;font-size:.8rem;padding-top:3px}
.why-points b{display:block;color:var(--navy);font-size:1.03rem;margin-bottom:7px}
.why-points p{margin:0;color:var(--muted);line-height:1.65;font-size:.88rem}

.hp-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contact-form .errorlist{list-style:none;padding:0;margin:0 0 6px;color:#b4473d;font-size:.76rem;font-weight:700}

.error-page{min-height:72vh;display:grid;align-items:center;padding:150px 0 90px;background:linear-gradient(180deg,#f2f6f8,#fff)}
.error-page-card{max-width:860px;margin:0 auto;padding:clamp(30px,6vw,70px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);text-align:center}
.error-page-code{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;border-radius:999px;background:var(--green-soft);color:var(--green-deep);font-weight:850;font-size:.78rem;letter-spacing:.06em}
.error-page h1{font-family:"Inter Tight",Inter,sans-serif;color:var(--navy);font-size:clamp(2.7rem,5vw,5rem);line-height:.96;letter-spacing:-.055em;margin:18px 0}
.error-page p{color:var(--muted);max-width:600px;margin:0 auto 24px;line-height:1.7}
.error-page-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){.why-grid{grid-template-columns:1fr}.why-copy{position:static}.why-points article{grid-template-columns:42px 1fr}}


/* ===== V8.12 production routing + interactive home preview ===== */
.footer-brand .footer-logo{height:68px;width:auto;max-width:190px;object-fit:contain;display:block;margin-bottom:8px}
.product-mark{padding:5px;overflow:hidden}.product-mark img{width:100%;height:100%;object-fit:contain;display:block}
.product-side button{cursor:pointer;transition:background-color .18s ease,color .18s ease}
.product-side button:hover{background:rgba(255,255,255,.08);color:#fff}
.home-product-screen{display:none;animation:homeScreenFade .2s ease}.home-product-screen.active{display:block}
@keyframes homeScreenFade{from{opacity:.45}to{opacity:1}}
.home-product-link{border:0;background:transparent;padding:0;color:#5b7b95;font-size:.73rem;font-weight:750;cursor:pointer}.home-product-link:hover{color:var(--navy)}
.inline-week{display:inline!important;color:inherit!important;font-size:inherit!important}
.home-demo-state{display:inline-flex!important;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eaf5e8;color:#3f8439!important;font-size:.66rem!important;font-weight:800}
.home-mini-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-height:265px}.home-mini-week>article{border:1px solid #dce5eb;background:#fff;border-radius:11px;padding:9px;display:flex;flex-direction:column;gap:8px}.home-mini-week>article>span{font-size:.66rem;font-weight:800;color:#657c8e}.home-mini-week>article.current{box-shadow:inset 0 3px 0 var(--green)}
.mini-event{padding:8px;border-radius:9px;border-left:3px solid #305f88;background:#edf4f9}.mini-event b,.mini-event small{display:block}.mini-event b{font-size:.62rem;color:#234f75}.mini-event small{font-size:.59rem;color:#526f86;margin-top:2px;line-height:1.3}.mini-event.green{border-color:#65a85d;background:#edf7eb}.mini-event.amber{border-color:#d7a34d;background:#fff7e9}.mini-event.violet{border-color:#8169b1;background:#f4f0fb}.mini-event.dark{border-color:#263e58;background:#eef2f5}
.home-kids-list{display:grid;gap:9px}.home-kids-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #dce5eb;border-radius:12px}.home-kids-list b,.home-kids-list small{display:block}.home-kids-list b{font-size:.76rem;color:var(--navy)}.home-kids-list small{font-size:.64rem;color:#8798a5;margin-top:2px}.home-kids-list article>strong{font-size:.64rem;color:#557087}.home-kids-list em{display:inline-flex;font-style:normal;font-size:.56rem;font-weight:800;padding:4px 6px;border-radius:999px;margin:5px 4px 0 0}.home-kids-list em.safe{background:#eaf5e8;color:#3f8439}.home-kids-list em.alert{background:#fff0ef;color:#aa3f36}.home-kids-list em.warn{background:#fff5e5;color:#946216}
.home-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-team-grid article{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:12px;background:#fff;border:1px solid #dce5eb;border-radius:12px}.home-team-grid article>em{grid-column:2;font-style:normal;font-size:.58rem;font-weight:800;color:#718797}.home-team-grid article>em.on{color:#438a3d}.home-team-grid b,.home-team-grid small{display:block}.home-team-grid b{font-size:.74rem;color:var(--navy)}.home-team-grid small{font-size:.62rem;color:#8798a5;margin-top:2px}
.home-stats-top{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.home-stats-top article{padding:12px;background:#fff;border:1px solid #dce5eb;border-radius:12px}.home-stats-top span,.home-stats-top b,.home-stats-top small{display:block}.home-stats-top span{font-size:.6rem;color:#8798a5}.home-stats-top b{font-size:1.25rem;color:var(--navy);margin-top:3px}.home-stats-top small{font-size:.58rem;color:#7c8f9e;margin-top:3px}.home-stats-top small.positive{color:#438a3d;font-weight:800}
.home-stat-chart{height:165px;margin-top:12px;padding:12px 12px 4px;background:#fff;border:1px solid #dce5eb;border-radius:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end}.home-stat-chart>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.home-stat-chart i{display:block;width:72%;height:var(--h);min-height:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2f75a6,#17486f)}.home-stat-chart span{font-size:.56rem;color:#73899a;font-weight:800}

.standalone-error-page{margin:0;min-height:100vh;background:linear-gradient(145deg,#edf3f6 0%,#f8fafb 48%,#edf6eb 100%);color:#153c5f;font-family:Inter,Arial,sans-serif;display:grid;place-items:center;padding:24px}.standalone-error-shell{width:min(760px,100%)}.standalone-error-brand{display:inline-flex;align-items:center;margin:0 0 18px;text-decoration:none}.standalone-error-brand[aria-disabled="true"]{pointer-events:none}.standalone-error-brand img{width:150px;height:auto;display:block}.standalone-error-card{background:rgba(255,255,255,.96);border:1px solid #dce5eb;border-radius:24px;padding:clamp(26px,5vw,54px);box-shadow:0 28px 80px rgba(16,56,88,.12)}.standalone-error-code{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(4.8rem,14vw,8.4rem);line-height:.82;font-weight:800;letter-spacing:-.08em;color:#dce7ee;margin-bottom:24px}.standalone-error-card h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(2rem,5vw,3.6rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 16px;color:#153c5f}.standalone-error-card>p{max-width:620px;color:#647c8f;line-height:1.7;font-size:1rem}.standalone-error-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.standalone-error-actions .btn-premium{width:auto}.standalone-error-actions button{font:inherit}.standalone-error-help{display:block;margin-top:20px;color:#8b9ba7;line-height:1.5}.guest-access-icon{width:58px;height:58px;border-radius:16px;background:#eaf5e8;color:#4b9d43;display:grid;place-items:center;font-size:1.45rem;margin-bottom:18px}
@media(max-width:760px){.home-mini-week{grid-template-columns:repeat(5,minmax(90px,1fr));overflow:auto}.home-team-grid{grid-template-columns:1fr}.home-stats-top{grid-template-columns:1fr}.standalone-error-actions{display:grid}.standalone-error-actions .btn-premium{width:100%}.standalone-error-brand img{width:130px}}
@media(prefers-reduced-motion:reduce){.home-product-screen{animation:none}}

/* Mesure d'audience interne : dialogue discret, jamais bloquant. */
.analytics-consent[hidden]{display:none!important}
.analytics-consent{position:fixed;z-index:4000;bottom:20px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 32px));padding:20px 22px;background:#fff;color:#153d60;border:1px solid #d7e3ec;box-shadow:0 20px 60px rgba(11,47,78,.20);border-radius:16px;display:flex;align-items:center;gap:26px}
.analytics-consent-copy{flex:1;min-width:0}.analytics-consent-copy b{font-size:.95rem;font-weight:800}.analytics-consent-copy p{margin:6px 0 0;color:#667e92;line-height:1.55;font-size:.79rem}.analytics-consent-copy a{color:#145e90;text-decoration:underline}
.analytics-consent-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.analytics-consent-actions button{border-radius:9px;padding:11px 14px;font-size:.78rem;font-weight:800;cursor:pointer;min-height:42px}.analytics-consent-refuse{color:#173d62;background:#fff;border:1px solid #bbcedc}.analytics-consent-accept{color:#fff;background:#153f67;border:1px solid #153f67}
.footer-consent-link{display:block;text-align:left;background:transparent;border:0;padding:0;color:#60758a;font:inherit;font-weight:600;font-size:inherit;cursor:pointer}.footer-consent-link:hover{text-decoration:underline}
@media(max-width:730px){.analytics-consent{align-items:stretch;flex-direction:column;gap:13px;padding:18px;bottom:12px}.analytics-consent-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-consent-actions button{padding:10px 9px}}

/* V8.15 — consent panel discoverability and legal navigation */
.analytics-consent-copy [data-analytics-banner-status]{font-weight:750;color:#214a6b;margin-top:8px}
.analytics-consent-copy p+p{margin-top:8px}
.footer-consent-link:focus-visible{outline:3px solid #78bc52;outline-offset:5px;border-radius:3px}
.page-legal .legal-summary{display:flex;flex-direction:column;max-height:calc(100vh - 126px);overflow:hidden}
.page-legal .legal-summary .list-group{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.page-legal .legal-summary .list-group-item{flex-shrink:0}
@media(max-width:991px){.page-legal .legal-summary{max-height:none;overflow:visible}.page-legal .legal-summary .list-group{max-height:350px;overflow-y:auto}}

/* V8.16 — consent reliability + privacy section 12 */
.page-legal #cookies{scroll-margin-top:120px}
.page-legal #cookies .legal-num{background:#eaf5e8;color:#2e7f32;border-color:#cfe7ca}
.analytics-consent{isolation:isolate}
.analytics-consent:not([hidden]){animation:consentSlideIn .22s ease-out both}
@keyframes consentSlideIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.analytics-consent:not([hidden]){animation:none}}

/* V8.17 : privacy UI does not use generic filter-list class or ID names. */
.ca-privacy-sheet[hidden]{display:none!important}
.ca-privacy-sheet{position:fixed!important;z-index:2147483000!important;bottom:20px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;align-items:center;gap:24px;padding:20px 22px;border:1px solid #d7e3ec;border-radius:16px;background:#fff;color:#153d60;box-shadow:0 20px 60px rgba(11,47,78,.24);isolation:isolate}
.ca-privacy-copy{flex:1;min-width:0}.ca-privacy-copy b{font-size:.95rem;font-weight:800}.ca-privacy-copy p{margin:6px 0 0;color:#667e92;line-height:1.55;font-size:.79rem}.ca-privacy-copy p+p{margin-top:8px}.ca-privacy-copy a{color:#145e90;text-decoration:underline}.ca-privacy-copy [data-ca-privacy-status]{font-weight:750;color:#214a6b;margin-top:8px}
.ca-privacy-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.ca-privacy-actions button{border-radius:9px;padding:11px 14px;font-size:.78rem;font-weight:800;cursor:pointer;min-height:42px}.ca-privacy-refuse{background:#fff;color:#173d62;border:1px solid #bbcedc}.ca-privacy-accept{background:#153f67;color:#fff;border:1px solid #153f67}.ca-privacy-close{background:#f4f8fb;border:1px solid #d8e5ef;color:#153f67;position:absolute;right:0;top:-44px;min-height:32px!important;padding:4px 10px!important;font-size:1.2rem!important}
.page-legal #traceurs-et-confidentialite{scroll-margin-top:120px}.page-legal #traceurs-et-confidentialite .legal-num{background:#eaf5e8;color:#2e7f32;border-color:#cfe7ca}
@media(max-width:730px){.ca-privacy-sheet{align-items:stretch;flex-direction:column;gap:13px;padding:18px;bottom:12px}.ca-privacy-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.ca-privacy-actions button{padding:10px 9px}.ca-privacy-close{grid-column:2;justify-self:end}}