:root{--bg:#020308;--panel:#10151e;--ink:#ffffff;--muted:#bfc3ce;--lime:#4dd8ff;--line:#27303e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
button{cursor:pointer}
.wrap{width:min(1180px,calc(100% - 64px));margin:auto}
.header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:25px}
.brand{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:2px;font-weight:800}
.brand span{font-weight:400;color:var(--muted)}
.brand img{width:34px;height:34px;object-fit:contain}
.header nav{display:flex;gap:28px;align-items:center;font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;border-radius:6px;background:var(--lime);color:#142010;font-weight:700;border:1px solid var(--lime);line-height:1.4}
.button:hover{background:#d8ffa3}
.button.small{padding:11px 17px}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;padding-top:75px;padding-bottom:65px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}
.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(45px,5.6vw,76px);line-height:1.05;letter-spacing:-4px;font-weight:550;margin:25px 0}
h1 em{color:var(--lime);font-style:normal}
h2{font-size:clamp(30px,3.5vw,47px);line-height:1.15;letter-spacing:-2px;font-weight:550}
h3{font-size:25px;line-height:1.3;font-weight:550;letter-spacing:-.7px}
.intro{font-size:18px;max-width:470px;color:var(--muted)}
.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:28px 0 16px}
.text-link{font-size:14px;border-bottom:1px solid var(--muted)}
.fine{font-size:12px;color:var(--muted);line-height:1.7}
.hero-note{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;gap:28px;align-items:start}
.hero-note span{color:var(--lime);font-size:10px;letter-spacing:1px;padding-top:4px;white-space:nowrap}
.hero-note p{font-size:12px;color:var(--muted);margin:0}
.phone-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:570px;flex-direction:column}
.orbit{position:absolute;width:420px;height:420px;max-width:100%;border:1px solid #34412a;border-radius:50%;background:radial-gradient(ellipse,#28372060,transparent 70%);z-index:-1}
.floating-label{font-size:9px;letter-spacing:2px;color:var(--lime);margin-bottom:18px}
.phone{width:min(290px,calc(100% - 24px));padding:20px;background:#eeeade;border:7px solid #29322c;border-radius:38px;color:#263229;box-shadow:0 24px 55px #0006;transform:rotate(3deg);text-align:center}
.hero>*,.demo-layout>*{min-width:0}
.phone-top{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-bottom:30px}
.shop-mark{display:grid;place-content:center;margin:0 auto 20px;background:#2f4237;color:#f6f0dc;width:72px;height:72px;border-radius:50%;font-size:25px;letter-spacing:-3px;font-family:Georgia,serif}
.shop-mark span{display:contents;color:#c3f578}
.phone .eyebrow{color:#586557;font-size:7px;letter-spacing:1px}
.phone h2{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px;margin-bottom:6px}
.phone>p:not(.eyebrow){font-size:10px}
.mock-primary,.mock-row{padding:12px;margin:10px 0;border:1px solid #cccdbf;border-radius:7px;text-align:left;font-size:11px;font-weight:600}
.mock-primary{background:#304538;color:#fff;border-color:#304538;margin-top:22px}
.mock-primary span,.mock-row span{float:right}
.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:10px}
.mock-grid div{padding:10px;border:1px solid #cccdbf;border-radius:7px}
.powered{font-size:7px!important;letter-spacing:2px;margin:23px 0 5px}
.tap-caption{font-size:12px;color:var(--muted);margin-top:24px}
.strip{border-block:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:10px;letter-spacing:1.3px}
.strip .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.strip span{color:var(--lime)}
.section{padding-top:80px}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;margin:25px 0}
.section-head p{color:var(--muted);max-width:470px}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.offer,.care{padding:36px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.offer{border-color:#74904b}
.offer-top{display:flex;justify-content:space-between;color:var(--lime);font-size:11px;letter-spacing:1px;margin-bottom:24px}
.price{font-size:46px;letter-spacing:-2px;line-height:1.3;margin:20px 0}
.price span{font-size:13px;letter-spacing:0;color:var(--muted)}
ul{padding-left:20px;color:var(--muted);font-size:14px;margin:24px 0}
li{margin:10px 0}
li::marker{color:var(--lime)}
.offer .button{width:100%;margin-bottom:16px}
.care{background:transparent}
.care>p:not(.price):not(.eyebrow){color:var(--muted)}
.cards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards article{padding:28px;background:var(--panel);border-radius:10px;border:1px solid var(--line)}
.number{font-size:10px;color:var(--lime);letter-spacing:1px}
.cards h3{margin-top:27px}
.cards p,.steps p{font-size:14px;color:var(--muted)}
.cards a{font-size:12px;color:var(--lime)}
.steps{border-block:1px solid var(--line);padding:35px 0}
.steps b{color:var(--lime);font-size:12px}
.steps h3{font-size:20px;margin-top:15px}
.faq{max-width:850px}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-size:16px}
details p{color:var(--muted);font-size:14px;margin:18px 0 0}
.closing{padding-block:85px}
.closing h2{font-size:clamp(40px,5vw,65px)}
.footer{border-top:1px solid var(--line);padding-block:25px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.skip{position:absolute;left:12px;top:-100px;background:var(--lime);color:#000;padding:12px;z-index:5}
.skip:focus{top:10px}
[hidden]{display:none!important}
.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:50px;align-items:start}
.editor{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.editor label{display:block;font-size:13px;margin:18px 0 6px}
.editor input,.editor select{width:100%;padding:12px;color:var(--ink);background:var(--bg);border:1px solid #53615a;border-radius:6px}
.status{min-height:26px;font-size:13px;color:var(--lime)}
.demo-phone{transform:none;width:min(100%,350px);margin:auto}
.demo-phone button{display:block;width:100%;font:inherit;font-size:13px;cursor:pointer}
.demo-phone .mock-grid button{color:#263229;background:transparent;padding:12px;border:1px solid #a6ad9e;border-radius:7px}
.demo-phone .mock-row{background:transparent;color:#263229}
.demo-phone .phone-top{margin-bottom:25px}
.demo-phone h2{font-size:30px;overflow-wrap:anywhere}
.demo-phone .eyebrow{font-size:9px}
.demo-phone .powered{margin-top:24px}
.demo-notice{max-width:350px;margin:20px auto;text-align:center}
.demo-dialog{max-width:420px;width:calc(100% - 40px);background:var(--panel);color:var(--ink);padding:30px;border:1px solid var(--line);border-radius:12px}
.demo-dialog::backdrop{background:#000b}
.demo-dialog p{color:var(--muted)}
.sales-sheet{max-width:700px;margin:45px auto;padding:45px;border:1px solid var(--line);border-radius:14px;text-align:center}
.sales-sheet h1{font-size:58px}
.qr{width:240px;height:240px;background:#fff;padding:8px;display:block;margin:30px auto}
.print-tools{text-align:center;margin:30px}
.print-url{overflow-wrap:anywhere}
.sales-sheet ul{text-align:left;display:inline-block}
.sales-sheet .brand{justify-content:center}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}
.header{gap:10px}
.header nav{gap:15px}
.header nav>a:not(.button){display:none}
.brand{font-size:11px;letter-spacing:1px}
.brand span{display:none}
.hero{grid-template-columns:1fr;gap:20px;padding-top:44px}
.hero h1{letter-spacing:-2.5px}
.hero .intro{max-width:100%}
.phone-stage{min-height:530px}
.section-head{grid-template-columns:1fr;gap:5px}
.offer-grid,.demo-layout{grid-template-columns:1fr;gap:20px}
.cards,.steps{grid-template-columns:1fr}
.section{padding-top:55px}
.offer,.care{padding:26px}
.demo-layout{padding-top:30px}
.sales-sheet{margin:20px;padding:28px 18px}
.sales-sheet h1{font-size:40px;letter-spacing:-2px}
.footer{gap:18px}
.strip span{display:none}
.strip .wrap{justify-content:center}
.editor{padding:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}
@media print{body{background:#fff;color:#111}
.header,.footer,.print-tools,.no-print{display:none!important}
.sales-sheet{border:0;margin:0 auto;padding:0;color:#111;font-size:13px;line-height:1.45}
.sales-sheet p{margin:10px 0}
.sales-sheet .eyebrow{margin-top:14px!important}
.sales-sheet ul{margin:8px 0;font-size:12px}
.sales-sheet li{margin:5px 0}
.sales-sheet .fine{font-size:10px;line-height:1.4}
.sales-sheet .price{font-size:35px;margin:12px 0}
.sales-sheet p,.sales-sheet li,.sales-sheet .eyebrow{color:#222}
.sales-sheet h1{font-size:42px;margin:16px 0;letter-spacing:-2px}
.qr{width:190px;height:190px;margin:16px auto}
.sales-sheet .brand{color:#111}
a{color:inherit}
.price span{color:#333}
@page{margin:15mm}
}

/* Agora Tap pitch studio */
.tap-studio{background:radial-gradient(ellipse at 85% 25%,#26302055,transparent 45%),var(--bg)}
.studio-controls h1{font-size:clamp(44px,5vw,68px);margin:18px 0}
.editor fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.editor legend{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--lime);border-bottom:1px solid var(--line);width:100%;padding-bottom:12px}.editor .toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.editor .toggle-grid label{display:flex;align-items:center;gap:9px;margin:0;padding:12px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px}.editor .toggle-grid input{width:17px;height:17px;accent-color:var(--lime);margin:0}.text-button{border:0;background:none;color:var(--muted);padding:12px;text-decoration:underline}.studio-offer{border-left:2px solid var(--lime);padding:0 20px;margin:28px 0}.studio-offer p{font-size:13px;color:var(--muted);margin:8px 0}.preview-stage{position:sticky;top:25px;padding:20px 0}.preview-heading{display:flex;justify-content:space-between;gap:14px;max-width:410px;margin:0 auto 22px;align-items:center}.preview-heading>span:last-child{font-size:8px;letter-spacing:1.5px;color:var(--lime)}
.tap-studio .demo-phone{--paper:#f6eee7;--text:#392d32;--accent:#704353;--edge:#d8c5c7;--soft:#eadbdc;--heading:Georgia,serif;width:min(100%,375px);background:var(--paper);color:var(--text);border:8px solid #343839;padding:20px 22px 18px;border-radius:38px;box-shadow:0 35px 90px #0008;text-align:center;overflow:hidden}
.tap-studio .demo-phone[data-theme=auto]{--paper:#141a23;--text:#eef3f9;--accent:#bde854;--edge:#39424f;--soft:#212c3a;--heading:Impact,'Arial Narrow',sans-serif;border-radius:24px}
.tap-studio .demo-phone[data-theme=cafe]{--paper:#fbf3df;--text:#493524;--accent:#87452d;--edge:#dccbb0;--soft:#eedbb9;--heading:Georgia,serif}
.brand-cover{position:relative;min-height:120px;margin:0 -22px 0;padding:20px 26px 45px;background:var(--soft);overflow:hidden;text-align:left}.brand-cover>span{position:relative;z-index:1;display:block;max-width:170px;font:italic 29px/1.05 var(--heading);letter-spacing:-1px}.cover-lines{position:absolute;width:130px;height:170px;border:1px solid var(--accent);border-radius:90px 90px 0 0;right:-5px;top:10px;transform:rotate(25deg);box-shadow:0 0 0 10px var(--soft),0 0 0 11px var(--accent),0 0 0 22px var(--soft),0 0 0 23px var(--accent);opacity:.4}
[data-theme=auto] .brand-cover{background:repeating-linear-gradient(125deg,#212c3a 0 20px,#18212c 20px 40px)}[data-theme=auto] .brand-cover>span{font-style:normal;letter-spacing:1px;color:var(--accent)}[data-theme=auto] .cover-lines{border-radius:0;transform:rotate(35deg)}[data-theme=cafe] .cover-lines{border-radius:50%;width:125px;height:125px;top:30px}
.tap-studio .demo-phone .shop-mark{position:relative;margin:-28px auto 14px;border:5px solid var(--paper);background:var(--accent);color:var(--paper);width:70px;height:70px;letter-spacing:0;font-size:23px}.tap-studio .demo-phone .eyebrow{color:var(--text);opacity:.7;font-size:8px}.tap-studio .demo-phone h2{font-family:var(--heading);font-size:32px;line-height:1.12;margin:10px 0}.tap-studio .demo-phone #shop-tagline{font-size:12px;line-height:1.5;margin:10px 0 20px;overflow-wrap:anywhere}.tap-studio .demo-phone .mock-primary{background:var(--accent);color:var(--paper);border-color:var(--accent);padding:15px}.tap-studio .demo-phone .mock-row,.tap-studio .demo-phone .mock-grid button{color:var(--text);border-color:var(--edge);background:transparent;padding:13px;font-size:12px}.tap-studio .demo-phone button{transition:transform .15s}.tap-studio .demo-phone button:hover{transform:translateY(-2px)}.tap-studio .demo-phone button:focus-visible{outline-color:var(--accent)}.tap-studio .demo-phone .phone-top{margin-bottom:16px;font-size:8px;letter-spacing:2px}.tap-studio .demo-phone .powered{font-size:6px!important;opacity:.7}.review-feature{padding:17px 14px;text-align:left;background:var(--soft);border-radius:8px;margin:12px 0}.review-feature .sample-label{font:7px/1.5 system-ui;letter-spacing:1px;margin:0}.review-stars{color:var(--accent);letter-spacing:3px;margin:8px 0}.review-feature blockquote{margin:0 0 10px;font:italic 15px/1.5 var(--heading)}.review-feature>span{font-size:9px}.domain-preview{text-align:center;margin:24px auto 0;font-size:13px;overflow-wrap:anywhere}.domain-preview>span:first-child{color:var(--lime);margin-right:8px}.domain-preview small{display:block;margin-top:5px;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.preview-footnote{text-align:center;color:var(--lime);font-size:11px}.demo-dialog h2{font-size:28px;letter-spacing:-1px}.demo-dialog .button{margin-top:10px}.presenting .studio-controls,.presenting .footer{display:none}.presenting .demo-layout{grid-template-columns:1fr;max-width:600px}.presenting .preview-stage{position:static}.analysis-card{margin-top:25px}
@media(max-width:800px){.preview-stage{position:static;grid-row:1}.preview-heading{max-width:375px}.studio-controls h1{font-size:45px}.tap-studio .demo-layout{gap:25px}.tap-studio .header .button{padding:10px;font-size:11px}.preview-stage{padding-top:0}.editor .toggle-grid{gap:6px}.tap-studio .demo-phone{max-width:360px}}
@media(prefers-reduced-motion:reduce){.tap-studio .demo-phone button{transition:none}}

/* Shared Agora identity; customer preview themes retain their own branding. */
@media screen {
body{background:radial-gradient(ellipse at top,#101622 0,#020308 48%,#000 100%);font-family:Inter,"SF Pro",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.tap-studio{background:radial-gradient(ellipse at 85% 15%,#102536 0,transparent 48%),var(--bg)}
.header{border-color:rgba(77,216,255,.14)}
.header .brand{letter-spacing:1.6px}.header .brand img{filter:drop-shadow(0 0 9px #4dd8ff35)}
.button{background:var(--lime);border-color:var(--lime);color:#020308;box-shadow:0 0 22px #4dd8ff0c;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover{background:#83e5ff;box-shadow:0 0 24px #4dd8ff25;transform:translateY(-1px)}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{background:#4dd8ff0d;border-color:var(--lime)}
.offer,.cards article,.editor{background:linear-gradient(135deg,#121c28b8,#0b1018d9);border-color:#2b3a4c}
.offer{border-color:#4dd8ff70;box-shadow:inset 0 1px #4dd8ff18,0 15px 60px #0003}
.care{background:#0a101980;border-color:#2b3a4c}
.hero-note,.strip,.steps,.footer{border-color:#263241}
.orbit{border-color:#4dd8ff38;background:radial-gradient(ellipse,#4dd8ff13,transparent 70%)}
.local-landing .hero{position:relative}.local-landing .hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#4dd8ff05 1px,transparent 1px),linear-gradient(90deg,#4dd8ff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.local-landing .hero h1{font-weight:650}.local-landing .hero h1 em{text-shadow:0 0 35px #4dd8ff25}
.eyebrow,.number,.offer-top{font-family:ui-monospace,Consolas,monospace}
}
/* Action rows reflow around the visible choices, including a single action. */
.tap-studio .demo-phone{display:flex;flex-direction:column;min-height:610px}
.tap-studio .demo-phone>.phone-top{flex-shrink:0}.tap-studio .demo-phone>.brand-cover{flex-shrink:0}.tap-studio .demo-phone>.shop-mark{flex-shrink:0}
.customer-actions{margin-top:auto;padding-top:4px;width:100%}
.tap-studio .demo-phone .mock-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.tap-studio .demo-phone .mock-grid button{flex:0 1 calc(50% - 5px);width:auto;min-width:0;overflow-wrap:anywhere}
.tap-studio .demo-phone .mock-grid.single-action button{flex-basis:100%;max-width:250px}
.tap-studio .demo-phone .customer-actions.solo-action{display:flex;flex-direction:column;align-items:center}
.tap-studio .demo-phone .customer-actions.solo-action>button{width:100%;max-width:280px;text-align:center}
.tap-studio .demo-phone .customer-actions.solo-action .mock-grid{width:100%}
.tap-studio .demo-phone .powered{margin-top:24px;margin-bottom:5px}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

.wifi-details{padding:18px;border:1px solid var(--line);border-radius:10px;margin:18px 0;background:var(--bg)}.wifi-details .sample-label{font-size:10px;letter-spacing:1.4px;color:var(--lime)}.wifi-details dl{margin:12px 0}.wifi-details dt{font-size:11px;color:var(--muted);margin-top:12px}.wifi-details dd{margin:3px 0;font-size:16px;overflow-wrap:anywhere}.wifi-details code{user-select:all;color:var(--ink)}.google-destination{display:block;overflow-wrap:anywhere;color:var(--lime);text-decoration:underline;font-size:13px;margin:16px 0}.demo-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}