/* Premium AIшница hero — isolated component, 2026 */
.premium-hero {
  --hero-max: 1280px;
  --hero-gutter: clamp(20px, 4vw, 48px);
  --hero-ink: #16142B;
  --hero-paper: #F3F2EE;
  --hero-iris: #5A4FCF;
  --hero-lime: #C7F464;
  --hero-border: rgba(22,20,43,.10);
  --hero-shadow: 0 30px 60px rgba(46,38,116,.16), 0 5px 16px rgba(22,20,43,.08);
  background:
    radial-gradient(circle at 78% 15%, rgba(90,79,207,.15), transparent 27rem),
    radial-gradient(circle at 12% 92%, rgba(199,244,100,.13), transparent 23rem),
    var(--hero-paper);
  padding: clamp(32px,5.5vw,88px) 0 clamp(48px,6vw,96px);
  overflow: clip;
}
.premium-hero .conversion-shell { width:min(calc(100% - 2 * var(--hero-gutter)),var(--hero-max)); grid-template-columns:minmax(420px,.82fr) minmax(560px,1.18fr); gap:clamp(32px,5vw,80px); align-items:center; }
.premium-hero .conversion-copy { max-width:600px; }
.premium-hero .conversion-kicker { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(90,79,207,.14); border-radius:999px; background:rgba(255,255,255,.72); color:var(--hero-iris); font-family:var(--font-body); font-size:clamp(.72rem,.68rem + .15vw,.82rem); font-weight:700; line-height:1.2; letter-spacing:.02em; text-transform:none; }
.premium-hero .conversion-kicker::before { width:7px; height:7px; border-radius:50%; background:var(--hero-lime); box-shadow:0 0 0 3px rgba(199,244,100,.24); }
.premium-hero .conversion-copy h1 { max-width:11ch; margin:16px 0 0; color:var(--hero-ink); font-size:clamp(2.55rem,2rem + 3.1vw,4.75rem); font-family:var(--font-display); font-weight:800; line-height:1.02; letter-spacing:clamp(-.065em,-.03em - .02vw,-.045em); text-wrap:balance; }
.premium-hero .conversion-copy h1 em { color:var(--hero-iris); font-style:normal; }
.premium-hero .conversion-copy p { max-width:45ch; margin-top:24px; color:#4B4862; font-family:var(--font-body); font-size:clamp(1rem,.94rem + .3vw,1.18rem); line-height:1.55; }
.premium-hero .conversion-actions { margin-top:32px; gap:12px; }
.premium-hero .conversion-actions a { min-height:54px; padding:0 20px; border-radius:12px; font-family:var(--font-body); font-size:clamp(.94rem,.89rem + .2vw,1.05rem); font-weight:700; line-height:1.2; }
.premium-hero .conversion-actions .primary { color:var(--hero-ink); background:var(--hero-lime); border:2px solid var(--hero-ink); box-shadow:4px 4px 0 var(--hero-ink); }
.premium-hero .conversion-actions .secondary { color:var(--hero-ink); background:rgba(255,255,255,.55); border:2px solid var(--hero-ink); box-shadow:none; }
.premium-hero .conversion-actions a:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--hero-ink); }
.premium-hero .conversion-reassurance { display:flex; gap:10px 16px; max-width:none; margin-top:20px; color:#6B6880; font-size:.86rem; }
.premium-hero .conversion-reassurance::before { content:none; }
.premium-hero .conversion-reassurance span { display:inline-flex; }
.premium-hero .conversion-reassurance span::before { content:"✓"; color:var(--hero-iris); }
.premium-product { position:relative; isolation:isolate; }
.premium-product::before { content:""; position:absolute; z-index:-1; inset:8% -3% -5% 9%; border-radius:32px; background:linear-gradient(135deg,rgba(90,79,207,.23),rgba(199,244,100,.12)); filter:blur(32px); }
.premium-product img { display:block; width:100%; height:auto; border:1px solid var(--hero-border); border-radius:20px; box-shadow:var(--hero-shadow); }
@media (min-width:641px) and (max-width:1199px) {
  .premium-hero .conversion-shell { width:min(calc(100% - 48px),760px); grid-template-columns:1fr; gap:36px; }
  .premium-hero .conversion-copy { max-width:680px; margin-inline:auto; }
  .premium-hero .conversion-copy h1 { max-width:13ch; }
  .premium-product { width:100%; }
  .premium-product img { min-height:390px; object-fit:cover; object-position:center; }
}
@media (max-width:1199px) { .site-header .nav-links { display:none; } .site-header .nav-toggle { display:flex; } }
@media (max-width:640px) {
  .premium-hero { padding-top:30px; padding-bottom:48px; }
  .premium-hero .conversion-shell { width:min(calc(100% - 40px),560px); grid-template-columns:1fr; gap:32px; }
  .premium-hero .conversion-copy h1 { max-width:12ch; font-size:clamp(2.55rem,10.4vw,3.55rem); }
  .premium-hero .conversion-copy p { margin-top:20px; }
  .premium-hero .conversion-actions { display:grid; grid-template-columns:1fr; margin-top:24px; }
  .premium-hero .conversion-actions a { width:100%; }
  .premium-hero .conversion-reassurance { display:grid; grid-template-columns:1fr 1fr; gap:8px; font-size:.78rem; }
  .premium-product img { min-height:350px; object-fit:cover; object-position:47% center; border-radius:16px; }
}
@media (prefers-reduced-motion:reduce) { .premium-hero *, .premium-hero *::before, .premium-hero *::after { transition:none!important; animation:none!important; } }
/* Header and hero intentionally share one surface; only the nav itself is elevated. */
.site-header { background:#F3F2EE !important; }
.premium-hero { background:#F3F2EE !important; }
.premium-product { min-height:clamp(440px,38vw,550px); }
.premium-product .premium-dashboard { width:93%; min-height:0; object-fit:contain; }
.premium-product .premium-phone { position:absolute; z-index:2; width:clamp(154px,16vw,230px); height:auto; min-height:0; right:-4%; bottom:-7%; object-fit:contain; filter:drop-shadow(0 24px 20px rgba(22,20,43,.25)); transform:rotate(2.5deg); }
@media (min-width:641px) and (max-width:1199px) { .premium-product { min-height:0; padding-bottom:42px; } .premium-product .premium-dashboard { width:100%; min-height:0; } .premium-product .premium-phone { width:180px; right:3%; bottom:-2%; } }
@media (max-width:640px) { .site-header { background:#F3F2EE !important; } .premium-product { min-height:0; padding-bottom:20px; } .premium-product .premium-dashboard { width:100%; min-height:0; object-fit:contain; object-position:center; } .premium-product .premium-phone { width:112px; right:-3%; bottom:-2%; } }
/* Interactive dashboard: strict product-surface, derived from the cabinet's dark UI posture. */
.premium-product--interactive { position:relative; min-height:clamp(450px,39vw,570px); display:flex; align-items:center; }
.premium-product--interactive .premium-dashboard { display:grid; grid-template-columns:76px minmax(0,1fr); width:94%; min-height:0; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:#17152B; box-shadow:0 28px 56px rgba(22,20,43,.22); color:#fff; font-family:var(--font-body); }
.pd-sidebar { display:flex; flex-direction:column; gap:8px; padding:18px 10px; background:#201D38; border-right:1px solid rgba(255,255,255,.08); }
.pd-mark { display:grid; width:36px; height:36px; place-items:center; margin:0 auto 13px; border-radius:11px; color:#17152B; background:#C7F464; font-family:var(--font-display); font-size:.82rem; letter-spacing:-.12em; }
.pd-side { width:100%; min-height:38px; padding:0; border:0; border-radius:9px; background:transparent; color:#9A96B6; cursor:pointer; font:600 1rem/1 var(--font-body); text-align:center; transition:background .18s ease,color .18s ease; }
.pd-side span { display:none; }.pd-side:hover,.pd-side.is-active { color:#fff; background:#353054; }
.pd-workspace { padding:22px; }.pd-top { display:flex; justify-content:space-between; gap:14px; align-items:start; }.pd-eyebrow,.pd-section-head span { display:block; color:#9792B4; font-size:.67rem; font-weight:600; }.pd-top h3 { margin:4px 0 0; color:#fff; font-size:1rem; letter-spacing:-.02em; }.pd-live { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid rgba(199,244,100,.18); border-radius:8px; color:#DFFFA0; background:rgba(199,244,100,.08); font-size:.67rem; font-weight:700; white-space:nowrap; }.pd-live i { width:6px; height:6px; border-radius:50%; background:#C7F464; box-shadow:0 0 0 0 rgba(199,244,100,.65); animation:pd-pulse 2s infinite; }.pd-tabs { display:flex; gap:4px; margin:18px 0 14px; padding:4px; width:max-content; border-radius:9px; background:#24213E; }.pd-tabs button { min-height:27px; padding:0 9px; border:0; border-radius:6px; color:#A9A4C1; background:transparent; cursor:pointer; font:700 .64rem var(--font-body); }.pd-tabs button[aria-pressed="true"] { color:#17152B; background:#fff; }.pd-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.pd-metrics article { padding:11px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#201D38; }.pd-metrics span,.pd-metrics small { display:block; color:#9A96B6; font-size:.62rem; }.pd-metrics strong { display:block; margin:5px 0 3px; color:#fff; font-family:var(--font-display); font-size:clamp(.85rem,.65rem + .9vw,1.25rem); line-height:1; letter-spacing:-.07em; }.pd-value--in { animation:pd-value .32s ease both; }.pd-main-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr); gap:10px; margin-top:10px; }.pd-chart,.pd-activity-panel { min-height:185px; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:#201D38; }.pd-section-head { display:flex; justify-content:space-between; gap:8px; align-items:start; }.pd-section-head b { display:block; font-size:.7rem; }.pd-legend { display:flex!important; gap:5px; align-items:center; font-size:.55rem!important; }.pd-legend i { width:5px; height:5px; border-radius:50%; background:#776CF5; }.pd-legend i+ i { background:#C7F464; }.pd-chart svg { display:block; width:100%; height:125px; margin-top:8px; overflow:visible; }.pd-grid path { stroke:#fff; stroke-opacity:.08; }.pd-chart [data-line] { fill:none; stroke:#776CF5; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:820; stroke-dashoffset:0; }.pd-line--draw { animation:pd-line 1.1s cubic-bezier(.2,.7,.2,1); }.pd-line-secondary { fill:none; stroke:#C7F464; stroke-width:2.5; stroke-dasharray:6 7; stroke-linecap:round; }.pd-activity-panel { padding:10px; }.pd-activity-panel .pd-section-head { padding:3px 3px 9px; }.pd-activity { display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:7px; width:100%; padding:8px 4px; border:0; border-bottom:1px solid rgba(255,255,255,.07); color:#fff; background:transparent; cursor:pointer; text-align:left; font-family:var(--font-body); }.pd-activity[aria-current="true"] { background:rgba(119,108,245,.14); }.pd-activity b,.pd-activity small { display:block; }.pd-activity b { font-size:.62rem; }.pd-activity small { margin-top:2px; color:#9A96B6; font-size:.55rem; }.pd-activity em { color:#C7F464; font-size:.6rem; font-style:normal; }.pd-avatar { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; color:#17152B; font-size:.48rem; font-style:normal; font-weight:800; }.pd-avatar--lime{background:#C7F464}.pd-avatar--violet{background:#A49CFF}.pd-avatar--cream{background:#FBC044}.premium-phone-wrap { position:absolute; z-index:3; right:-2%; bottom:-5%; width:clamp(150px,15vw,220px); transform:rotate(2.5deg); transition:transform .25s ease; }.premium-phone-wrap:hover { transform:rotate(0deg) translateY(-5px); }.premium-phone-wrap .premium-phone { position:static; width:100%; min-height:0; filter:drop-shadow(0 24px 20px rgba(22,20,43,.25)); }.premium-phone-wrap span { position:absolute; right:-6px; bottom:4%; width:120px; padding:7px 8px; border:1px solid rgba(22,20,43,.15); border-radius:8px; color:#17152B; background:#C7F464; box-shadow:3px 3px 0 #17152B; font-size:.55rem; font-weight:800; line-height:1.25; transform:rotate(-4deg); }
@keyframes pd-pulse { 70%{box-shadow:0 0 0 5px rgba(199,244,100,0)} 100%{box-shadow:0 0 0 0 rgba(199,244,100,0)} } @keyframes pd-line { from{stroke-dashoffset:820} to{stroke-dashoffset:0} } @keyframes pd-value { from{opacity:.25;transform:translateY(5px)} to{opacity:1;transform:none} }
@media (min-width:641px) and (max-width:1199px) { .premium-product--interactive { min-height:450px; padding-bottom:40px; }.premium-product--interactive .premium-dashboard { width:94%; }.premium-phone-wrap { width:175px; right:1%; bottom:-1%; } }
@media (max-width:640px) { .premium-product--interactive { min-height:340px; padding-bottom:24px; }.premium-product--interactive .premium-dashboard { grid-template-columns:0 1fr; width:100%; border-radius:14px; }.pd-sidebar { display:none; }.pd-workspace { padding:14px; }.pd-top h3 { font-size:.86rem; }.pd-metrics article { padding:8px; }.pd-metrics strong { font-size:.82rem; }.pd-main-grid { grid-template-columns:1fr; }.pd-activity-panel { display:none; }.pd-chart { min-height:155px; }.pd-chart svg { height:95px; }.pd-legend { display:none!important; }.premium-phone-wrap { width:100px; right:-3%; bottom:-2%; }.premium-phone-wrap span { display:none; } }
@media (prefers-reduced-motion:reduce) { .pd-live i,.pd-line--draw,.pd-value--in { animation:none!important; } }
/* The dashboard requested by the owner: reuse the existing cabinet visual, not a parallel invented UI. */
.premium-product--legacy { position:relative; display:flex; align-items:center; min-height:clamp(440px,38vw,550px); }
.legacy-dashboard-mount { width:100%; overflow:visible; }
.legacy-dashboard-mount .x-dashboard { position:relative; left:0; width:1040px; zoom:.65!important; transform:none!important; transform-origin:left center; pointer-events:auto; }
.premium-hero .hero-title-lead { white-space:nowrap; }
.premium-product--legacy .premium-phone-wrap { width:clamp(170px,17vw,248px); right:-6%; bottom:-8%; }
.legacy-dashboard-mount .x-tabs button,.legacy-dashboard-mount .x-create-btn,.legacy-dashboard-mount .x-ghost-btn { cursor:pointer; }
.legacy-dashboard-mount .x-number-in { animation:pd-value .32s ease both; }
.legacy-dashboard-mount .x-chart-in path[stroke] { stroke-dasharray:900; animation:legacy-draw 1s cubic-bezier(.2,.7,.2,1); }
@keyframes legacy-draw { from { stroke-dashoffset:900; } to { stroke-dashoffset:0; } }
@media (min-width:641px) and (max-width:1199px) { .premium-product--legacy { min-height:485px; padding-bottom:46px; }.legacy-dashboard-mount .x-dashboard { zoom:.70!important; } .premium-product--legacy .premium-phone-wrap { width:165px; right:-1%; bottom:-1%; } }
@media (max-width:640px) { .premium-product--legacy { min-height:310px; padding-bottom:20px; }.legacy-dashboard-mount { overflow:hidden; border-radius:14px; }.legacy-dashboard-mount .x-dashboard { zoom:.37!important; } .premium-product--legacy .premium-phone-wrap { width:92px; right:-4%; bottom:-2%; } }
/* Original AIшница collage: airy white canvas, a small cluster of product surfaces, not an oversized mock dashboard. */
.premium-hero { background:#fff!important; }.site-header { background:#fff!important; }.premium-hero .conversion-copy h1 { max-width:12ch; }.collage-product { position:relative; min-height:530px; isolation:isolate; }.collage-panel { position:absolute; border:1px solid #E8E7F1; border-radius:16px; background:#fff; box-shadow:0 22px 38px rgba(32,28,74,.13); color:#292643; font-family:var(--font-body); }.collage-panel--analytics { z-index:2; top:6%; right:12%; width:51%; padding:0 0 14px; overflow:hidden; transform:rotate(.8deg); }.cp-bar { display:flex; align-items:center; gap:6px; height:34px; padding:0 12px; background:#F4F7FE; color:#5A4FCF; font-size:.58rem; }.cp-bar i{width:7px;height:7px;border-radius:50%;background:#FF746B}.cp-bar i+ i{background:#FBC044}.cp-bar i+ i+ i{background:#44C897}.cp-bar b{margin-left:3px}.cp-bar span{margin-left:auto;color:#26A475}.cp-kpis{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;border-bottom:1px solid #F0EFF5}.cp-kpis span{font-size:.57rem;color:#85829A}.cp-kpis b{display:block;margin-top:4px;color:#292643;font-size:.9rem}.cp-chart{padding:11px 12px 3px}.cp-chart small{font-size:.57rem;color:#85829A}.cp-chart svg{display:block;width:100%;height:80px;margin-top:5px}.cp-table{display:flex;justify-content:space-between;padding:0 12px;font-size:.58rem;color:#77748C}.cp-table b{color:#292643}.collage-panel--funnel{z-index:3;left:2%;top:33%;width:29%;padding:13px;transform:rotate(-8deg)}.collage-panel--funnel>b{display:block;font-size:.67rem;margin-bottom:10px}.collage-panel--funnel span{display:block;margin:6px 0;font-size:.56rem;color:#77748C}.collage-panel--funnel i{display:block;margin-top:3px;padding:4px 6px;border-radius:6px;background:#C9C4FF;color:#4A40A7;font-style:normal;text-align:right}.collage-panel--funnel span:nth-child(3) i{background:#BEEBFF}.collage-panel--funnel span:nth-child(4) i{background:#5A4FCF;color:#fff}.collage-panel--task{z-index:4;right:0;bottom:16%;width:27%;padding:13px;transform:rotate(7deg)}.collage-panel--task>i{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#E7E4FF;color:#5A4FCF;font-style:normal}.collage-panel--task span,.collage-panel--task small{display:block;color:#868399;font-size:.56rem}.collage-panel--task span{margin-top:8px}.collage-panel--task b{display:block;margin:4px 0;font-size:.67rem}.collage-panel--score{z-index:3;right:21%;bottom:1%;padding:14px 18px;transform:rotate(-5deg)}.collage-panel--score span,.collage-panel--score small{display:block;color:#85829A;font-size:.56rem}.collage-panel--score b{display:block;margin:4px 0;color:#34A977;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.08em}.mobile-ai-phone{position:absolute;z-index:5;right:10%;bottom:-4%;width:clamp(155px,16vw,222px);padding:8px 8px 12px;border:7px solid #16142B;border-radius:30px;background:#F7F7F9;box-shadow:0 28px 36px rgba(22,20,43,.26);color:#16142B;transform:rotate(3deg);font-family:var(--font-body)}.map-island{width:42%;height:14px;margin:0 auto 8px;border-radius:0 0 9px 9px;background:#16142B}.mobile-ai-phone header{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;text-align:center}.mobile-ai-phone header button{border:0;background:none;color:#5A4FCF;font-size:1rem}.mobile-ai-phone header b,.mobile-ai-phone header small{display:block}.mobile-ai-phone header b{font-size:.68rem}.mobile-ai-phone header small{margin-top:2px;color:#31A979;font-size:.5rem}.phone-search{margin:9px 0 6px;padding:7px 8px;border-radius:7px;background:#fff;color:#9591A5;font-size:.55rem}.phone-row{display:grid;grid-template-columns:25px 1fr auto;gap:6px;align-items:center;width:100%;padding:7px 1px;border:0;border-bottom:1px solid #E8E7EC;background:transparent;text-align:left;color:#16142B}.phone-row.is-live{background:linear-gradient(90deg,rgba(199,244,100,.18),transparent)}.phone-avatar{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;font-size:.45rem;font-style:normal;font-weight:800}.phone-avatar.lime{background:#C7F464}.phone-avatar.violet{background:#DCD8FF;color:#5A4FCF}.phone-avatar.cream{background:#FFEAC0}.phone-avatar.blue{background:#D5E8FF;color:#4770B6}.phone-row b,.phone-row small{display:block}.phone-row b{font-size:.54rem}.phone-row small{margin-top:2px;overflow:hidden;color:#77748C;font-size:.48rem;white-space:nowrap;text-overflow:ellipsis}.phone-row em{color:#9995A7;font-size:.45rem;font-style:normal}.mobile-ai-phone nav{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5px;padding-top:6px;border-top:1px solid #E7E5EB}.mobile-ai-phone nav button{display:grid;place-items:center;border:0;background:none;color:#89859B}.mobile-ai-phone nav button.is-on{color:#5A4FCF}.mobile-ai-phone nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.phone-list{transition:opacity .18s ease,transform .18s ease}.phone-list--out{opacity:.15;transform:translateY(5px)}
@media (max-width:1199px){.collage-product{width:min(100%,720px);margin:auto}.collage-panel--analytics{right:8%}.mobile-ai-phone{right:9%}}@media (max-width:640px){.collage-product{min-height:355px}.collage-panel--analytics{top:4%;right:5%;width:67%}.collage-panel--funnel{left:0;top:32%;width:35%}.collage-panel--task{display:none}.collage-panel--score{right:22%;bottom:0}.mobile-ai-phone{width:118px;right:3%;bottom:-4%;border-width:5px;border-radius:23px}.mobile-ai-phone header b{font-size:.55rem}.phone-search,.phone-row{display:none}.mobile-ai-phone nav{margin-top:3px}.map-island{height:9px}.cp-kpis{padding:7px}.cp-chart svg{height:48px}.collage-panel--analytics{padding-bottom:6px}}
@media (prefers-reduced-motion:reduce){.phone-list{transition:none}.collage-panel{transform:none!important}}
/* Coherent desktop product scene: one cabinet, one synced phone, one hierarchy. */
.product-showcase{position:relative;min-height:570px;isolation:isolate;display:flex;align-items:center}.ps-glow{position:absolute;inset:8% 0 1% 5%;border-radius:38px;background:radial-gradient(circle at 60% 54%,rgba(90,79,207,.16),transparent 60%),radial-gradient(circle at 85% 72%,rgba(199,244,100,.14),transparent 42%);filter:blur(22px)}.ps-cabinet{position:relative;z-index:2;width:94%;overflow:hidden;border:1px solid rgba(22,20,43,.14);border-radius:18px;background:#17152B;box-shadow:0 36px 72px rgba(22,20,43,.22),0 8px 18px rgba(22,20,43,.12);color:#fff;font-family:var(--font-body);transform:perspective(1600px) rotateY(-2deg) rotateX(1deg);transform-origin:center}.ps-windowbar{display:flex;align-items:center;height:38px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#201D38;font-size:.65rem}.ps-dots{display:flex;gap:5px;margin-right:10px}.ps-dots i{width:7px;height:7px;border-radius:50%;background:#FF746B}.ps-dots i+ i{background:#FBC044}.ps-dots i+ i+ i{background:#44C897}.ps-windowbar>b{font-size:.68rem}.ps-online{display:flex;align-items:center;gap:6px;margin-left:auto;color:#B8B3CE}.ps-online i{width:6px;height:6px;border-radius:50%;background:#C7F464;box-shadow:0 0 0 0 rgba(199,244,100,.55);animation:ps-pulse 2s infinite}.ps-cabinet-body{display:grid;grid-template-columns:54px minmax(0,1fr)}.ps-rail{display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 8px;background:#1C1932;border-right:1px solid rgba(255,255,255,.07)}.ps-rail>b{display:grid;width:31px;height:31px;place-items:center;margin-bottom:5px;border-radius:9px;background:#C7F464;color:#17152B;font-family:var(--font-display);font-size:.67rem;letter-spacing:-.08em}.ps-rail button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:#77728F;cursor:pointer}.ps-rail button.is-on,.ps-rail button:hover{background:#383258;color:#fff}.ps-rail svg,.ps-phone svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ps-workspace{padding:17px 18px 18px}.ps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ps-head small,.ps-panel-head small{display:block;color:#8F8AA8;font-size:.56rem}.ps-head h3{margin:3px 0 0;color:#fff;font-size:.94rem;letter-spacing:-.02em}.ps-head>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(199,244,100,.15);border-radius:7px;background:rgba(199,244,100,.07);color:#DFFFA0;font-size:.58rem;font-weight:700}.ps-head>span i{width:5px;height:5px;border-radius:50%;background:#C7F464}.ps-agent-tabs{display:flex;gap:6px;margin:14px 0 11px}.ps-agent-tabs button{display:flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#201D38;color:#918CA7;cursor:pointer;font:700 .56rem var(--font-body);transition:border-color .2s,background .2s,color .2s}.ps-agent-tabs button i{display:grid;width:15px;height:15px;place-items:center;border-radius:5px;background:#302C4A;color:#ABA5C4;font-size:.45rem;font-style:normal}.ps-agent-tabs button[aria-selected="true"]{border-color:rgba(199,244,100,.34);background:#302B4D;color:#fff}.ps-agent-tabs button[aria-selected="true"] i{background:#C7F464;color:#17152B}.ps-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ps-metrics article{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#201D38}.ps-metrics span,.ps-metrics small{display:block;color:#8F8AA8;font-size:.53rem}.ps-metrics b{display:block;margin:5px 0 3px;font-family:var(--font-display);font-size:1.08rem;line-height:1;letter-spacing:-.08em}.ps-metrics small{color:#B9B4C9}.ps-data-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:8px;margin-top:8px}.ps-chart,.ps-stream{min-height:194px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#201D38}.ps-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ps-panel-head b{display:block;font-size:.61rem}.ps-panel-head>span{display:flex;align-items:center;gap:5px;color:#8F8AA8;font-size:.48rem}.ps-panel-head>span i{width:5px;height:5px;border-radius:50%;background:#776CF5}.ps-panel-head>span i+ i{background:#C7F464}.ps-chart svg{display:block;width:100%;height:142px;margin-top:8px}.ps-chart g path{stroke:#fff;stroke-opacity:.07}.ps-area{fill:url(#pd-fill);fill:rgba(119,108,245,.14)}.ps-line{fill:none;stroke:#8074FF;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.ps-line-alt{fill:none;stroke:#C7F464;stroke-width:2;stroke-dasharray:6 6;stroke-linecap:round}.ps-stream article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.ps-stream article>i{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#17152B;font-size:.45rem;font-style:normal;font-weight:800}.ps-stream i.lime{background:#C7F464}.ps-stream i.violet{background:#A49CFF}.ps-stream i.yellow{background:#FBC044}.ps-stream article b,.ps-stream article small{display:block}.ps-stream article b{font-size:.56rem}.ps-stream article small{margin-top:2px;color:#8F8AA8;font-size:.48rem}.ps-stream article em{color:#77728F;font-size:.45rem;font-style:normal}.ps-live-dot{color:#C7F464!important;font-size:.46rem!important;font-weight:800}.ps-phone{position:absolute;z-index:4;right:-2%;bottom:-3%;width:clamp(170px,17.5vw,245px);padding:7px 8px 10px;border:7px solid #12111E;border-radius:34px;background:#F6F6F8;box-shadow:0 30px 40px rgba(22,20,43,.3);color:#16142B;font-family:var(--font-body);transform:rotate(2deg)}.ps-phone-island{width:42%;height:15px;margin:-1px auto 6px;border-radius:0 0 10px 10px;background:#12111E}.ps-phone header{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;text-align:center}.ps-phone header button,.ps-composer button,.ps-phone nav button{display:grid;place-items:center;border:0;background:transparent;color:#5A4FCF}.ps-phone header b,.ps-phone header small{display:block}.ps-phone header b{font-size:.64rem}.ps-phone header small{margin-top:2px;color:#35A979;font-size:.47rem}.ps-phone header small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#35A979}.ps-chat{height:210px;margin:7px 0;padding:8px 6px;overflow:hidden;border-radius:11px;background:#fff}.ps-message{max-width:82%;margin:5px 0;padding:7px 8px;border-radius:10px 10px 10px 3px;background:#EFEEF3;color:#363348;font-size:.49rem;line-height:1.35;animation:ps-message .34s ease both}.ps-message.ai{margin-left:auto;border-radius:10px 10px 3px 10px;background:#5A4FCF;color:#fff}.ps-message.note{margin-inline:auto;background:#EDFFD0;color:#41571D;text-align:center}.ps-typing{display:flex;width:max-content;gap:3px;margin:6px 0 0 auto;padding:8px 10px;border-radius:10px 10px 3px 10px;background:#5A4FCF}.ps-typing i{width:4px;height:4px;border-radius:50%;background:#fff;animation:ps-dot .9s infinite}.ps-typing i:nth-child(2){animation-delay:.15s}.ps-typing i:nth-child(3){animation-delay:.3s}.ps-composer{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:4px;padding:5px;border:1px solid #E2E0E7;border-radius:9px;background:#fff;color:#9692A3;font-size:.46rem}.ps-composer .send{border-radius:7px;background:#C7F464;color:#16142B}.ps-phone nav{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;padding-top:6px;border-top:1px solid #E4E2E8}.ps-phone nav button{color:#8D899C}.ps-phone nav button.is-on{color:#5A4FCF}.ps-sync-badge{position:absolute;z-index:5;right:23%;bottom:0;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #E3E1EB;border-radius:10px;background:#fff;box-shadow:0 12px 24px rgba(22,20,43,.15);font-family:var(--font-body);transform:rotate(-2deg)}.ps-sync-badge>i{width:8px;height:8px;border-radius:50%;background:#C7F464;box-shadow:0 0 0 4px rgba(199,244,100,.2)}.ps-sync-badge b,.ps-sync-badge small{display:block}.ps-sync-badge b{font-size:.58rem}.ps-sync-badge small{margin-top:2px;color:#827E92;font-size:.49rem}
@keyframes ps-pulse{70%{box-shadow:0 0 0 6px rgba(199,244,100,0)}100%{box-shadow:none}}@keyframes ps-message{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ps-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes ps-line-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}.ps-line-run{stroke-dasharray:900;animation:ps-line-draw 1.1s cubic-bezier(.2,.7,.2,1)}
@media (max-width:1199px){.product-showcase{width:min(100%,760px);margin:auto;min-height:550px}.ps-cabinet{width:94%}.ps-phone{right:0}.ps-sync-badge{right:21%}}@media (max-width:640px){.product-showcase{min-height:390px}.ps-cabinet{width:100%;transform:none}.ps-windowbar{height:30px}.ps-cabinet-body{grid-template-columns:38px 1fr}.ps-rail{padding:8px 4px}.ps-rail>b{width:25px;height:25px}.ps-rail button{width:28px;height:28px}.ps-workspace{padding:10px}.ps-head h3{font-size:.72rem}.ps-agent-tabs button{padding:0 5px;font-size:0}.ps-agent-tabs button i{font-size:.42rem}.ps-metrics article{padding:7px}.ps-metrics b{font-size:.76rem}.ps-metrics small{display:none}.ps-data-grid{grid-template-columns:1fr}.ps-stream{display:none}.ps-chart{min-height:130px}.ps-chart svg{height:90px}.ps-phone{right:-3%;bottom:-5%;width:116px;border-width:5px;border-radius:24px}.ps-phone-island{height:9px}.ps-chat{height:108px;padding:4px}.ps-message{padding:4px;font-size:.38rem}.ps-composer{display:none}.ps-phone nav svg{width:12px;height:12px}.ps-sync-badge{display:none}.ps-panel-head>span{display:none}.ps-agent-tabs{margin:8px 0}.ps-metrics{gap:4px}}
@media (prefers-reduced-motion:reduce){.ps-online i,.ps-message,.ps-typing i{animation:none!important}.ps-cabinet,.ps-phone,.ps-sync-badge{transform:none!important}}
/* Licensed/user-supplied device mockup: product UI is live HTML layered into both screens. */
.mockup-product{display:block;aspect-ratio:740/463;min-height:0;width:100%;margin:auto}.mockup-product .ps-glow{inset:8% 5% 4%;background:radial-gradient(circle at 55% 58%,rgba(90,79,207,.14),transparent 66%);filter:blur(30px)}.mockup-shell{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.mockup-product .ps-cabinet{position:absolute;z-index:2;left:17.1%;top:13.15%;width:60.6%;height:62.3%;border:0;border-radius:2px;box-shadow:none;transform:none}.mockup-product .ps-windowbar{height:8%;min-height:20px;padding-inline:9px}.mockup-product .ps-cabinet-body{height:92%;grid-template-columns:7.5% 1fr}.mockup-product .ps-rail{gap:4px;padding:6px 3px}.mockup-product .ps-rail>b{width:22px;height:22px;margin-bottom:1px;font-size:.46rem}.mockup-product .ps-rail button{width:23px;height:23px}.mockup-product .ps-rail svg{width:12px;height:12px}.mockup-product .ps-workspace{padding:9px 10px}.mockup-product .ps-head h3{font-size:.68rem}.mockup-product .ps-head small{font-size:.42rem}.mockup-product .ps-head>span{padding:4px 5px;font-size:.42rem}.mockup-product .ps-agent-tabs{gap:3px;margin:6px 0}.mockup-product .ps-agent-tabs button{min-height:20px;padding:0 5px;font-size:.42rem}.mockup-product .ps-agent-tabs button i{width:12px;height:12px;font-size:.34rem}.mockup-product .ps-metrics{gap:4px}.mockup-product .ps-metrics article{padding:5px 6px}.mockup-product .ps-metrics span,.mockup-product .ps-metrics small{font-size:.38rem}.mockup-product .ps-metrics b{margin:3px 0 2px;font-size:.67rem}.mockup-product .ps-data-grid{grid-template-columns:minmax(0,1.45fr) minmax(120px,.55fr);gap:4px;margin-top:4px}.mockup-product .ps-chart,.mockup-product .ps-stream{min-height:0;height:116px;padding:6px}.mockup-product .ps-panel-head b{font-size:.44rem}.mockup-product .ps-panel-head small,.mockup-product .ps-panel-head>span{font-size:.34rem}.mockup-product .ps-chart svg{height:82px;margin-top:3px}.mockup-product .ps-stream article{grid-template-columns:18px 1fr auto;gap:4px;padding:5px 1px}.mockup-product .ps-stream article>i{width:17px;height:17px;font-size:.3rem}.mockup-product .ps-stream article b{font-size:.39rem}.mockup-product .ps-stream article small,.mockup-product .ps-stream article em{font-size:.31rem}.mockup-product .ps-phone{position:absolute;z-index:3;left:76.55%;right:auto;top:33.7%;bottom:auto;width:12.7%;height:55.7%;padding:2px 3px 4px;border:0;border-radius:17px;background:#F7F7F9;box-shadow:none;transform:none;overflow:hidden}.mockup-product .ps-phone-island{display:none}.mockup-product .ps-phone header{grid-template-columns:16px 1fr 16px;height:22px}.mockup-product .ps-phone header svg{width:10px;height:10px}.mockup-product .ps-phone header b{font-size:.37rem}.mockup-product .ps-phone header small{font-size:.3rem}.mockup-product .ps-chat{height:72%;margin:1px 0 2px;padding:3px 2px;border-radius:5px}.mockup-product .ps-message{margin:2px 0;padding:3px;border-radius:5px;font-size:.29rem;line-height:1.28}.mockup-product .ps-typing{gap:2px;margin-top:2px;padding:4px 5px}.mockup-product .ps-typing i{width:2px;height:2px}.mockup-product .ps-composer{display:none}.mockup-product .ps-phone nav{margin-top:1px;padding-top:2px}.mockup-product .ps-phone nav svg{width:9px;height:9px}.mockup-product .ps-sync-badge{z-index:4;right:17%;bottom:7%;padding:6px 8px}.mockup-product .ps-sync-badge b{font-size:.45rem}.mockup-product .ps-sync-badge small{font-size:.36rem}
@media (max-width:1199px){.mockup-product{width:min(100%,760px);min-height:0}.mockup-product .ps-cabinet{width:60.6%}.mockup-product .ps-phone{right:auto}.mockup-product .ps-sync-badge{right:17%}}@media (max-width:640px){.mockup-product{aspect-ratio:740/500}.mockup-product .ps-stream{display:block}.mockup-product .ps-cabinet{left:8%;top:8%;width:77%;height:60%}.mockup-shell{object-fit:cover;object-position:center}.mockup-product .ps-phone{left:73%;top:32%;width:17%;height:52%}.mockup-product .ps-sync-badge{display:none}.mockup-product .ps-agent-tabs button{padding:0 3px}.mockup-product .ps-data-grid{grid-template-columns:1fr}.mockup-product .ps-stream{display:none}}
/* Original device drawing: CSS-built laptop and phone, no stock mockup. */
.device-product{position:relative;display:block;width:100%;min-height:570px;isolation:isolate}.device-product .ps-glow{inset:9% 1% 2% 2%;background:radial-gradient(circle at 54% 48%,rgba(90,79,207,.20),transparent 61%),radial-gradient(circle at 82% 76%,rgba(199,244,100,.18),transparent 38%);filter:blur(28px)}.device-product::before{content:"";position:absolute;z-index:1;left:-1%;top:73%;width:95%;height:11%;border:1px solid #A7A8AE;border-radius:4px 4px 20px 20px;background:linear-gradient(180deg,#F1F1F3 0%,#C9CAD0 48%,#96979D 100%);clip-path:polygon(3% 0,97% 0,100% 52%,96% 88%,4% 88%,0 52%);box-shadow:0 20px 26px rgba(22,20,43,.18)}.device-product::after{content:"";position:absolute;z-index:2;left:35%;top:73%;width:24%;height:3.3%;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#A6A7AC,#E9E9EB 55%,#B4B5BA);box-shadow:inset 0 1px rgba(255,255,255,.75)}.device-product .ps-cabinet{position:absolute;z-index:2;left:2%;top:5%;width:90%;height:69%;box-sizing:border-box;border:11px solid #12111C;border-bottom-width:15px;border-radius:20px 20px 7px 7px;box-shadow:0 24px 42px rgba(22,20,43,.24),inset 0 0 0 1px rgba(255,255,255,.08);transform:none}.device-product .ps-cabinet::before{content:"";position:absolute;z-index:9;top:-8px;left:50%;width:28px;height:7px;border-radius:0 0 7px 7px;background:#08080D;transform:translateX(-50%);box-shadow:inset 0 -1px rgba(255,255,255,.12)}.device-product .ps-windowbar{height:34px}.device-product .ps-cabinet-body{height:calc(100% - 34px)}.device-product .ps-workspace{padding:13px 14px}.device-product .ps-agent-tabs{margin:10px 0 8px}.device-product .ps-metrics article{padding:8px}.device-product .ps-data-grid{margin-top:6px}.device-product .ps-chart,.device-product .ps-stream{min-height:160px}.device-product .ps-chart svg{height:111px}.device-product .ps-phone{position:absolute;z-index:5;right:-2%;bottom:1%;width:clamp(180px,18vw,252px);padding:8px 9px 11px;border:8px solid #11101B;border-radius:36px;background:#F7F7F9;box-shadow:0 32px 44px rgba(22,20,43,.34),inset 0 0 0 1px rgba(255,255,255,.5);transform:rotate(1.6deg)}.device-product .ps-phone::after{content:"";position:absolute;right:-11px;top:28%;width:3px;height:18%;border-radius:0 3px 3px 0;background:#292833}.device-product .ps-phone-island{display:block}.device-product .ps-chat{height:205px}.device-product .ps-sync-badge{right:22%;bottom:4%;z-index:6}
@media (max-width:1199px){.device-product{width:min(100%,760px);min-height:560px;margin:auto}.device-product .ps-cabinet{width:89%}.device-product .ps-phone{right:0}.device-product .ps-sync-badge{right:23%}}@media (max-width:640px){.device-product{min-height:395px}.device-product::before{top:66%;height:8%}.device-product::after{top:66%}.device-product .ps-cabinet{left:0;top:3%;width:91%;height:63%;border-width:7px;border-bottom-width:10px;border-radius:13px 13px 5px 5px}.device-product .ps-windowbar{height:27px}.device-product .ps-cabinet-body{height:calc(100% - 27px)}.device-product .ps-workspace{padding:8px}.device-product .ps-data-grid{grid-template-columns:1fr}.device-product .ps-stream{display:none}.device-product .ps-chart{min-height:105px}.device-product .ps-chart svg{height:70px}.device-product .ps-phone{right:-3%;bottom:2%;width:114px;padding:5px;border-width:5px;border-radius:24px}.device-product .ps-phone-island{height:9px}.device-product .ps-chat{height:104px}.device-product .ps-sync-badge{display:none}}
/* Device component supplied by the owner, isolated as its own interactive app. */
.device-demo-host{position:relative;width:100%;min-height:590px;overflow:visible}.device-demo-host>.ps-glow,.device-demo-host>.ps-cabinet,.device-demo-host>.ps-phone,.device-demo-host>.ps-sync-badge{display:none!important}.device-demo-frame{display:block;width:106%;height:590px;margin-left:-5%;border:0;background:transparent;overflow:hidden}.device-demo-frame:focus-visible{outline:3px solid #5A4FCF;outline-offset:3px}
@media (max-width:1199px){.device-demo-host{min-height:620px}.device-demo-frame{width:100%;height:640px;margin-left:0}}@media (max-width:640px){.device-demo-host{min-height:570px}.device-demo-frame{width:112%;height:600px;margin-left:-6%}}
/* Exact first-screen bundle supplied by the owner. */
.exact-hero{position:relative;width:100%;overflow:hidden;background:#f7f7f9}.exact-hero-frame{position:relative;width:100%;max-width:1536px;aspect-ratio:1536/1024;margin:0 auto;overflow:hidden}.exact-hero-frame>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.exact-hotspot{position:absolute;z-index:2;display:block;opacity:0}.exact-hotspot:focus-visible{opacity:1;outline:3px solid #5A4FCF;outline-offset:3px;border-radius:8px}.exact-hotspot--primary{left:2.05%;top:60.15%;width:14.15%;height:5.25%}.exact-hotspot--secondary{left:17.35%;top:60.15%;width:13.65%;height:5.25%}.exact-hero-a11y{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Shared neutral surface for the header and hero only. The launch section stays transparent so the page grid remains visible. */
.site-header{background:#f7f7f9!important}.exact-hero,.semantic-hero{background:#f7f7f9!important}
/* Semantic recreation of the supplied hero: real copy and controls with the supplied device artwork. */
.semantic-hero{position:relative;overflow:hidden}.semantic-hero-shell{display:grid;grid-template-columns:minmax(480px,.88fr) minmax(600px,1.12fr);align-items:center;width:min(calc(100% - 64px),1472px);min-height:760px;margin:0 auto}.semantic-hero-copy{position:relative;z-index:2;min-width:0;padding:52px 0 62px}.semantic-hero-copy h1{margin:0;color:#121126;font-family:var(--font-display);font-size:clamp(50px,3.8vw,64px);font-weight:900;line-height:1;letter-spacing:-.052em;text-wrap:initial}.semantic-hero-copy h1>span{white-space:nowrap}.semantic-hero-copy h1 mark{display:inline;color:inherit;background:linear-gradient(transparent 57%,#C7F464 57%,#C7F464 91%,transparent 91%);padding:0 .04em}.semantic-hero-copy>p{max-width:610px;margin:34px 0 0;color:#302E43;font-size:clamp(16px,1.12vw,19px);line-height:1.72}.semantic-hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:46px}.semantic-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:2px solid #16142B;border-radius:8px;font-size:14px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.semantic-primary{gap:12px;background:#C7F464;box-shadow:4px 5px 0 #16142B}.semantic-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 #16142B}.semantic-secondary{background:#fff}.semantic-secondary:hover{background:#F1F0F5;transform:translateY(-2px)}.semantic-hero-trust{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;color:#7B788D;font-size:13px}.semantic-hero-trust span+span::before{content:"·";margin-right:24px}.semantic-hero-visual{position:relative;z-index:1;min-width:0;height:690px}.semantic-hero-visual::before{content:"";position:absolute;inset:10% -5% 4% 0;background:radial-gradient(circle at 54% 48%,rgba(90,79,207,.12),transparent 62%),radial-gradient(circle at 78% 75%,rgba(199,244,100,.14),transparent 36%);filter:blur(28px)}.semantic-device-stage{position:absolute;top:50%;left:-25%;width:125%;aspect-ratio:1275/852;transform:translateY(-50%)}.semantic-device-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}.semantic-device-frame{z-index:2}.semantic-device-phone{z-index:3}.semantic-dashboard-frame{position:absolute;z-index:1;left:0;top:0;width:1920px;height:1200px;border:0;background:#f7f7fa;opacity:0;image-rendering:auto;transform-origin:0 0;backface-visibility:hidden;will-change:transform;transition:opacity .16s ease}.semantic-device-stage.is-screen-ready .semantic-dashboard-frame{opacity:1}.semantic-dashboard-frame:focus-visible{outline:3px solid #5A4FCF;outline-offset:3px}
@media (min-width:900px) and (max-width:1199px){.semantic-hero-shell{grid-template-columns:minmax(390px,.86fr) minmax(450px,1.14fr);align-items:center;width:min(calc(100% - 40px),1120px);min-height:680px;padding-top:0}.semantic-hero-copy{padding:42px 0 46px}.semantic-hero-copy h1{font-size:clamp(38px,4vw,48px);line-height:1.02}.semantic-hero-copy>p{max-width:440px;margin-top:28px;font-size:15px;line-height:1.58}.semantic-hero-actions{display:grid;max-width:320px;gap:12px;margin-top:30px}.semantic-hero-actions a{width:100%}.semantic-hero-trust{max-width:420px;gap:7px 14px;margin-top:18px;font-size:11px}.semantic-hero-trust span+span::before{margin-right:14px}.semantic-hero-visual{height:620px}.semantic-device-stage{left:-15%;width:115%;transform:translateY(-50%)}}
@media (min-width:641px) and (max-width:899px){.semantic-hero-shell{grid-template-columns:1fr;width:min(calc(100% - 48px),760px);min-height:0;padding-top:20px}.semantic-hero-copy{padding:40px 0 8px}.semantic-hero-copy h1{font-size:clamp(44px,7.2vw,58px);line-height:1}.semantic-hero-copy>p{max-width:680px;margin-top:28px;font-size:16px;line-height:1.62}.semantic-hero-actions{display:flex;max-width:none;gap:14px;margin-top:32px}.semantic-hero-actions a{width:auto}.semantic-hero-trust{margin-top:20px}.semantic-hero-visual{height:440px}.semantic-device-stage{left:50%;width:100%;transform:translate(-50%,-50%)}}
@media (max-width:1199px){html{overflow-x:clip}}
@media (max-width:640px){html{overflow-x:clip}.semantic-hero-shell{grid-template-columns:1fr;width:min(calc(100% - 24px),520px);min-height:0;padding-top:12px}.semantic-hero-copy{padding:26px 0 6px}.semantic-hero-copy h1{font-size:clamp(23px,7.4vw,32px);line-height:1.05;letter-spacing:-.04em}.semantic-hero-copy>p{margin-top:22px;font-size:14px;line-height:1.55}.semantic-hero-actions{display:grid;gap:11px;margin-top:26px}.semantic-hero-actions a{width:100%;min-width:0;min-height:50px;padding-inline:12px;font-size:13px}.semantic-hero-trust{justify-content:center;gap:6px 12px;margin-top:17px;font-size:10.5px;text-align:center}.semantic-hero-trust span+span::before{margin-right:12px}.semantic-hero-visual{height:clamp(324px,92vw,400px)}.semantic-hero-visual::before{inset:8% -8% 5%}.semantic-device-stage{top:47%;left:auto;right:0;width:116%;transform:translateY(-50%)}.semantic-hero-scroll{bottom:10px;font-size:10px}}
.semantic-hero-scroll{color:#8b889c}
.semantic-hero-scroll:hover{color:#16142b}
@media (prefers-reduced-motion:reduce){.semantic-hero-actions a{transition:none}}