/* DoorPop product presentation. Existing document-page styles remain intact. */
.product-page{--bg:#090c12;--text-muted:#a4adbd;background:#090c12;color:#f5f7fb}
.product-page:before{background:radial-gradient(ellipse at 50% 5%,#102137 0,transparent 42%),#090c12}
.product-page .site-nav{background:rgba(9,12,18,.94);border-bottom:1px solid #ffffff12}
.product-page .brand{letter-spacing:-1px;gap:6px}
.product-page .brand .pop,.product-page .footer-brand .pop{color:var(--red)}
.product-page .nav-cta{box-shadow:none}
.product-page section{padding:96px 0}
.product-page .product-hero{padding:76px 0 50px;text-align:center;overflow:hidden}
.product-page .overline{font-size:11px;letter-spacing:.19em;font-weight:750;color:#8edcf2;margin:0 0 20px;display:block}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5de7b6;margin-right:8px;box-shadow:0 0 12px #5de7b650}
.product-page h1{font-size:clamp(48px,6.8vw,88px);line-height:1.03;letter-spacing:-.055em;max-width:none;margin:0 0 26px;font-weight:750}
.product-page h1 span{color:#7dd9f2}
.product-page .intro{font-size:18px;line-height:1.7;max-width:610px;color:#b8c2d2;margin:0 auto 27px}
.product-page .product-hero .btn-row{justify-content:center}
.product-page .btn{font-size:14px;border-radius:10px;padding:14px 22px;gap:22px;min-height:48px}
.product-page .btn-primary{background:#89e5ff;color:#09131d;box-shadow:none;border:1px solid #89e5ff}
.product-page .btn-primary:hover{background:#b1eeff;transform:translateY(-2px)}
.product-page .btn-secondary{background:#ffffff05;border-color:#ffffff25}
.product-page .availability-note{font-size:12px;color:#a2acbd;margin:18px 0 36px}
.product-shot{margin:0;min-width:0}
.product-shot .screen{overflow:hidden;border:1px solid #ffffff24;border-radius:14px;background:#101722;box-shadow:0 24px 60px #0005}
.product-shot img{width:100%;height:auto;display:block;object-fit:contain}
.product-shot figcaption{font-size:11px;color:#a5afbf;line-height:1.6;margin-top:14px;text-align:left}
.product-hero .product-shot{max-width:1040px;margin:48px auto 0;position:relative}
.product-hero .screen{padding:8px;border-radius:18px;background:linear-gradient(150deg,#343f50,#0a0e17);box-shadow:0 30px 80px #0008,0 0 90px #327ab51a}
.product-hero .screen img{border-radius:10px}
.product-hero figcaption{text-align:center}
.product-page .platform-section{padding:45px 0 90px}
.section-heading{max-width:700px;margin-bottom:36px}
.product-page h2{font-size:clamp(32px,4vw,52px);font-weight:680;line-height:1.12;letter-spacing:-.045em;margin:0 0 20px}
.product-page h3{font-size:21px;letter-spacing:-.025em;line-height:1.3;margin:0 0 15px}
.section-heading>p:not(.overline),.feature-copy>p:not(.overline),.wall-heading>p{font-size:16px;line-height:1.8;color:#b8c2d2}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.platform-card{padding:28px;border:1px solid #ffffff15;background:#10151e;border-radius:14px;display:flex;align-items:flex-start;flex-direction:column}
.platform-card svg{width:32px;height:32px;color:#9bafc6;margin-bottom:24px}
.platform-card h3 small{font:inherit;color:#8fdcf4;display:block;font-size:14px;margin-top:4px}
.platform-status{color:#b9c6db;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#ffffff09;padding:5px 8px;border-radius:5px}
.platform-status.available{color:#96e9c7;background:#96e9c710}
.platform-card p{font-size:13px;line-height:1.8;color:#adb8c9;margin:18px 0 24px}
.platform-card a{margin-top:auto;font-size:13px;text-underline-offset:5px;color:#c2eaf5}
.platform-card.vega-card{border-color:#6fd8f331;background:linear-gradient(140deg,#102232,#10151e)}
.platform-footnote{font-size:12px;color:#a4adbd;margin-top:20px}
.feature-section{border-top:1px solid #ffffff0d}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.feature-copy{max-width:475px}
.feature-split .product-shot{max-width:530px}
.text-link{display:inline-block;color:#9ce5f7;font-size:14px;margin-top:16px;text-underline-offset:6px}
.product-page .wall-section{background:linear-gradient(140deg,#102337,#10161f 65%);border-top:1px solid #96def320;border-bottom:1px solid #96def320}
.wall-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
.wall-heading h2{margin:0}.wall-heading>p{max-width:430px;margin:0}
.wall-section .screen{padding:6px;background:#060c15}
.wall-details{display:flex;gap:26px;margin-top:28px;color:#b6c6d8;font-size:12px}
.wall-details span:before{content:'✓';color:#87d6ed;margin-right:9px}
.feature-divider{height:1px;background:#ffffff15;margin:30px 0}
.interface-section{background:#0d1118;border-block:1px solid #ffffff0d}
.interface-grid{display:grid;grid-template-columns: .8fr 1.2fr;align-items:center;gap:36px}
.interface-grid .product-shot:first-child{max-width:400px}
.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:50px;margin:50px 0 20px}
.setup-steps li{border-top:1px solid #ffffff25;padding-top:24px}
.setup-steps li>span{font-size:12px;color:#89d9ed;display:block;margin-bottom:24px}
.setup-steps p{font-size:14px;line-height:1.8;color:#b8c2d2}
.product-page .download-section{padding-top:24px}
.download-banner{padding:64px 32px;background:radial-gradient(ellipse at 50% 0,#173a51,#101923 65%);border:1px solid #9adef322;border-radius:20px;text-align:center}
.download-banner>p:not(.overline){color:#b8c2d2;line-height:1.8}
.download-banner .btn{margin-top:15px}.download-banner .availability-note{margin-bottom:0}
.product-page .product-faq{padding-top:0;max-width:900px;margin:auto}
.product-faq details{border-bottom:1px solid #ffffff1c;padding:22px 0}
.product-faq summary{cursor:pointer;font-size:16px;line-height:1.5;padding-right:16px}
.product-faq details p{color:#b8c2d2;line-height:1.8;font-size:14px;max-width:690px}
.product-faq details a,.faq-more a{color:#9ce5f7;text-underline-offset:4px}
.faq-more{font-size:14px;margin-top:30px;color:#b8c2d2}
.product-page .site-footer{background:#080b10;border-top:1px solid #ffffff10}
.platform-download{padding-top:48px;padding-bottom:0}
[id]{scroll-margin-top:100px}
:focus-visible{outline:3px solid #8ee5ff;outline-offset:5px}
[hidden]{display:none!important}
@media(min-width:901px){.product-page .nav-inner{min-height:76px}.product-page .nav-links a{font-size:13px}.product-page .nav-cta{padding:10px 18px;min-height:40px}}
@media(max-width:900px){.feature-split{gap:32px}.wall-heading{gap:32px}.platform-card{padding:22px}.product-page .nav-cta{display:none}.platform-grid{gap:12px}.setup-steps{gap:24px}}
@media(max-width:700px){.product-page section{padding:64px 0}.product-page .container{padding-inline:20px}.product-page .product-hero{padding:54px 0 32px}.product-page h1{font-size:clamp(40px,10vw,60px)}.product-page .intro{font-size:16px}.product-page .overline{font-size:10px}.product-page .availability-note{font-size:11px}.product-page .btn{padding:12px 17px;gap:12px;font-size:13px}.product-hero .product-shot{margin-top:32px}.product-hero .screen{padding:4px;border-radius:10px}.product-hero .screen img{border-radius:6px}.product-shot figcaption{font-size:10px}.platform-grid,.feature-split,.wall-heading,.interface-grid,.setup-steps{grid-template-columns:1fr}.platform-card h3 small{display:inline;margin-left:8px}.platform-card svg{margin-bottom:18px}.platform-card{padding:24px}.platform-card p{margin:14px 0 20px}.feature-copy{max-width:none}.feature-split .product-shot{max-width:none}.feature-split:has(>.product-shot:first-child) .feature-copy{order:-1}.wall-heading{gap:14px;margin-bottom:26px}.wall-details{flex-wrap:wrap;gap:10px 20px;font-size:11px}.interface-grid .product-shot:first-child{max-width:360px;margin:auto}.setup-steps{gap:25px;margin-top:30px}.setup-steps li>span{margin-bottom:15px}.download-banner{padding:40px 20px}.product-page .platform-section{padding:32px 0 60px}.product-page .nav-links.is-open{background:#101722}.platform-download{padding-top:30px}}
@media(prefers-reduced-motion:no-preference){.product-hero h1{animation:product-enter .6s ease-out both}@keyframes product-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

@media(min-width:701px){.product-page .product-hero{padding-top:50px}.product-page h1{font-size:clamp(48px,6.1vw,78px)}.product-hero .product-shot{margin-top:32px}}

.nav-actions{display:flex;align-items:center;gap:10px}.download-document .download-card.reveal{opacity:1;transform:none}.download-document .doc-body{max-width:760px;padding-top:56px;padding-bottom:96px}
