:root{color-scheme:dark;--bg:#02050c;--panel:#07101e;--line:rgba(67,137,255,.28);--text:#f4f7ff;--muted:#8f9db8;--blue:#168cff;--cyan:#54d9ff;--green:#4fd69c;--amber:#ffbd52}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 76% 12%,rgba(0,104,255,.16),transparent 30%),var(--bg)}
.viewer-bar{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:16px;min-height:72px;padding:10px 3vw;border-bottom:1px solid var(--line);background:rgba(2,5,12,.92);backdrop-filter:blur(18px)}
.viewer-brand img{display:block;width:50px;height:50px;border-radius:13px;filter:drop-shadow(0 0 12px rgba(0,132,255,.36))}
.viewer-title{min-width:0;flex:1}.viewer-title small,.viewer-title b{display:block}.viewer-title small{color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.16em}.viewer-title b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.viewer-actions{display:flex;gap:8px}.viewer-actions a{padding:10px 14px;border:1px solid var(--line);border-radius:9px;color:#dceaff;text-decoration:none;font-size:10px}.viewer-actions a.primary{border:0;background:linear-gradient(105deg,#661cff,#057dff);color:white}
.viewer-shell{width:min(1500px,94vw);margin:24px auto 60px}
.viewer-summary{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:16px}.viewer-summary h1{margin:0;font-size:clamp(28px,4vw,58px);line-height:.96;letter-spacing:-.045em}.viewer-summary p{max-width:720px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.state{padding:9px 12px;border:1px solid currentColor;border-radius:999px;color:var(--green);font:9px ui-monospace,monospace;white-space:nowrap}.state.hold{color:var(--amber)}
.office-frame,.presentation-frame{width:100%;height:min(78vh,940px);border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.pricing-grid,.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric,.security-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(8,22,47,.92),rgba(3,9,20,.96))}.metric small,.metric b,.metric span,.security-card small,.security-card b,.security-card span{display:block}.metric small,.security-card small{color:var(--muted);font-size:9px;letter-spacing:.08em}.metric b,.security-card b{margin:8px 0 4px;font-size:25px}.metric span,.security-card span{color:var(--muted);font-size:10px;line-height:1.5}.security-card.pass b{color:var(--green)}.security-card.hold b{color:var(--amber)}
.price-table{width:100%;margin:16px 0;border-collapse:collapse;border:1px solid var(--line);background:rgba(3,9,20,.9)}.price-table th,.price-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.price-table th{color:var(--cyan);font-size:9px;letter-spacing:.09em}.price-table td:nth-child(2){color:var(--muted)}
.screen-note{padding:14px;border-left:3px solid var(--blue);background:rgba(22,140,255,.07);color:var(--muted);font-size:11px;line-height:1.55}
.pipeline-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.pipeline-board article{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,rgba(9,25,53,.95),rgba(3,8,18,.98))}.pipeline-board small{color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.1em}.pipeline-board h2{margin:12px 0 8px;font-size:18px}.pipeline-board p{min-height:90px;color:var(--muted);font-size:11px;line-height:1.55}.pipeline-board b{display:block;color:var(--amber);font-size:9px;line-height:1.45}
.pricing-experience{max-width:1380px}.pricing-intro{align-items:center;padding:38px 0 20px}.pricing-intro em{color:var(--cyan);font-style:normal}.eyebrow{color:var(--cyan)!important;font:10px ui-monospace,monospace!important;letter-spacing:.15em}.billing-toggle{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(4,12,26,.9)}.billing-toggle button{border:0;border-radius:999px;padding:10px 17px;background:transparent;color:var(--muted);cursor:pointer}.billing-toggle button.active{background:linear-gradient(105deg,#661cff,#057dff);color:white}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.plan-card{position:relative;display:flex;flex-direction:column;min-height:440px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(9,25,53,.95),rgba(3,8,18,.98))}.plan-card.featured{border-color:var(--cyan);box-shadow:0 0 42px rgba(22,140,255,.16)}.plan-card small{color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.13em}.plan-card h2{margin:12px 0 8px;font-size:24px}.plan-card>p{min-height:58px;color:var(--muted);font-size:12px;line-height:1.55}.plan-price{margin:18px 0}.plan-price b,.plan-price span{display:block}.plan-price b{font-size:36px;letter-spacing:-.04em}.plan-price span{color:var(--muted);font-size:10px}.plan-card ul{flex:1;margin:10px 0 22px;padding:0;list-style:none}.plan-card li{padding:9px 0;border-bottom:1px solid rgba(67,137,255,.14);color:#c9d5eb;font-size:11px}.plan-card li:before{content:'✓';margin-right:8px;color:var(--green)}.plan-card button,.prototype-offer button{border:0;border-radius:10px;padding:13px;background:linear-gradient(105deg,#661cff,#057dff);color:white;font-weight:700;cursor:pointer}.popular{position:absolute;top:16px;right:16px;padding:5px 7px;border-radius:999px;background:rgba(84,217,255,.12);color:var(--cyan);font-size:7px}.prototype-offer,.enterprise-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0;padding:28px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 80% 30%,rgba(102,28,255,.17),transparent 45%),rgba(5,14,30,.94)}.prototype-offer small,.enterprise-band small{color:var(--cyan);font:9px ui-monospace,monospace;letter-spacing:.12em}.prototype-offer h2,.enterprise-band h2{margin:8px 0;font-size:25px}.prototype-offer p,.enterprise-band p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.enterprise-band a{padding:13px 18px;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);text-decoration:none;white-space:nowrap}.pricing-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.pricing-assurance article{padding:18px;border-top:2px solid var(--green);background:rgba(5,14,30,.76)}.pricing-assurance b,.pricing-assurance span{display:block}.pricing-assurance span{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}#plan-dialog{border:1px solid var(--line);border-radius:20px;background:#07101e;color:var(--text);box-shadow:0 25px 100px #000}#plan-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.plan-dialog-card{max-width:470px;padding:18px}.plan-dialog-card small{color:var(--cyan)}.plan-dialog-card p{color:var(--muted);line-height:1.6}.plan-dialog-card div{display:flex;gap:8px}.plan-dialog-card button,.plan-dialog-card a{flex:1;padding:12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:white;text-align:center;text-decoration:none}.plan-dialog-card a{border:0;background:linear-gradient(105deg,#661cff,#057dff)}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,1fr)}.pipeline-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.viewer-bar{flex-wrap:wrap}.viewer-actions{width:100%}.viewer-actions a{flex:1;text-align:center}.viewer-summary{grid-template-columns:1fr}.pricing-grid,.security-grid,.pricing-assurance,.plan-grid,.pipeline-board{grid-template-columns:1fr}.office-frame,.presentation-frame{height:68vh}.price-table{display:block;overflow:auto}.prototype-offer,.enterprise-band{align-items:flex-start;flex-direction:column}.prototype-offer button,.enterprise-band a{width:100%;text-align:center}.pipeline-board p{min-height:0}}