/* AE white-label hub sales pages — shared stylesheet. Accelerated Experiences, LLC. Per-page theme comes from --h1/--h2/--acc set on . */ :root{--navy:#2a1810;--navy-2:#1c3d22;--blue:#c8794f;--slate:#7a6b56;--line:#e6dcc4;--bg:#f4eede;--card:#fffdf7;--blue-deep:#a85f38;--blue-bright:#e0a83a;--shadow-lg:0 30px 70px rgba(20,15,8,.48); --sans:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--mono:'Space Grotesk',ui-monospace,monospace;--wrap:1140px;--gut:24px;--shadow:0 18px 44px rgba(60,40,20,.12);} *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth} body{font-family:var(--sans);background:var(--bg);color:var(--navy);line-height:1.6;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}img{max-width:100%;display:block} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)} section{padding:82px 0}@media(max-width:680px){section{padding:56px 0}} h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.08} h2{font-size:clamp(26px,3.6vw,38px)} .lede{color:var(--slate);font-size:17.5px;max-width:62ch} .eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)} .eyebrow.onh{color:#fff;opacity:.82}.onh{color:#fff} .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s} .btn:hover{transform:translateY(-2px)}.btn.wide{width:100%;justify-content:center;margin-top:6px} .btn-acc{background:var(--acc);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16)} .btn-light{background:#fff;color:var(--h1)} .btn-ghost{background:transparent;border-color:var(--line);color:var(--navy)} .btn-ghost.onh{color:#fff;border-color:rgba(255,255,255,.32)}.btn-ghost.onh:hover{background:rgba(255,255,255,.06)} /* header */ header.bar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)} .bar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:12px} .bar .logo img{height:40px;width:auto} .bar nav{display:flex;align-items:center;gap:18px} .bar nav a.navlink{font-weight:500;font-size:15px;color:var(--navy);opacity:.78}.bar nav a.navlink:hover{opacity:1} @media(max-width:760px){.bar nav a.navlink{display:none}} /* hero */ .vhero{position:relative;background:linear-gradient(135deg,var(--h1),var(--h2));color:#fff;overflow:hidden;padding:34px 0 74px} .vhero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(120% 90% at 72% 0%,#000,transparent 72%);mask-image:radial-gradient(120% 90% at 72% 0%,#000,transparent 72%)} .vhero .wrap{position:relative;z-index:1} .vhero .back{display:inline-block;font-family:var(--mono);font-size:12.5px;color:#fff;opacity:.7;margin:6px 0 22px}.vhero .back:hover{opacity:1} .vhero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center} @media(max-width:900px){.vhero-grid{grid-template-columns:1fr;gap:30px}} .vic{width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px} .vic svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round} .vhero h1{font-size:clamp(34px,5.2vw,56px);font-weight:900;margin-top:4px} .vhero .tagline{font-size:clamp(17px,2.2vw,21px);color:#eaf1ff;margin-top:14px;max-width:26ch} .vhero .who{color:#c8d6ee;font-size:15px;margin-top:16px;max-width:46ch}.vhero .who b{color:#fff} .vhero .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap} .pricepod{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.4)} .pricepod .pp-k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c8d6ee} .pricepod .pp-price{font-weight:900;font-size:52px;color:#fff;letter-spacing:-.03em;line-height:1;margin-top:4px}.pricepod .pp-price span{font-size:19px;font-weight:600;opacity:.7} .pricepod .pp-sub{color:#c8d6ee;font-size:13.5px;margin-top:6px} .pricepod .pp-list{list-style:none;margin:18px 0;display:flex;flex-direction:column;gap:9px} .pricepod .pp-list li{color:#eaf1ff;font-size:14px;padding-left:22px;position:relative} .pricepod .pp-list li::before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800} /* included band */ .band-included{background:#fff;border-bottom:1px solid var(--line);padding:34px 0} .inc-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px} @media(max-width:820px){.inc-grid{grid-template-columns:repeat(2,1fr)}} .inc{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--navy);font-weight:500} .inc .tick{width:20px;height:20px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--acc) 15%,#fff);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800} /* two-col */ .two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}@media(max-width:820px){.two{grid-template-columns:1fr;gap:28px}} .inside-grid{margin-top:18px;display:flex;flex-direction:column;gap:11px} .ins{display:flex;align-items:flex-start;gap:11px;font-size:16px;font-weight:500} .ins .d{width:9px;height:9px;border-radius:50%;background:var(--acc);margin-top:8px;flex:none} .replaces .rep{width:100%;border-collapse:collapse;margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)} .rep td{padding:12px 15px;border-bottom:1px solid var(--line);font-size:14.5px}.rep tr:last-child td{border-bottom:0} .rep .rc{text-align:right;color:var(--slate);font-family:var(--mono);font-size:13px;white-space:nowrap} .today{margin-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,var(--acc) 8%,#fff);border:1px solid color-mix(in srgb,var(--acc) 28%,#fff);border-radius:12px;padding:12px 15px} .today span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)} .today b{font-size:20px;color:var(--h1);font-weight:800}.today em{color:var(--slate);font-size:13px;font-style:normal} .valueline{margin-top:40px;font-size:clamp(18px,2.4vw,23px);font-weight:600;line-height:1.42;color:var(--h1);border-left:4px solid var(--acc);padding:6px 0 6px 20px;max-width:80ch} /* pricing */ .vpricing{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .vpricing .lede{margin-top:12px} .tiers{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:820px){.tiers{grid-template-columns:1fr}} .tier{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column} .tier.feat{border-color:var(--acc);box-shadow:0 26px 60px color-mix(in srgb,var(--acc) 22%,transparent)} .tier-flag{position:absolute;top:-11px;left:24px;background:var(--acc);color:#fff;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px} .tier-name{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:600} .tier-price{font-weight:900;font-size:40px;color:var(--h1);letter-spacing:-.03em;margin-top:8px;line-height:1}.tier-price span{font-size:16px;font-weight:600;color:var(--slate)} .tier-build{color:var(--slate);font-size:13.5px;margin-top:4px} .tier-blurb{color:var(--navy);font-size:14.5px;margin:14px 0 18px;flex:1} .tier .btn{width:100%;justify-content:center} .programs{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:820px){.programs{grid-template-columns:1fr 1fr}} .prog{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 15px} .prog .pn{font-weight:700;font-size:14px;color:var(--h1)}.prog .pv{color:var(--slate);font-size:12.5px;margin-top:3px} .addons{margin-top:20px;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:4px 16px} .addons summary{cursor:pointer;font-weight:600;font-size:14.5px;padding:12px 0;color:var(--h1)} .addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;padding:6px 0 16px}@media(max-width:680px){.addon-grid{grid-template-columns:1fr}} .addon{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px dotted var(--line);padding:6px 0} .addon b{color:var(--h1);font-family:var(--mono);font-size:12.5px;white-space:nowrap} /* start / lead */ .vstart{position:relative;background:linear-gradient(135deg,var(--h1),var(--h2));color:#fff;overflow:hidden} .vstart::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(120% 90% at 30% 0%,#000,transparent 72%);mask-image:radial-gradient(120% 90% at 30% 0%,#000,transparent 72%)} .vstart .wrap{position:relative;z-index:1} .start-grid{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:start}@media(max-width:900px){.start-grid{grid-template-columns:1fr;gap:30px}} .assure{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px} .assure li{color:#eaf1ff;font-size:15px;padding-left:24px;position:relative}.assure li::before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800} .leadform{background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.4);color:var(--navy)} .leadform label{display:block;font-size:12.5px;font-weight:600;color:var(--slate);margin-bottom:12px} .leadform input,.leadform select,.leadform textarea{width:100%;margin-top:5px;border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:15px;color:var(--navy);background:#fff} .leadform input:focus,.leadform select:focus,.leadform textarea:focus{outline:none;border-color:var(--acc)} .lf2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.lf2{grid-template-columns:1fr}} .lf-note{font-size:12.5px;color:var(--slate);text-align:center;margin-top:10px}.lf-note.err{color:#b3261e}.lf-note a{color:var(--acc);font-weight:700} .lf-done{text-align:center;padding:26px 8px;font-size:16px;color:var(--h1);line-height:1.5}.lf-done b{font-size:19px} /* footer */ footer{background:#fff;border-top:1px solid var(--line)} footer .wrap{padding:34px 24px;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between} footer .left{display:flex;align-items:center;gap:14px}footer .left img{height:36px;width:auto} footer .meta{color:var(--slate);font-size:13.5px} footer nav{display:flex;flex-wrap:wrap;gap:18px}footer nav a{color:var(--slate);font-size:14px}footer nav a:hover{color:var(--acc)} .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}} /* Explore family-nav (v2, hub pages) */ .explore2{position:relative;} .explore2-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-weight:700;font-size:13.5px;color:var(--navy);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;} .explore2-btn:hover{border-color:var(--blue-deep);} .explore2-menu{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:10px;display:none;z-index:70;} .explore2-menu.open{display:block;} .explore2-menu .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:8px 10px 4px;} .explore2-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;} .explore2-menu a:hover{background:var(--bg);} .explore2-menu a span.tag{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--slate);white-space:nowrap;} .explore2-menu hr{border:none;border-top:1px solid var(--line);margin:6px 0;} /* Brian concierge (v2, hub pages) */ .brian-fab{position:fixed;right:22px;bottom:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue-deep));border:none;cursor:pointer;box-shadow:0 12px 30px rgba(20,15,8,.35);display:flex;align-items:center;justify-content:center;padding:8px;transition:transform .15s;} .brian-fab img{width:100%;height:100%;border-radius:50%;object-fit:cover;} .brian-fab:hover{transform:translateY(-2px) scale(1.04);} .brian-fab .dot{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--blue-bright);border:2px solid var(--bg);} .brian-panel{position:fixed;right:22px;bottom:92px;z-index:200;width:340px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100vh - 140px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;font-family:var(--sans);} .brian-panel.open{display:flex;} .brian-head{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;} .brian-head .av{width:34px;height:34px;border-radius:50%;background:var(--blue-bright);overflow:hidden;flex:none;} .brian-head .av img{width:100%;height:100%;object-fit:cover;} .brian-head b{display:block;font-size:14.5px;font-weight:800;} .brian-head span{display:block;font-size:11px;color:#e8dcc0;} .brian-head .x{margin-left:auto;background:none;border:none;color:#fff;opacity:.7;cursor:pointer;font-size:18px;line-height:1;padding:4px;} .brian-head .x:hover{opacity:1;} .brian-body{flex:1;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px;background:var(--bg);} .brian-msg{max-width:86%;font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:12px;} .brian-msg.bot{align-self:flex-start;background:var(--card);border:1px solid var(--line);color:var(--navy);border-bottom-left-radius:4px;} .brian-msg.user{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px;} .brian-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px;} .brian-chip{font-family:var(--mono);font-size:11px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--blue-deep);cursor:pointer;} .brian-chip:hover{border-color:var(--blue-deep);} .brian-inputrow{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:var(--card);} .brian-inputrow input{flex:1;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-family:var(--sans);font-size:13.5px;background:var(--bg);color:var(--navy);} .brian-inputrow input:focus{outline:none;border-color:var(--blue-deep);} .brian-inputrow button{background:var(--navy);color:#fff;border:none;border-radius:999px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;} .brian-inputrow button:disabled{opacity:.5;cursor:default;} .brian-typing{align-self:flex-start;font-size:12px;color:var(--slate);padding:0 4px;} @media(max-width:480px){.brian-panel{right:16px;bottom:84px;width:calc(100vw - 32px);}.brian-fab{right:16px;bottom:16px;}}