/* ============================================================
   LandSure Product Pages - shared section styles
   Builds on landsure.css tokens. Prefix .p-
   ============================================================ */
:root{--amber:#F59E0B;--amber-d:#d98908;}

/* grey image placeholders (user fills later) */
.p-ph{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:#E7EDF1;border:1px dashed #B9C9D2;border-radius:16px;color:#7C93A0;overflow:hidden;}
.p-ph span{display:block;font-size:11px;font-weight:600;line-height:1.5;padding:14px 18px;max-width:92%;}
.p-ph.dark{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.16);color:rgba(255,255,255,0.5);}

/* status badge (coming soon) */
.p-badge{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#fff;border-radius:999px;padding:8px 16px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.p-badge .svgico{width:14px;height:14px;}
.p-badge.teal{background:var(--teal);}

/* section label + heads reused: .eyebrow .h1 .h2 */
.p-lead{font-size:18px;line-height:1.7;color:var(--text-soft);}
.p-sec-head{max-width:800px;}
.p-sec-head.center{margin:0 auto;text-align:center;}

/* ========== HERO (split) ========== */
.p-hero{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden;padding:150px 0 70px;background:linear-gradient(180deg,#F7FAFB,#eef4f7);}
.p-hero.dark{background:radial-gradient(circle at 72% 30%,rgba(0,169,143,0.22),transparent 40%),radial-gradient(circle at 22% 78%,rgba(0,100,180,0.13),transparent 36%),#061B2B;}
.p-hero.dark.amber{background:radial-gradient(circle at 65% 28%,rgba(245,158,11,0.16),transparent 38%),radial-gradient(circle at 20% 72%,rgba(0,169,143,0.12),transparent 34%),#061B2B;}
.p-hero-grid{display:grid;grid-template-columns:44% 56%;gap:52px;align-items:center;}
.p-hero.dark .h1,.p-hero.dark h1{color:#fff;}
.p-hero .h1{font-size:clamp(42px,4.4vw,64px);max-width:560px;}
.p-hero-sub{font-size:20px;line-height:1.55;color:var(--text-soft);max-width:510px;margin:22px 0 0;font-weight:500;}
.p-hero.dark .p-hero-sub{color:rgba(255,255,255,0.84);}
.p-hero-body{font-size:15.5px;line-height:1.7;color:var(--text-soft);max-width:500px;margin:18px 0 0;}
.p-hero.dark .p-hero-body{color:rgba(255,255,255,0.68);}
.p-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 0;}
.btn-amber{background:var(--amber);color:#fff;box-shadow:0 16px 34px rgba(245,158,11,0.3);}
.btn-amber:hover{background:var(--amber-d);transform:translateY(-3px);}
.btn-outline-w{background:transparent;border:1px solid rgba(255,255,255,0.3);color:#fff;}
.btn-outline-w:hover{border-color:#fff;transform:translateY(-3px);}
.p-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 0;max-width:520px;}
.p-chips.row{grid-template-columns:repeat(4,1fr);max-width:none;margin:44px 0 0;gap:0 28px;}
/* NASA-inspired: no card, no ring, bare line icon + dark green label */
.p-chips.row .p-chip{background:none!important;border:none!important;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;backdrop-filter:none;}
.p-chips.row .chip-ico{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;color:#0B4F45;flex:0 0 auto;}
.p-chips.row .chip-ico .svgico{width:30px;height:30px;stroke-width:1.4;}
.p-chips.row .chip-tx{font-size:12.5px;font-weight:600;letter-spacing:.03em;line-height:1.5;color:#0B4F45;}
@media(max-width:900px){.p-chips.row{grid-template-columns:1fr 1fr;gap:26px 28px;}}
@media(max-width:560px){.p-chips.row{grid-template-columns:1fr;gap:20px;}.p-chips.row .p-chip{flex-direction:row;align-items:center;gap:14px;}}
#hero .p-hero-grid{align-items:end;}
#hero .p-hero-visual{display:flex;justify-content:center;align-items:flex-end;}
.p-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:10px;padding:11px 14px;font-size:12.5px;font-weight:600;color:var(--text);}
.p-hero.dark .p-chip{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);border-left-color:var(--teal-bright);color:rgba(255,255,255,0.9);backdrop-filter:blur(10px);}
.p-chip .svgico{width:17px;height:17px;color:var(--teal);flex:0 0 auto;}
.p-hero.dark .p-chip .svgico{color:var(--teal-bright);}

/* hero visual */
.p-hero-visual{position:relative;}
.p-hero-img{width:100%;height:auto;border-radius:16px;box-shadow:var(--sh-float);display:block;background:#0b1420;}
.p-shot.p-shot-phone{max-width:172px;margin:0 auto;border-radius:26px;box-shadow:0 20px 44px rgba(0,0,0,0.5);background:transparent;}
.p-howimg{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:18px;box-shadow:var(--sh-card);margin:30px 0 6px;display:block;}
/* 4-up product cards */
.p-prods{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:38px 0 0;}
.p-prod{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--sh-card);display:grid;grid-template-columns:190px 1fr;transition:transform .22s ease,box-shadow .22s ease;}
.p-prod:hover{transform:translateY(-5px);box-shadow:var(--sh-soft);}
.p-prodimg{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-right:1px solid var(--border);display:block;padding:12px;}
.p-prod .pp-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;}
.p-prod h4{font-size:16px;font-weight:800;color:var(--text);margin:0 0 6px;line-height:1.2;letter-spacing:-0.01em;}
.p-prod .pp-tag{font-size:12.5px;font-style:italic;color:var(--teal);font-weight:600;margin:0 0 10px;line-height:1.4;}
.p-prod .pp-desc{font-size:12.5px;color:var(--text-soft);line-height:1.6;margin:0 0 14px;}
.p-prod .pp-specs{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:7px;}
.p-prod .pp-specs li{display:flex;gap:8px;font-size:11.5px;color:var(--text);line-height:1.45;}
.p-prod .pp-specs li .svgico{width:14px;height:14px;color:var(--teal);flex:0 0 auto;margin-top:1px;}
.p-prod .pp-plan{margin:0 0 14px;font-size:11px;font-weight:700;color:var(--teal);background:var(--teal-soft);border-radius:8px;padding:8px 11px;line-height:1.4;}
.p-prod .pp-buy{margin-top:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.p-prod .pp-price{font-size:13px;color:var(--text-muted);font-weight:600;}
.p-prod .pp-price b{display:block;font-size:20px;color:var(--navy-deep);font-weight:800;letter-spacing:-0.02em;}
.p-reassure{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;margin:34px 0 0;padding:22px;background:#fff;border:1px solid var(--border);border-radius:16px;}
.p-reassure span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--text);}
.p-reassure .svgico{width:17px;height:17px;color:var(--teal);flex:0 0 auto;}
@media(max-width:820px){.p-prods{grid-template-columns:1fr;}}
@media(max-width:560px){.p-prod{grid-template-columns:1fr;}.p-prodimg{border-right:none;border-bottom:1px solid var(--border);aspect-ratio:16/10;}}
.p-shot{width:100%;border-radius:14px;display:block;box-shadow:0 24px 60px rgba(0,0,0,0.4);background:#0b1a24;}
.p-hero-visual .p-ph{aspect-ratio:4/3;border-radius:22px;box-shadow:var(--sh-float);}
.p-hero-visual.dark .p-ph{border-radius:22px;}
.p-float-card{position:absolute;background:rgba(8,25,40,0.82);border:1px solid rgba(255,255,255,0.14);border-radius:14px;padding:16px 18px;color:#fff;box-shadow:var(--sh-dark);backdrop-filter:blur(12px);}
.p-float-card .fc-t{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--teal-bright);text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:6px;}
.p-float-card .fc-r{font-size:12px;color:rgba(255,255,255,0.8);line-height:1.7;}
.p-float-card .fc-r b{color:#fff;font-weight:700;}
.p-float-tr{top:24px;right:-8px;}
.p-float-bl{bottom:24px;left:-10px;}
.p-livedot{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 10px #3ddc97;display:inline-block;}
@media(prefers-reduced-motion:no-preference){.p-livedot.pulse{animation:pLive 2s ease-in-out infinite;}}
@keyframes pLive{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.5;}}

/* ========== PROBLEM (risk list + stat panel) ========== */
.p-risk-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;margin:44px 0 0;align-items:start;}
.p-risklist{display:flex;flex-direction:column;gap:20px;}
.p-risk{display:flex;gap:16px;}
.p-risk .icon-circle{flex:0 0 auto;}
.p-risk b{display:block;font-size:15px;font-weight:750;color:var(--text);margin:0 0 4px;}
.p-risk p{font-size:13px;color:var(--text-soft);line-height:1.55;margin:0;}
.p-statpanel{background:linear-gradient(150deg,#061B2B,#082C46);border-radius:20px;padding:34px;position:sticky;top:110px;}
.p-statrow{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.p-statrow:last-child{border-bottom:none;}
.p-statrow .svgico{width:24px;height:24px;color:var(--teal-bright);flex:0 0 auto;margin-top:4px;}
.p-statrow .v{font-size:28px;font-weight:800;color:#fff;letter-spacing:-0.02em;line-height:1;}
.p-statrow .l{font-size:12px;color:rgba(255,255,255,0.66);line-height:1.5;margin-top:6px;}
.p-src{font-size:11px;color:var(--text-muted);margin:16px 0 0;line-height:1.5;}

/* ========== STEPS (how it works) ========== */
.p-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:44px 0 0;}
.p-steps.three{grid-template-columns:repeat(3,1fr);}
.p-step{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--sh-card);position:relative;}
.p-step .num{font-size:38px;font-weight:900;color:var(--teal);line-height:1;letter-spacing:-0.03em;}
.p-step .p-ph{aspect-ratio:16/10;margin:14px 0;}
.p-step h4{font-size:14.5px;font-weight:760;color:var(--text);margin:0 0 8px;line-height:1.25;}
.p-step p{font-size:12.5px;color:var(--text-soft);line-height:1.6;margin:0;}
.p-note-box{display:flex;gap:16px;background:var(--teal-soft);border:1px solid #9BD7CA;border-radius:14px;padding:22px;margin:32px 0 0;}
.p-note-box .svgico{width:24px;height:24px;color:var(--teal);flex:0 0 auto;}
.p-note-box p{font-size:13px;color:#2f5c53;line-height:1.65;margin:0;}

/* ========== CONTENTS 6 cards ========== */
.p-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 0;}
.p-cardn{background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--sh-card);transition:transform .22s ease,box-shadow .22s ease;}
.p-cardn:hover{transform:translateY(-5px);box-shadow:var(--sh-soft);}
.p-cardn .ct{display:flex;align-items:center;gap:12px;margin:0 0 12px;}
.p-cardn .cn{font-size:13px;font-weight:900;color:var(--teal);}
.p-cardn .icon-circle{width:40px;height:40px;}
.p-cardn h4{font-size:15px;font-weight:750;color:var(--text);margin:0 0 10px;line-height:1.25;}
.p-cardn p{font-size:13px;color:var(--text-soft);line-height:1.6;margin:0;}
.p-dataline{margin:14px 0 0;font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-soft);border-radius:8px;padding:8px 11px;line-height:1.4;}
.p-context{font-style:italic;font-size:13px;color:var(--text-soft);line-height:1.65;border-left:3px solid var(--teal);padding-left:16px;max-width:820px;margin:32px 0 0;}

/* ========== AUDIENCE cards ========== */
.p-aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0 0;}
.p-aud{border-radius:22px;padding:30px;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;}
.p-aud:hover{transform:translateY(-6px);box-shadow:var(--sh-soft);}
.p-aud.mint{background:linear-gradient(135deg,#EFFAF7,#D5EEE7);border-color:#BEE3D9;}
.p-aud.blue{background:linear-gradient(135deg,#EEF5FF,#CBDDFA);border-color:#B7CDF3;}
.p-aud.warm{background:linear-gradient(135deg,#FFF0E8,#F0DDD2);border-color:#EAC9B4;}
.p-aud .lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);}
.p-aud h3{font-size:20px;font-weight:750;color:var(--text);margin:10px 0 12px;letter-spacing:-0.02em;line-height:1.2;}
.p-aud p{font-size:13.5px;color:#3a5561;line-height:1.65;margin:0 0 16px;}
.p-checks{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;}
.p-checks li{display:flex;gap:9px;font-size:12.5px;color:var(--text);line-height:1.45;}
.p-checks li .svgico{width:16px;height:16px;color:var(--teal);flex:0 0 auto;margin-top:2px;}
.p-aud .p-aud-cta{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;}

/* ========== SAMPLE preview (dark) ========== */
.p-dark{background:var(--navy-deep);color:#fff;}
.p-dark h2,.p-dark .h2{color:#fff;}
.p-dark .p-lead{color:rgba(255,255,255,0.72);}
#problem .p-risk b{color:#fff;}
#problem .p-risk p{color:rgba(255,255,255,0.72);}
#problem .eyebrow{color:#4BBBAB;}
#problem .icon-circle{background:rgba(75,187,171,0.16);color:#4BBBAB;border-color:rgba(75,187,171,0.32);}
#problem .p-statpanel{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);}
.p-samples{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:44px 0 0;}
.p-sample{perspective:1200px;}
.p-sample .page{background:#fff;border-radius:7px;box-shadow:0 14px 34px rgba(0,0,0,0.4);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;cursor:zoom-in;}
/* ===== Report sample lightbox ===== */
.rlightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(4,16,26,.9);backdrop-filter:blur(6px);padding:3vh 2vw;}
.rlightbox.open{display:flex;}
.rlb-fig{margin:0;max-width:96vw;max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:12px;}
.rlb-fig img{max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.6);background:#fff;}
.rlb-cap{color:#dfeaf0;font:500 13px/1.5 Montserrat,sans-serif;text-align:center;max-width:760px;}
.rlb-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s;}
.rlb-close:hover{background:rgba(255,255,255,.24);}
.rlb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .2s;}
.rlb-nav:hover{background:rgba(255,255,255,.24);}
.rlb-prev{left:20px;}
.rlb-next{right:20px;}
@media(max-width:620px){.rlb-nav{width:42px;height:42px;font-size:24px;}}
.p-sample:hover .page{transform:rotateX(3deg) rotateY(-4deg);box-shadow:0 34px 80px rgba(0,0,0,0.5);}
.p-sample .p-ph{aspect-ratio:3/4;border-radius:0;border:none;background:#f0f3f6;}
.p-sample .page img{display:block;width:100%;height:auto;}
.p-hero-report{display:block;width:70%;height:auto;border-radius:18px;box-shadow:var(--sh-float);background:#fff;}
.p-sample .cap{font-size:9px;color:rgba(255,255,255,0.66);line-height:1.4;margin:8px 1px 0;}

/* ========== LIMITATIONS 2col ========== */
.p-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 0;}
.p-limcard{border-radius:20px;padding:30px;border:1.5px solid;}
.p-limcard.good{background:#EFFAF7;border-color:#9BD7CA;}
.p-limcard.warn{background:#FFF6EE;border-color:#F0DDC0;}
.p-limcard .lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;}
.p-limcard.good .lbl{color:var(--teal);}
.p-limcard.warn .lbl{color:var(--amber-d);}
.p-limlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.p-limlist li{display:flex;gap:11px;font-size:13px;color:var(--text-soft);line-height:1.55;}
.p-limlist li .svgico{width:18px;height:18px;flex:0 0 auto;margin-top:1px;}
.p-limcard.good li .svgico{color:var(--teal);}
.p-limcard.warn li .svgico{color:var(--amber);}
.p-bigstate{font-size:clamp(20px,2.4vw,26px);font-weight:740;color:var(--text);text-align:center;max-width:720px;margin:44px auto 0;line-height:1.3;letter-spacing:-0.02em;}
.p-bigstate .teal{color:var(--teal);}
.p-substate{font-size:16px;color:var(--text-soft);text-align:center;max-width:640px;margin:18px auto 0;line-height:1.7;}

/* ========== GEOTECH handover ========== */
.p-handover{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:40px 0 0;border-radius:20px;overflow:hidden;box-shadow:var(--sh-card);}
.p-hoside{padding:34px;}
.p-hoside.ls{background:var(--teal);color:#fff;}
.p-hoside.gt{background:#fff;border:1px solid var(--border);}
.p-hoside h4{font-size:15px;font-weight:800;margin:0 0 16px;}
.p-hoside.gt h4{color:var(--text);}
.p-holist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.p-holist li{font-size:13px;line-height:1.4;display:flex;gap:9px;}
.p-hoside.ls li{color:rgba(255,255,255,0.92);}
.p-hoside.gt li{color:var(--text-soft);}
.p-hoside li::before{content:"→";flex:0 0 auto;}
.p-hoside.ls li::before{color:#bff0e6;}
.p-hoside.gt li::before{color:var(--teal);}
.p-hodiv{display:flex;align-items:center;justify-content:center;background:var(--navy-deep);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:0 6px;}
.p-quote{border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:8px;padding:20px 24px;margin:32px 0 0;max-width:760px;}
.p-quote p{font-size:15px;font-style:italic;color:#2f5c53;line-height:1.6;margin:0;}
.p-quote .att{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:var(--teal);margin:12px 0 0;}

/* ========== PRICING ========== */
.p-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0 0;}
.p-price{border-radius:20px;padding:32px;border:1.5px solid;display:flex;flex-direction:column;}
.p-price.a{background:linear-gradient(160deg,#DFF5EF,#CDEDE5);border-color:#9BD7CA;}
.p-price.b{background:linear-gradient(160deg,#E1ECFF,#CBDDFA);border-color:#AFC8F2;}
.p-price.c{background:linear-gradient(160deg,#FFF0E8,#F0DDD2);border-color:#E8B890;}
.p-price .lbl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);}
.p-price h3{font-size:22px;font-weight:800;color:var(--text);margin:8px 0 16px;letter-spacing:-0.02em;}
.p-price .pr{margin:0 0 4px;}
.p-price .pr .from{font-size:12px;color:var(--text-muted);font-weight:600;display:block;}
.p-price .pr .amt{font-size:44px;font-weight:900;color:var(--text);letter-spacing:-0.03em;line-height:1;}
.p-price .pr .per{font-size:13px;color:var(--text-soft);}
.p-price .pnote{font-size:12px;color:var(--text-soft);margin:8px 0 18px;line-height:1.5;}
.p-price .p-checks{margin-bottom:22px;}
.p-price .btn{margin-top:auto;}
.p-calc{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--sh-card);padding:30px;margin:32px 0 0;text-align:center;max-width:720px;margin-left:auto;margin-right:auto;}
.p-calc .lbl{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);}
.p-calc h4{font-size:20px;font-weight:750;margin:8px 0 18px;color:var(--text);}
.p-calc-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center;}
.p-input{height:52px;border:1px solid var(--border);border-radius:12px;padding:0 16px;font-family:inherit;font-size:15px;color:var(--text);background:#fff;min-width:220px;flex:1;max-width:360px;}
.p-input:focus{outline:none;border-color:var(--teal);}
.p-calc-out{margin:20px 0 0;font-size:15px;color:var(--text-soft);}
.p-calc-out b{font-size:26px;color:var(--teal);font-weight:800;}

/* slider for calc */
.p-slider-wrap{max-width:420px;margin:6px auto 0;}
.p-slider{width:100%;accent-color:var(--teal);}

/* ========== FAQ ========== */
.p-faq{max-width:860px;margin:40px auto 0;display:flex;flex-direction:column;gap:12px;}
.p-fitem{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;}
.p-fitem.open{border-color:#BEE3D9;box-shadow:var(--sh-card);}
.p-fq{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15.5px;font-weight:650;color:var(--text);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.p-fq .svgico{width:20px;height:20px;color:var(--teal);flex:0 0 auto;transition:transform .3s ease;}
.p-fitem.open .p-fq .svgico{transform:rotate(45deg);}
.p-fa{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1);}
.p-fa-inner{padding:0 24px 22px;font-size:14px;color:var(--text-soft);line-height:1.7;}

/* ========== RELATED products + ecosystem ========== */
.p-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;}
.p-rel{border-radius:20px;padding:28px;display:flex;flex-direction:column;transition:transform .22s ease;}
.p-rel:hover{transform:translateY(-4px);}
.p-rel.current{background:#fff;border:2px solid var(--teal);box-shadow:var(--sh-card);}
.p-rel.current::before{content:"";display:block;height:4px;width:44px;background:var(--teal);border-radius:2px;margin:0 0 16px;}
.p-rel.soon{background:linear-gradient(160deg,#082A3D,#061B2B);color:#fff;border:1px solid rgba(255,255,255,0.08);}
.p-rel .rl{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;}
.p-rel.soon .rl{color:rgba(255,255,255,0.5);}
.p-rel h3{font-size:18px;font-weight:750;margin:0 0 10px;color:var(--text);}
.p-rel.soon h3{color:#fff;}
.p-pill{display:inline-flex;align-self:flex-start;border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;}
.p-pill.now{background:var(--teal-soft);color:var(--teal);}
.p-pill.soon{background:rgba(245,158,11,0.16);color:#ffcf7a;border:1px solid rgba(245,158,11,0.4);}
.p-rel .one{font-size:13px;line-height:1.6;margin:0 0 16px;color:var(--text-soft);}
.p-rel.soon .one{color:rgba(255,255,255,0.7);}
.p-rel .btn{margin-top:auto;}
.btn-muted{background:#eef2f4;color:var(--text-muted);cursor:default;box-shadow:none;}
.btn-muted:hover{transform:none;}
.p-eco{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;background:var(--navy-deep);border-radius:16px;padding:26px 30px;margin:32px 0 0;}
.p-eco .en{text-align:center;color:#fff;}
.p-eco .en b{display:block;font-size:15px;font-weight:750;}
.p-eco .en span{display:block;font-size:12px;color:var(--teal-bright);margin:4px 0 0;}
.p-eco .en small{display:block;font-size:11px;color:rgba(255,255,255,0.5);margin:3px 0 0;}
.p-eco .ea{color:var(--teal-bright);}
.p-eco .ea .svgico{width:24px;height:24px;}

/* ========== MONITORING: 12-day timeline ========== */
.p-timeline{background:linear-gradient(150deg,#061B2B,#082C46);border-radius:20px;padding:40px;margin:44px 0 0;color:#fff;position:relative;overflow:hidden;}
.p-tl-track{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;position:relative;padding:30px 0 0;}
.p-tl-pass{flex:1;text-align:center;position:relative;}
.p-tl-pass .bar{width:3px;height:60px;background:rgba(0,169,143,0.5);margin:0 auto;transform-origin:bottom;transform:scaleY(0);transition:transform .5s ease;}
.p-timeline.in .p-tl-pass .bar{transform:scaleY(1);}
.p-tl-pass .dot{width:12px;height:12px;border-radius:50%;background:var(--teal-bright);margin:8px auto 0;box-shadow:0 0 10px rgba(0,169,143,0.7);}
.p-tl-pass.alert .dot{background:var(--amber);box-shadow:0 0 12px var(--amber);}
.p-tl-pass .day{font-size:11px;color:rgba(255,255,255,0.6);margin:8px 0 0;}
.p-tl-alert{font-size:12px;color:var(--amber);font-weight:700;position:absolute;top:-6px;left:50%;transform:translateX(-50%);white-space:nowrap;}
.p-tl-cap{text-align:center;font-size:12px;color:rgba(255,255,255,0.6);margin:20px 0 0;}
.p-explainer{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;margin:32px 0 0;}
.p-explainer h4{font-size:16px;font-weight:750;margin:0 0 8px;color:var(--text);}
.p-triggers{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
.p-triggers li{display:flex;gap:11px;font-size:13.5px;color:var(--text-soft);line-height:1.55;}
.p-triggers li::before{content:"→";color:var(--teal);font-weight:800;flex:0 0 auto;}

/* portal panels */
.p-panels{display:flex;flex-direction:column;gap:24px;margin:44px 0 0;}
.p-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:30px;}
.p-panel:nth-child(even){direction:rtl;}
.p-panel:nth-child(even)>*{direction:ltr;}
.p-panel .p-ph{aspect-ratio:16/10;}
.p-panel h4{font-size:18px;font-weight:750;color:#fff;margin:0 0 10px;}
.p-panel p{font-size:14px;color:rgba(255,255,255,0.68);line-height:1.65;margin:0;}
.p-featstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:36px 0 0;}
.p-feat{text-align:center;color:#fff;}
.p-feat .svgico{width:24px;height:24px;color:var(--teal-bright);margin:0 auto 8px;}
.p-feat b{display:block;font-size:13px;font-weight:700;}
.p-feat span{display:block;font-size:11px;color:rgba(255,255,255,0.55);margin:4px 0 0;line-height:1.4;}

/* alert cards */
.p-alert-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.p-alertcard{background:#0b2434;border-radius:14px;padding:20px 22px;border-left:4px solid;color:#fff;}
.p-alertcard.green{border-color:#3ddc97;}
.p-alertcard.amber{border-color:var(--amber);}
.p-alertcard.red{border-color:#e8543f;}
.p-alertcard .at{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;display:flex;align-items:center;gap:8px;}
.p-alertcard.green .at{color:#3ddc97;}
.p-alertcard.amber .at{color:#ffcf7a;}
.p-alertcard.red .at{color:#ff8f7d;}
.p-alertcard .ar{font-size:12.5px;color:rgba(255,255,255,0.8);line-height:1.8;}
.p-alertcard .ar b{color:#fff;}
.p-alertsteps{display:flex;flex-direction:column;gap:0;}
.p-astep{display:flex;gap:16px;padding-bottom:22px;position:relative;}
.p-astep:not(:last-child)::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border);}
.p-astep .n{width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto;z-index:1;}
.p-astep b{display:block;font-size:14px;font-weight:750;color:var(--text);margin:5px 0 4px;}
.p-astep p{font-size:12.5px;color:var(--text-soft);line-height:1.55;margin:0;}

/* launch timeline */
.p-launch{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:44px 0 0;position:relative;}
.p-mile{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;position:relative;}
.p-mile::before{content:"";position:absolute;top:-30px;left:24px;width:14px;height:14px;border-radius:50%;border:3px solid #fff;}
.p-mile.done::before{background:var(--teal);}
.p-mile.prog::before{background:var(--amber);}
.p-mile.soon::before{background:#c3d0d7;}
.p-mile .ms{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;}
.p-mile.done .ms{color:var(--teal);}
.p-mile.prog .ms{color:var(--amber-d);}
.p-mile.soon .ms{color:var(--text-muted);}
.p-mile b{font-size:13.5px;font-weight:750;color:var(--text);display:block;margin:0 0 8px;line-height:1.3;}
.p-mile p{font-size:12px;color:var(--text-soft);line-height:1.55;margin:0;}
.p-launchline{position:absolute;top:-23px;left:2%;right:2%;height:3px;background:linear-gradient(90deg,var(--teal),var(--amber),#c3d0d7);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s ease;}
.p-launch.in .p-launchline{transform:scaleX(1);}

/* ========== SIGNUP form ========== */
.p-signup{background:linear-gradient(135deg,#063F35,#082A3D,#061B2B);color:#fff;text-align:center;}
.p-signup h2,.p-signup .h2{color:#fff;}
.p-values{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:30px 0 0;}
.p-value{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:14px 20px;backdrop-filter:blur(10px);}
.p-value .svgico{width:20px;height:20px;color:var(--teal-bright);}
.p-value b{font-size:13.5px;font-weight:700;}
.p-value span{font-size:12px;color:rgba(255,255,255,0.62);}
.p-form{max-width:600px;margin:36px auto 0;text-align:left;}
.p-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px;}
.p-form .p-input,.p-form select,.p-form textarea{width:100%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);color:#fff;max-width:none;}
.p-form .p-input::placeholder,.p-form textarea::placeholder{color:rgba(255,255,255,0.5);}
.p-form select{height:52px;border-radius:12px;padding:0 14px;font-family:inherit;font-size:15px;}
.p-form select option{color:#081F32;}
.p-form textarea{border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px;min-height:88px;resize:vertical;margin:0 0 14px;}
.p-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:rgba(255,255,255,0.7);margin:0 0 18px;line-height:1.5;}
.p-consent input{margin-top:3px;accent-color:var(--teal);}
.p-formnote{font-size:12px;color:rgba(255,255,255,0.55);margin:16px 0 0;text-align:center;line-height:1.5;}
.p-success{max-width:560px;margin:0 auto;text-align:center;}
.p-success .ok{width:56px;height:56px;border-radius:50%;background:rgba(0,169,143,0.2);border:1px solid var(--teal-bright);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.p-success .ok .svgico{width:28px;height:28px;color:var(--teal-bright);}
.p-success h3{color:#fff;font-size:24px;font-weight:750;}
.p-success p{color:rgba(255,255,255,0.72);font-size:15px;margin:12px 0 22px;line-height:1.6;}
.p-success .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ========== IOT: comparison table ========== */
.p-compare{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0 0;border:1px solid var(--border);border-radius:16px;overflow:hidden;font-size:13.5px;}
.p-compare th,.p-compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--border);}
.p-compare thead th{background:var(--teal);color:#fff;font-weight:750;font-size:13px;}
.p-compare thead th:first-child{background:var(--teal-d,#0a6b62);}
.p-compare tbody tr:nth-child(even){background:#F7FAFB;}
.p-compare td:first-child{font-weight:700;color:var(--text);}
.p-compare td{color:var(--text-soft);}
.p-compare tr:last-child td{border-bottom:none;}
.p-compare{border:none;box-shadow:0 18px 50px rgba(8,31,50,0.13);font-size:14px;}
.p-compare thead th{background:linear-gradient(135deg,#061B2B,#0a7d72);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:18px;}
.p-compare thead th:first-child{background:#061B2B;}
.p-compare thead th:last-child{background:linear-gradient(135deg,#00A98F,#00d9bb);color:#042a24;}
.p-compare tbody td{padding:16px 18px;border-bottom:1px solid #E4EEF2;}
.p-compare tbody tr:nth-child(even){background:#F1F7F9;}
.p-compare tbody tr:hover{background:#E9F7F3;}
.p-compare td:first-child{background:#eef3f5;font-weight:800;color:var(--navy-deep);}
.p-compare td:last-child{background:rgba(0,169,143,0.12);}
.p-compare tbody tr:last-child td{border-bottom:none;}
.p-compare .hi{color:#0a6b62;font-weight:800;}
/* white signup card */
.p-form-card{background:#fff;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,0.28);padding:32px;max-width:600px;margin:36px auto 0;}
.p-form-card .p-input,.p-form-card select,.p-form-card textarea{background:#fff;border:1px solid var(--border);color:var(--text);}
.p-form-card .p-input::placeholder,.p-form-card textarea::placeholder{color:var(--text-muted);}
.p-form-card select option{color:var(--text);}
.p-form-card .p-consent{color:var(--text-soft);}
.p-form-card .p-formnote{color:var(--text-muted);}
.p-form-card .p-success h3{color:var(--text);}
.p-form-card .p-success p{color:var(--text-soft);}
.p-form-card .p-success .btn-outline-w{border-color:var(--border);color:var(--text);}

/* lorawan cards */
.p-lora-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 0;}
.p-lora{background:linear-gradient(160deg,#082A3D,#061B2B);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:24px;color:#fff;}
.p-lora .icon-circle{background:rgba(0,169,143,0.16);color:var(--teal-bright);width:44px;height:44px;margin:0 0 14px;}
.p-lora h4{font-size:15px;font-weight:750;color:#fff;margin:0 0 8px;line-height:1.25;}
.p-lora p{font-size:12.5px;color:rgba(255,255,255,0.66);line-height:1.6;margin:0;}
.p-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:var(--navy-deep);border-radius:16px;padding:26px;margin:36px 0 0;}
.p-flow .node{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:12px 16px;font-size:12.5px;font-weight:600;color:#fff;text-align:center;}
.p-flow .fa{color:var(--teal-bright);font-size:13px;}
.p-flow .fa .svgico{width:20px;height:20px;}

/* sensor detail */
.p-sensors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 0;}
.p-sensor{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--sh-card);}
.p-sensor .p-ph{aspect-ratio:16/11;margin:0 0 18px;}
.p-sensor h3{font-size:20px;font-weight:800;color:var(--text);}
.p-sensor .ssub{font-size:13px;color:var(--teal);font-weight:650;margin:3px 0 2px;}
.p-sensor .ssup{font-size:11.5px;color:var(--text-muted);margin:0 0 16px;}
.p-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;}
.p-spec{background:#F7FAFB;border:1px solid var(--border);border-radius:9px;padding:8px 11px;font-size:11.5px;}
.p-spec b{display:block;color:var(--text);font-weight:700;}
.p-spec span{color:var(--text-soft);}
.p-sensor h5{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin:16px 0 8px;}
.p-sensor .sbody{font-size:13px;color:var(--text-soft);line-height:1.6;}
.p-sensor .sbody ul{margin:8px 0 0;padding-left:0;list-style:none;}
.p-sensor .sbody li{padding:3px 0 3px 18px;position:relative;}
.p-sensor .sbody li::before{content:"→";position:absolute;left:0;color:var(--teal);}
.p-minicards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 0;}
.p-mini{background:#F7FAFB;border:1px solid var(--border);border-radius:14px;padding:20px;}
.p-mini b{display:block;font-size:14px;font-weight:750;color:var(--text);margin:0 0 6px;}
.p-mini p{font-size:12.5px;color:var(--text-soft);line-height:1.55;margin:0;}

/* data flow vertical (iot S06) */
.p-vflow{max-width:620px;margin:40px auto 0;display:flex;flex-direction:column;align-items:center;gap:0;}
.p-vnode{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:14px;padding:16px 22px;text-align:center;color:#fff;width:100%;max-width:420px;}
.p-vnode b{font-size:14px;font-weight:700;}
.p-vnode span{display:block;font-size:12px;color:rgba(255,255,255,0.6);margin:3px 0 0;}
.p-varrow{color:var(--teal-bright);padding:8px 0;}
.p-varrow .svgico{width:22px;height:22px;}
.p-freq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:620px;margin:32px auto 0;}
.p-freqcard{background:rgba(255,255,255,0.05);border-left:3px solid var(--teal-bright);border-radius:10px;padding:14px 18px;color:#fff;}
.p-freqcard b{font-size:13.5px;font-weight:700;}
.p-freqcard span{font-size:12px;color:rgba(255,255,255,0.6);}

/* decision tree (iot S07) */
.p-tree{max-width:640px;margin:36px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;}
.p-tnode{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 20px;text-align:center;font-size:13.5px;font-weight:600;color:var(--text);box-shadow:var(--sh-card);width:100%;max-width:460px;}
.p-tnode.q{background:var(--teal-soft);border-color:#9BD7CA;color:#0a3a30;font-weight:700;}
.p-tarrow{color:var(--teal);font-size:12px;font-weight:700;}
.p-req{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 0;}
.p-reqcol h4{font-size:14px;font-weight:800;margin:0 0 14px;}
.p-reqcol.yes h4{color:var(--teal);}
.p-reqcol.no h4{color:var(--text-muted);}
.p-reqcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.p-reqcol li{display:flex;gap:9px;font-size:13px;line-height:1.5;color:var(--text-soft);}
.p-reqcol li .svgico{width:16px;height:16px;flex:0 0 auto;margin-top:2px;}
.p-reqcol.yes li .svgico{color:var(--teal);}
.p-reqcol.no li .svgico{color:#c26b5c;}

/* two-stream comparison */
.p-streams{background:var(--navy-deep);border-radius:16px;padding:30px;margin:36px 0 0;color:#fff;}
.p-stream{display:flex;align-items:center;gap:16px;margin:0 0 18px;}
.p-stream .sl{font-size:12px;color:rgba(255,255,255,0.7);width:130px;flex:0 0 auto;}
.p-stream .track{flex:1;height:14px;display:flex;gap:0;align-items:center;}
.p-stream.sat .track{gap:11%;}
.p-stream.sat .track i{width:3px;height:14px;background:var(--teal-bright);border-radius:2px;}
.p-stream.sen .track i{flex:1;height:8px;background:var(--amber);border-radius:1px;margin-right:2px;}

section[id]{scroll-margin-top:100px;}

/* ========== PRICING CALCULATOR ========== */
.pc-hero{padding:150px 0 70px;background:linear-gradient(180deg,#F7FAFB,#eef4f7);}
.pc-head{text-align:center;max-width:760px;margin:0 auto 36px;}
.pc-head h1{font-size:clamp(38px,4.2vw,58px);}
.pc-head .p-lead{margin:16px auto 0;max-width:600px;}
.pc-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--sh-soft);overflow:hidden;max-width:1080px;margin:0 auto;}
.pc-grid{display:grid;grid-template-columns:1.4fr 1fr;}
.pc-left{padding:30px;border-right:1px solid var(--border);}
.pc-addr{display:flex;gap:10px;margin:0 0 8px;}
.pc-addr input{flex:1;height:52px;border:1px solid var(--border);border-radius:12px;padding:0 16px;font-family:inherit;font-size:15px;color:var(--text);}
.pc-addr input:focus{outline:none;border-color:var(--teal);}
.pc-hint{font-size:11.5px;color:var(--text-muted);margin:0 0 16px;line-height:1.5;}
.pc-editor{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#e7edf1;}
.pc-editor .pc-aerial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9fb1bb;font-size:11px;text-align:center;padding:12px;pointer-events:none;}
.pc-svg{display:block;width:100%;height:auto;touch-action:none;position:relative;z-index:1;}
.pc-grid-line{stroke:rgba(120,140,150,0.22);stroke-width:1;}
.pc-poly{fill:rgba(0,143,131,0.16);stroke:var(--teal);stroke-width:2.5;}
.pc-handle{fill:#fff;stroke:var(--teal);stroke-width:3;cursor:grab;}
.pc-handle:active{cursor:grabbing;}
.pc-scalebar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-soft);margin:12px 0 0;}
.pc-scalebar .bar{height:6px;background:var(--navy-deep);border-radius:2px;}
.pc-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:14px 0 0;}
.pc-controls label{font-size:12px;color:var(--text-soft);display:flex;align-items:center;gap:8px;}
.pc-controls input[type=range]{accent-color:var(--teal);}
.pc-btn-sm{font-size:12.5px;font-weight:650;color:var(--teal);background:var(--teal-soft);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-family:inherit;}
.pc-btn-sm:hover{background:#d7f0ea;}
.pc-right{padding:30px;display:flex;flex-direction:column;}
.pc-readout .rlabel{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);}
.pc-area{font-size:44px;font-weight:900;color:var(--navy-deep);letter-spacing:-0.03em;line-height:1;margin:6px 0 2px;}
.pc-area span{font-size:20px;font-weight:700;color:var(--text-soft);}
.pc-tier{font-size:13px;color:var(--text-soft);margin:0 0 20px;}
.pc-tier b{color:var(--teal);}
.pc-pricebox{background:transparent;border:none;border-radius:0;padding:6px 0 2px;text-align:center;margin:0 0 16px;}
.pc-pricebox .rlabel{color:var(--teal);}
.pc-price{font-size:48px;font-weight:900;color:var(--teal-d,#0a6b62);letter-spacing:-0.03em;line-height:1;margin:6px 0 2px;}
.pc-price .cents{font-size:22px;}
.pc-gst{font-size:11.5px;color:var(--text-soft);}
.pc-incl{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;}
.pc-incl li{display:flex;gap:9px;font-size:12.5px;color:var(--text);line-height:1.4;}
.pc-incl li .svgico{width:16px;height:16px;color:var(--teal);flex:0 0 auto;margin-top:2px;}
.pc-right .btn{margin-top:auto;}
.pc-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;margin:36px auto 0;}
.pc-tiercard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--sh-card);}
.pc-tiercard.on{border-color:var(--teal);box-shadow:var(--sh-teal);}
.pc-tiercard .ts{font-size:12px;font-weight:700;color:var(--text-soft);}
.pc-tiercard .tp{font-size:26px;font-weight:900;color:var(--navy-deep);letter-spacing:-0.02em;margin:6px 0 0;}
.pc-tiercard .tn{font-size:11px;color:var(--text-muted);margin:4px 0 0;}
.pc-pricerow{display:flex;align-items:baseline;gap:12px;justify-content:center;}
.pc-perm{font-size:16px;font-weight:750;color:var(--text-soft);}
.pc-perm small{font-size:12px;}
.pc-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;border-radius:999px;padding:6px 14px;margin:12px 0 0;}
.pc-status .dot{width:9px;height:9px;border-radius:50%;}
.pc-status.green{background:#e3f6ec;color:#177a47;}.pc-status.green .dot{background:#28a862;}
.pc-status.amber{background:#fff3de;color:#a9730a;}.pc-status.amber .dot{background:#f0a41e;}
.pc-status.red{background:#fdeae7;color:#bd3a2c;}.pc-status.red .dot{background:#e0574a;}
.pc-gauge{position:relative;margin:20px 2px 4px;}
.pc-track{position:absolute;top:4px;left:8%;right:8%;height:4px;border-radius:999px;background:linear-gradient(90deg,#28a862,#28a862 33%,#f0a41e 33%,#f0a41e 66%,#e0574a 66%,#e0574a);opacity:.28;}
.pc-nodes{position:relative;display:flex;justify-content:space-between;}
.pc-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.42;transition:opacity .25s ease,transform .25s ease;}
.pc-node .nd{width:12px;height:12px;border-radius:50%;background:#c3ccd2;border:2px solid #fff;box-shadow:0 0 0 1px rgba(8,31,50,.08);transition:box-shadow .25s ease,background .25s ease;}
.pc-node b{font-size:12.5px;font-weight:800;color:var(--navy-deep);letter-spacing:-.01em;}
.pc-node small{font-size:10px;color:var(--text-muted);letter-spacing:.01em;}
.pc-node.on{opacity:1;transform:translateY(-1px);}
.pc-node.green.on .nd{background:#28a862;box-shadow:0 0 0 5px rgba(40,168,98,.2);}
.pc-node.amber.on .nd{background:#f0a41e;box-shadow:0 0 0 5px rgba(240,164,30,.2);}
.pc-node.red.on .nd{background:#e0574a;box-shadow:0 0 0 5px rgba(224,87,74,.2);}
.pc-menu{width:100%;border-collapse:separate;border-spacing:0;max-width:880px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(8,31,50,0.13);font-size:15px;}
.pc-menu th{background:linear-gradient(135deg,#061B2B,#0a7d72);color:#fff;text-align:left;padding:16px 20px;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;}
.pc-menu td{padding:17px 20px;border-bottom:1px solid #E4EEF2;color:var(--text);}
.pc-menu tr:last-child td{border-bottom:none;}
.pc-menu td:first-child{font-weight:750;}
.pc-menu td:last-child{font-weight:800;color:var(--navy-deep);white-space:nowrap;text-align:right;}
.pc-menu td small{font-weight:600;color:var(--text-muted);}
.pc-menu .row-green td{background:#eef9f2;}
.pc-menu .row-amber td{background:#fff7ea;}
.pc-menu .row-red td{background:#fdeeeb;}
.pc-menu .tagdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;vertical-align:middle;}
.pc-menu .row-green .tagdot{background:#28a862;}
.pc-menu .row-amber .tagdot{background:#f0a41e;}
.pc-menu .row-red .tagdot{background:#e0574a;}
.pc-menu .row-green td:first-child{border-left:4px solid #28a862;}

/* ===== FAQ: accordion on mobile/tablet only; fully expanded on desktop for SEO/AI citation ===== */
@media (min-width:1025px){
  .p-fa,.p-fitem.open .p-fa{max-height:none!important;overflow:visible!important;}
  .p-fq{cursor:default!important;pointer-events:none;}
  .p-fq .svgico{display:none!important;}
  /* ultra-compact multi-column: minimal footprint, text stays in DOM */
  .p-faq{max-width:1120px;column-count:2;column-gap:24px;display:block;}
  .p-fitem{break-inside:avoid;margin-bottom:8px;border-radius:9px;}
  .p-fq{padding:8px 12px 3px;font-size:11px;font-weight:650;line-height:1.25;}
  .p-fa-inner{padding:0 12px 8px;font-size:10px;line-height:1.45;}
}
.pc-menu .row-amber td:first-child{border-left:4px solid #f0a41e;}
.pc-menu .row-red td:first-child{border-left:4px solid #e0574a;}
@media(max-width:820px){.pc-grid{grid-template-columns:1fr;}.pc-left{border-right:none;border-bottom:1px solid var(--border);}.pc-tiers{grid-template-columns:1fr;}}

/* ========== responsive ========== */
@media(max-width:980px){
  .p-hero-grid,.p-risk-grid,.p-two,.p-sensors,.p-req,.p-form-row{grid-template-columns:1fr;}
  .p-steps,.p-steps.three,.p-grid-3,.p-aud-grid,.p-price-grid,.p-rel-grid,.p-lora-grid,.p-featstrip{grid-template-columns:1fr 1fr;}
  .p-samples{grid-template-columns:repeat(4,1fr);}
  .p-launch{grid-template-columns:1fr;gap:28px;}
  .p-launchline{display:none;}
  .p-mile::before{left:-28px;top:20px;}
  .p-eco{grid-template-columns:1fr;}
  .p-eco .ea{transform:rotate(90deg);}
  .p-panel,.p-panel:nth-child(even){direction:ltr;grid-template-columns:1fr;}
  .p-handover{grid-template-columns:1fr;}
  .p-hodiv{writing-mode:horizontal-tb;padding:10px;}
  .p-statpanel{position:static;}
}
@media(max-width:620px){
  .p-steps,.p-steps.three,.p-grid-3,.p-aud-grid,.p-price-grid,.p-rel-grid,.p-lora-grid,.p-featstrip,.p-chips,.p-minicards{grid-template-columns:1fr;}
  .p-samples{grid-template-columns:repeat(3,1fr);}
  .p-hero .h1{font-size:34px;}
  .p-compare{font-size:12px;}
  .p-compare th,.p-compare td{padding:10px;}
}