/* Parrotron Web: page-scoped blue accents over the shared Parrotron theme. */
.p-product-page--web { --web-ink:#cce6ff; --web-accent:#73b9ff; --web-border:rgba(83,151,224,.38); --web-surface:#102b3c; }
.p-product-page--web .p-product-hero { background:radial-gradient(ellipse at 90% 15%,rgba(61,139,231,.16),transparent 65%),#09261c; }
.p-product-page--web .p-product-eyebrow { padding:8px 12px; border:1px solid var(--web-border); border-radius:9px; background:rgba(21,62,97,.5); color:var(--web-ink); }
.p-product-page--web .p-product-category { color:#a5bdce; }
.p-product-page--web .p-product-hero h1 { font-size:clamp(36px,3.8vw,54px); line-height:1.12; letter-spacing:-1.8px; }
.p-product-page--web .p-product-kicker,.p-product-page--web .p-product-feature > span,.p-product-page--web .p-product-steps li > span { color:var(--web-accent); }
.p-product-page--web .p-product-feature { background:linear-gradient(145deg,rgba(40,104,162,.09),transparent),#0e211f; }
.p-product-page--web .p-product-feature,.p-product-page--web .p-product-steps li,.p-product-page--web .p-product-bottom-cta { border-color:var(--web-border); }
.p-product-page--web .p-product-example-grid article:last-child { border-color:var(--web-accent); }
.p-product-page--web .p-product-example-grid a,.p-product-page--web .p-product-breadcrumb a:hover,.p-product-page--web .p-product-section-nav a:hover { color:var(--web-ink); }
.p-product-page--web .p-product-faq details[open] { border-color:var(--web-border); }
.p-product-page--web .p-product-bottom-cta { background:linear-gradient(120deg,#10382e,#102b3c); border:1px solid var(--web-border); }
.p-product-page--web .p-btn-secondary { border-color:var(--web-border); color:var(--web-ink); background:rgba(21,62,97,.22); }
.p-product-page--web .p-btn-secondary:hover { background:rgba(46,112,177,.25); border-color:var(--web-accent); }
.pw-preview { min-width:0; width:100%; max-width:600px; border:1px solid var(--web-border); border-radius:24px; background:radial-gradient(ellipse at 100% 0,rgba(75,151,240,.13),transparent 70%),#0d2527; box-shadow:0 28px 70px #0003; overflow:hidden; }
.pw-preview-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; border-bottom:1px solid #73b9ff1a; font-size:12px; }
.pw-preview-bar > span:first-child { display:flex; align-items:center; gap:9px; color:var(--web-ink); font-weight:650; }
.pw-preview-bar > span:last-child { padding:4px 7px; border:1px solid var(--web-border); border-radius:6px; font-size:9px; color:#a5bdce; }
.pw-preview-bar .p-icon { width:18px; height:18px; }
.pw-preview-body { padding:24px; }
.pw-preview-kicker { font-size:11px; letter-spacing:1.5px; font-weight:700; color:var(--web-accent); }
.pw-preview h2 { font-size:clamp(24px,2.4vw,30px); line-height:1.2; letter-spacing:-.7px; margin:10px 0 24px; }
.pw-journey { list-style:none; margin:0; padding:0; display:grid; gap:22px; }
.pw-journey li { display:flex; gap:14px; position:relative; }
.pw-journey li:not(:last-child)::after { content:''; position:absolute; top:43px; bottom:-22px; left:20px; border-left:1px dashed #73b9ff50; }
.pw-journey-icon { position:relative; z-index:1; display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:12px; background:#163c56; border:1px solid var(--web-border); color:var(--web-ink); }
.pw-journey-icon .p-icon { width:20px; height:20px; }
.pw-journey small { font-size:8px; letter-spacing:.8px; font-weight:650; color:#8eb7d8; }
.pw-journey h3 { font-size:15px; line-height:1.4; margin:4px 0; }
.pw-journey p { margin:0; color:#b0c6cc; font-size:11px; line-height:1.6; }
.pw-event-tag { display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid #73b9ff26; border-radius:6px; font-size:9px; color:var(--web-ink); background:#73b9ff0b; margin-top:8px; }
.pw-event-tag .p-icon { width:12px; height:12px; }
.pw-event-tag--interest { border-color:#73b9ff60; background:#73b9ff18; }
.pw-preview-insight { display:flex; align-items:center; gap:12px; margin-top:24px; padding:14px; background:linear-gradient(115deg,#1c4462,#132f3b); border:1px solid var(--web-border); border-radius:12px; color:var(--web-ink); }
.pw-preview-insight p { margin:0; }
.pw-preview-insight strong { display:block; font-size:12px; line-height:1.5; }
.pw-preview-insight p > span { display:block; font-size:10px; color:#b0c6cc; line-height:1.6; margin-top:3px; }
.pw-preview-note { font-size:9px; line-height:1.7; margin:14px 0 0; color:#91adb8; }
@media(max-width:540px) { .p-product-page--web .p-product-hero h1 { font-size:36px; letter-spacing:-1.2px; }.pw-preview-body { padding:20px; }.pw-preview-bar { padding:16px 20px; } }