@media (hover:hover) and (prefers-reduced-motion:no-preference){article,.btn,nav a,.storylink,summary{transition:transform .2s ease,box-shadow .2s ease,color .2s ease}article:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0b302015}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #12372635}nav a:hover,.storylink:hover{text-decoration:underline;text-underline-offset:6px}article h3{background:linear-gradient(currentColor,currentColor) left bottom / 0 2px no-repeat;transition:background-size .28s ease;width:fit-content;padding-bottom:4px}article:hover h3{background-size:100% 2px}}nav a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #79a758;outline-offset:4px}
.bar{height:5px;background:linear-gradient(to right,#327357 var(--share),#b3c77d var(--share));border-radius:5px}.duelrow .row{border:0;padding:10px 0 4px}.duelrow b{font-variant-numeric:tabular-nums}body{background:radial-gradient(ellipse at 8% 12%,#dceee3,transparent 47%),radial-gradient(ellipse at 92% 42%,#e0e8f8,transparent 48%),#f4f6f3;background-attachment:fixed}
header{position:sticky;top:8px;z-index:4;max-width:1240px;width:94%;min-height:62px;margin:8px auto 22px;padding:8px clamp(16px,3vw,44px);border-radius:28px;background:#fffffff0;border:1px solid #fff;box-shadow:0 8px 30px #173e3012,inset 0 1px 1px white}
@supports(backdrop-filter:blur(10px)){header{background:#ffffffad;backdrop-filter:blur(22px) saturate(155%)}}
nav a{padding:6px 12px;border-radius:22px}nav a[aria-current]{background:#fff9;text-decoration:none;box-shadow:0 1px 6px #15392915}
.plot,.panel,.kpis article,article:first-child{background:linear-gradient(140deg,#fffffff0,#ffffff8c);border-color:#fff;border-radius:24px;box-shadow:0 8px 26px #233b3210}
.devices{display:grid;grid-template-columns:minmax(0,1fr) var(--phone-width,25%);gap:clamp(12px,3vw,40px);align-items:start;padding-bottom:36px}.device{overflow:hidden;position:relative;background:#101426;border:6px solid #273040;box-sizing:content-box;box-shadow:0 15px 38px #1e39342c}.pc{border-radius:16px}.phone{border-radius:30px}.device iframe{border:0;position:absolute;top:0;left:0;transform-origin:top left}.devices h3{font-size:18px}.section{scroll-margin-top:96px}
@media(max-width:700px){.devices{grid-template-columns:1fr}.phone{max-width:320px;margin:auto}header{position:relative;top:0}.devices h3{margin-top:18px}.device{border-width:4px}}

.custom-options{row-gap:20px}.custom-options article{display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffffd9,#eff5e4b3);color:#173e30;backdrop-filter:blur(18px);border:1px solid #ffffffd9;box-shadow:0 10px 32px #193f310b}.custom-options article small{font-size:11px;letter-spacing:.08em}.custom-options article h3{font-size:27px;line-height:1.12}.custom-options article p{line-height:1.65;margin-bottom:24px}.example-chip{margin-top:auto;padding:12px 14px;border-radius:14px;background:#dfeccf88;font-size:13px;line-height:1.5}.custom-note{max-width:800px;color:#51655a;font-size:14px;margin:26px 0}.custom-product>small{letter-spacing:.1em}@media(min-width:741px) and (max-width:1000px){.custom-options{grid-template-columns:repeat(2,1fr)}}
/* Product ideas: hover, keyboard and touch previews. */
.ideas-heading{max-width:850px}.ideas-heading>small{font-size:12px;letter-spacing:.14em}.ideas-heading h2{margin-top:16px!important}.preview-instruction{font-size:14px;color:#52695d;margin-bottom:30px}.ambitious-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.ambitious-options .idea-card{padding:28px;min-width:0;border-radius:28px;background:linear-gradient(135deg,#ffffffeb,#ffffff88);box-shadow:inset 0 1px 0 #fff,0 12px 36px #163f3010;transition:border-color .2s,box-shadow .2s}.ambitious-options .idea-card:hover{transform:none}.idea-meta{display:flex;align-items:center;gap:12px}.idea-meta>span:first-child{font-size:13px;color:#6a806e}.idea-meta small{font-size:10px!important;letter-spacing:.08em;line-height:1.4}.idea-spark{margin-left:auto;font-size:23px;color:#567a5d}.ambitious-options .idea-card h3{font-size:clamp(24px,2.3vw,33px);max-width:430px;line-height:1.12;margin:26px 0 16px;background:none;padding:0}.ambitious-options .idea-card>p{font-size:15px;margin:0 0 18px;color:#486053;line-height:1.65}.idea-punch{font-size:13px;color:#34533f;margin-bottom:24px}.preview-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;border:1px solid #c9dbc680;background:#e5eedb88;color:#24472f;border-radius:16px;font-size:13px;text-align:left}.preview-plus{font-size:19px}.preview-open .preview-plus{transform:rotate(45deg)}.preview-open{border-color:#b5cfa8!important;box-shadow:0 16px 45px #193f311c!important}.idea-preview[hidden]{display:none}.preview-inner{padding:22px 0 0;animation:preview-appear .25s ease-out}.preview-badge{font-size:9px;font-weight:700;letter-spacing:.09em;color:#557060;margin-bottom:14px}.preview-inner .mock-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:#647568}.mock-label span{float:right}.flow{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;margin-bottom:16px}.flow>span{padding:6px 8px;border-radius:9px;background:#e3eddc}.flow i{font-style:normal;color:#71846d}.sms-mock,.kpi-builder,.travel-preview,.report-preview,.video-preview{padding:16px;border:1px solid #fff;border-radius:19px;background:#ffffffc4;box-shadow:0 5px 18px #183f300a}.sms-bubble{background:#dceecf;color:#24472a;padding:15px;border-radius:17px 17px 17px 3px;margin:16px 0;font-size:13px;line-height:1.65;max-width:92%}.mock-status{font-size:10px;color:#536b59;line-height:1.5;margin-top:12px}.preview-foot{font-size:11px!important;color:#637568;margin:12px 0 0!important;line-height:1.6}.lineup-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.mini-pitch{height:230px;background:repeating-linear-gradient(0deg,#356848 0 28px,#3a704c 28px 56px);border:1px solid #ffffffb0;border-radius:14px;display:flex;flex-direction:column;justify-content:space-around;position:relative;padding:12px 4px}.mini-pitch:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff80;border-radius:3px;pointer-events:none}.pitch-line{display:flex;justify-content:space-around;position:relative}.pitch-line span{width:25px;height:25px;border-radius:50%;background:#effbd5;color:#1c4029;border:2px solid #fff;font-size:9px;display:grid;place-items:center;box-shadow:0 3px 5px #0002}.lineup-reasons{display:flex;flex-direction:column;gap:12px;font-size:12px}.lineup-reasons>span,.lineup-reasons small{font-size:10px;color:#607262}.lineup-reasons>div{border-bottom:1px solid #c4d5bf;padding-bottom:8px}.video-scene{position:relative;height:145px;background:linear-gradient(140deg,#193e31,#3a6a49);border-radius:10px;overflow:hidden}.video-scene svg{width:100%;height:100%;fill:none;stroke:#ffffff30;stroke-width:1}.video-scene .tactic-arrow{stroke:#d7fa8c;stroke-width:3;stroke-dasharray:6 4}.video-play{position:absolute;left:46%;top:33%;border:1px solid #ffffff60;color:white;background:#ffffff20;backdrop-filter:blur(5px);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px}.video-caption{position:absolute;bottom:9px;left:10px;font-size:10px;color:white}.video-timeline{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dce5d7}.video-timeline span{padding:5px 7px;background:#e3ebdb;border-radius:7px;font-size:9px}.video-timeline span:nth-child(2){background:#2e5940;color:white}.formula-pills{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:10px}.formula-pills span{background:#e4ecd9;padding:8px;border:1px solid #d6e2cb;border-radius:9px}.formula-pills i{font-size:18px;font-style:normal}.kpi-result{display:flex;gap:14px;align-items:end;justify-content:space-between}.kpi-result small{font-size:10px;display:block}.kpi-result strong{font-size:48px;font-weight:650;line-height:1.4;display:block;letter-spacing:-.06em}.kpi-result em{font-style:normal;font-size:18px;font-weight:400;letter-spacing:0}.kpi-result span{font-size:10px;color:#4d7e37}.mini-bars{display:flex;align-items:end;height:105px;gap:7px;min-width:88px}.mini-bars i{background:#abc98a;width:16px;height:var(--bar);border-radius:4px 4px 0 0}.mini-bars i:last-child{background:#365e3d}.travel-map{height:140px;background:linear-gradient(130deg,#e6eddc,#ecf1e8);border-radius:12px;overflow:hidden;position:relative}.travel-map svg{width:100%;height:100%;fill:none}.map-road{stroke:#fff;stroke-width:9}.map-route{stroke:#608951;stroke-width:3;stroke-dasharray:5 4}.travel-map circle{fill:#d5f2a3;stroke:#395a33;stroke-width:3}.travel-map>span{position:absolute;bottom:8px;left:12px;background:#ffffffb0;border-radius:8px;padding:4px 7px;font-size:10px}.travel-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;padding-top:13px}.travel-row>span{font-size:10px;color:#52684b}.mock-pill{padding:5px 7px;border-radius:7px;background:#f0ebcf}.report-cover{background:linear-gradient(135deg,#1b402e,#38664a);border-radius:12px;padding:20px;color:#eaf4e2;position:relative;overflow:hidden}.report-cover:after{content:'';position:absolute;right:-25px;top:-30px;width:130px;height:130px;border-radius:50%;border:28px solid #d6ed9d12}.report-cover>span{font-size:9px;letter-spacing:.1em}.report-cover>b{display:block;font-size:26px;line-height:1.1;letter-spacing:-.04em;padding:17px 0}.report-cover>small{font-size:10px;color:#c9dfbc!important}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px}.report-stats b{display:block;font-size:24px}.report-stats small{display:block;font-size:10px!important;font-weight:400!important;margin-top:3px;letter-spacing:0!important}.preview-toggle:focus-visible{outline:3px solid #729a5c;outline-offset:3px}@keyframes preview-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:740px){.ambitious-options{grid-template-columns:1fr}.ambitious-options .idea-card{padding:22px}.flow{font-size:9px}.lineup-preview{grid-template-columns:1.1fr 1fr}}@media(prefers-reduced-motion:reduce){.preview-inner{animation:none}.ambitious-options .idea-card{transition:none}}