:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef3ff;background:#09111f;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 95% 2%,#11273d 0,transparent 40%),#09111f}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:12px;padding:10px;background:#fff;color:#111;z-index:20}.skip-link:focus{top:12px}.site-shell{max-width:1240px;margin:auto;padding:0 32px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:92px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.18em;font-size:17px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;font-size:20px;letter-spacing:-.06em;font-weight:900;background:#182c40;border:1px solid #42617b;border-radius:11px}.accent{color:#48dfca}.top-nav{display:flex;gap:28px;color:#b9c9dc;font-size:14px}.top-nav a:hover,.top-nav a:focus-visible{color:#fff}.hero{position:relative;isolation:isolate;min-height:475px;display:flex;align-items:center;overflow:hidden;padding:64px 64px 78px;border-radius:26px;border:1px solid #2c4661;background:linear-gradient(115deg,#14233b 2%,#101d32 55%,#0b1d2c 100%);box-shadow:0 32px 100px #01070f30}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#143b4255);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow,.section-kicker{font-size:12px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;color:#70dbcf}.eyebrow{display:flex;gap:10px;align-items:center}.spark{width:7px;height:7px;border-radius:50%;background:#62e8ce;box-shadow:0 0 18px #62e8ce}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.065em;margin:25px 0 20px;max-width:660px}.muted-heading{color:#9bbed4}.hero p{font-size:18px;line-height:1.7;color:#bbcada;max-width:590px;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.primary-action,.secondary-action{min-height:48px;display:inline-flex;align-items:center;gap:16px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px}.primary-action{background:#80e6d9;color:#112537}.primary-action:hover{background:#a2fff0}.secondary-action{border:1px solid #5d7188;color:#e7f2ff}.secondary-action:hover{background:#ffffff12}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;color:#b3c9dc;font-size:12px}.hero-tags span{border:1px solid #3a536b;background:#101f3099;padding:8px 12px;border-radius:100px}.hero-visual{position:absolute;width:500px;height:500px;right:-160px;top:-40px;opacity:.5;transform:rotate(-22deg);pointer-events:none}.orbit{position:absolute;border:1px solid #67d7d766;border-radius:50%;inset:35px}.orbit-two{inset:90px;border-color:#79bce566;transform:scaleX(.7) rotate(35deg)}.orbit-three{inset:135px;border:3px solid #5ce0d333;transform:scaleX(1.4) rotate(75deg)}.center-glow{position:absolute;inset:190px;border-radius:50%;background:#52dcd499;filter:blur(60px)}.projects{padding-top:74px;scroll-margin-top:25px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.about h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.045em;margin:10px 0}.section-head p{color:#91a6be;margin:10px 0 0}.project-count{border:1px solid #34465b;border-radius:30px;padding:9px 14px;white-space:nowrap;font-size:12px;color:#aebed1}.catalog-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:32px 0}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{cursor:pointer;border:1px solid #2b4159;border-radius:12px;padding:10px 14px;background:#132238;color:#a7bcd3;font-size:13px}.filter:hover{background:#213650;color:#fff}.filter.active{background:#dbf3f1;border-color:#dbf3f1;color:#112738;font-weight:750}.search-wrap{position:relative;flex:0 1 230px}.search-icon{position:absolute;left:13px;top:6px;font-size:25px;color:#8faac0}.search-wrap input{min-width:0;width:100%;min-height:41px;border:1px solid #2b4159;background:#132238;color:#fff;border-radius:12px;padding:10px 12px 10px 38px;outline:none}.search-wrap input:focus-visible,.filter:focus-visible,a:focus-visible{outline:2px solid #80e6d9;outline-offset:3px}.catalog-section{margin-top:36px}.catalog-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}.catalog-heading h3{font-size:21px;letter-spacing:-.025em;margin:0}.catalog-heading span{font-size:12px;color:#7894b0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{display:flex;flex-direction:column;min-height:232px;padding:24px;border:1px solid #294058;background:linear-gradient(160deg,#14263b,#101e30);border-radius:18px;transition:transform .15s,border-color .15s}.project-card:hover{transform:translateY(-2px);border-color:#4c7892}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.project-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#234658;color:#92e8dc;font-size:21px;font-weight:850}.project-icon.has-image{width:52px;height:52px;background:#eef4fa;padding:4px;overflow:hidden}.project-icon img{width:100%;height:100%;object-fit:contain;display:block}.status{font-size:11px;color:#a9c7d7;border:1px solid #3c6071;border-radius:50px;padding:6px 9px;white-space:nowrap}.project-card h4{font-size:19px;margin:18px 0 8px;letter-spacing:-.025em}.project-card p{font-size:14px;line-height:1.6;color:#a4b7ca;margin:0 0 23px;flex:1}.project-link{align-self:start;font-size:13px;font-weight:800;color:#8ce8db}.project-link:hover{text-decoration:underline}.coming-soon{font-size:12px;color:#91a3b8}.empty-state{color:#afbdd0;padding:30px;border:1px dashed #34485e;border-radius:14px}.about{margin-top:90px;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;border-top:1px solid #2a3d52;border-bottom:1px solid #2a3d52;padding:52px 12px;scroll-margin-top:30px}.about p{line-height:1.85;color:#9cafc5;margin:0;max-width:620px}footer{padding:32px 0 48px;display:flex;justify-content:space-between;gap:20px;color:#8198b0;font-size:12px}footer a:hover{color:#fff}@media(max-width:960px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:55px 42px}.hero-visual{opacity:.28}}@media(max-width:620px){.site-shell{padding:0 18px}.masthead{min-height:76px}.top-nav{gap:14px;font-size:12px}.brand{font-size:14px}.hero{padding:44px 24px 50px;min-height:0}.hero p{font-size:16px}.hero-visual{right:-280px}.projects{padding-top:55px}.section-head{align-items:start}.section-head p{font-size:14px}.project-count{display:none}.card-grid{grid-template-columns:1fr}.search-wrap{flex:1 1 100%}.about{grid-template-columns:1fr;gap:12px;margin-top:65px;padding:40px 0}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.project-card{transition:none}}

/* Availability is distinct from category: orange means the entry point is listed. */
.status-available{background:#ffba64;color:#392000;border-color:#ffcd8b;font-weight:800}
.status{max-width:calc(100% - 50px);white-space:normal;text-align:center;line-height:1.25}
.filter-divider{display:block;align-self:stretch;min-height:32px;width:1px;background:#344c60;margin:3px 6px}
.filter-availability.active{background:#ffba64;border-color:#ffcd8b;color:#392000}
.filter-availability:hover:not(.active){border-color:#b67d41;color:#ffcf98}
@media(max-width:620px){.filter-divider{display:none}}
.top-nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}@media(max-width:620px){.top-nav{gap:6px 12px}}

/* ConvertR product route. All product rules are bounded to its own classes. */
.cv-page{padding-bottom:20px}.cv-page a:focus-visible,.cv-page summary:focus-visible{outline:2px solid #80e6d9;outline-offset:5px}.cv-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:center;padding:48px 44px;border:1px solid #30485e;border-radius:26px;background:linear-gradient(130deg,#14263e,#102332)}.cv-product{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:20px;font-weight:800;margin-bottom:32px}.cv-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#2259cc;font-size:16px;color:#fff}.cv-preview{font-size:11px;font-weight:650;color:#c9d8e9;border:1px solid #496078;border-radius:20px;padding:6px 10px}.cv-hero .eyebrow{line-height:1.7}.cv-hero h1{font-size:clamp(40px,4.6vw,62px);line-height:1.06;letter-spacing:-.055em;margin:16px 0 24px}.cv-hero h1 span{color:#85dfd5}.cv-lead{color:#c0cede;font-size:17px;line-height:1.75;max-width:620px}.cv-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 14px}.cv-access-note,.cv-small{font-size:12px;line-height:1.8;color:#a4b8ce}.cv-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#bdd0df}.cv-tags span{border:1px solid #3e556b;border-radius:20px;padding:7px 10px}.cv-art{margin:0;border:1px solid #3c5b70;border-radius:20px;padding:22px;background:#0b1826;min-width:0}.cv-art-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:#b0c7d7}.cv-art-count{border:1px solid #3b5b64;padding:6px 8px;border-radius:20px;white-space:nowrap;letter-spacing:0;color:#8ce5d5}.cv-monogram{display:block;width:100%;max-height:275px;margin:24px auto}.cv-color-rows>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #294354;font-size:12px;color:#deebf4}.cv-color-rows>div>span:last-child{margin-left:auto;color:#94adc0;font-size:10px}.cv-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;flex:none}.cv-teal{background:#67dacb}.cv-gold{background:#f0bd73}.cv-art figcaption{color:#90a8bc;font-size:11px;line-height:1.7;padding-top:12px}.cv-section{margin-top:68px;scroll-margin-top:25px}.cv-section h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-.04em;line-height:1.18;margin:10px 0 14px}.cv-section-heading{max-width:790px;margin-bottom:24px}.cv-section-heading>p:not(.section-kicker),.cv-use>div>p:not(.section-kicker){color:#acbfd1;font-size:15px;line-height:1.8}.cv-color-examples,.cv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cv-color-examples article,.cv-steps li{border:1px solid #2e475f;border-radius:17px;padding:24px;background:#122236;min-width:0}.cv-page h3{font-size:17px;line-height:1.4;margin:12px 0 10px}.cv-color-examples p,.cv-steps p,.cv-use-notes p{font-size:14px;line-height:1.8;color:#aebfd1;margin:0}.cv-palette{display:flex;gap:8px;margin-bottom:22px}.cv-palette span{height:30px;width:30px;border-radius:8px;background:var(--chip);border:1px solid #ffffff35}.cv-quality{background:#112a30!important;border-color:#345959!important}.cv-quality h3{color:#b6ebe2;margin-top:0}.cv-steps{list-style:none;padding:0;counter-reset:none}.cv-step-number{display:block;font-size:26px;font-weight:800;color:#83dcd0;letter-spacing:-.04em;margin-bottom:20px}.cv-use{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:40px 0;border-top:1px solid #2d4357;border-bottom:1px solid #2d4357}.cv-use-notes article+article{margin-top:28px}.cv-use-notes h3{color:#dfeff4;margin-top:0}.cv-get-started{border:1px solid #36526b;border-radius:22px;background:#14263b;padding:36px}.cv-onboarding{padding-left:22px;max-width:900px}.cv-onboarding li{padding:10px 0 10px 10px;color:#87ded1;font-weight:800}.cv-onboarding b,.cv-onboarding span{display:block}.cv-onboarding b{color:#e6f1f8;font-size:15px}.cv-onboarding span{color:#afc3d4;font-size:14px;line-height:1.8;font-weight:400;margin-top:6px}.cv-faq details{border-bottom:1px solid #31465b;padding:20px 0}.cv-faq summary{cursor:pointer;line-height:1.6;font-size:16px;color:#dfeaf5}.cv-faq details p{color:#afc2d5;line-height:1.85;font-size:14px;max-width:860px;margin:14px 0 4px}.cv-faq a{color:#85e6d5;text-decoration:underline;text-underline-offset:3px}.cv-return{display:flex;justify-content:space-between;gap:20px;margin-top:42px;font-size:13px;color:#9bb4c9}.cv-return a{color:#91e8dc;font-weight:700}.no-script{padding:24px;color:#c5d9e8}.no-script a{text-decoration:underline}
@media(max-width:960px){.cv-hero{grid-template-columns:1fr 1fr;padding:32px 28px;gap:24px}.cv-hero h1{font-size:43px}.cv-lead{font-size:15px}.cv-color-examples,.cv-steps{gap:12px}.cv-color-examples article,.cv-steps li{padding:20px}.cv-use{gap:28px}.cv-product{gap:9px}}
@media(max-width:700px){.cv-hero{grid-template-columns:1fr;padding:28px 24px}.cv-hero h1{font-size:clamp(36px,8vw,48px)}.cv-art{max-width:420px;width:100%;justify-self:center}.cv-color-examples,.cv-steps,.cv-use{grid-template-columns:1fr}.cv-section{margin-top:48px}.cv-use{gap:28px}.cv-get-started{padding:26px 22px}.cv-return{flex-direction:column;gap:10px}.cv-product{margin-bottom:24px}}
@media(max-width:380px){.cv-hero{padding:24px 18px}.cv-hero h1{font-size:35px}.cv-product{font-size:18px}.cv-preview{font-size:10px}.cv-actions .primary-action,.cv-actions .secondary-action{width:100%;justify-content:space-between}.cv-art{padding:18px}.cv-color-rows>div>span:last-child{font-size:9px}.cv-get-started{padding:22px 18px}}

/* Homepage announcement for the newest product page. */
.hero-news{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-bottom:24px;padding:5px 14px 5px 5px;border:1px solid #3a536b;border-radius:100px;background:#101f30cc;color:#d6e4f2;font-size:13px;line-height:1.4;transition:border-color .15s}.hero-news:hover{border-color:#80e6d9}.hero-news-badge{flex:none;border-radius:100px;padding:4px 9px;background:#ffba64;color:#392000;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:620px){.hero-news-more{display:none}}

/* WinDisplay product route. All product rules are bounded to its own classes. */
.wd-page{padding-bottom:20px}.wd-page a:focus-visible,.wd-page summary:focus-visible{outline:2px solid #80e6d9;outline-offset:5px}.wd-page b{color:#e3eef7;font-weight:700}.wd-page h1,.wd-page h2,.wd-page h3{text-wrap:balance}.wd-page p,.wd-page li{text-wrap:pretty}.wd-page kbd{font:inherit;font-size:12px;border:1px solid #47627a;border-bottom-width:2px;border-radius:5px;padding:0 5px;color:#dfeaf5;background:#0e1b2b;white-space:nowrap}
.wd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"title body" "tags body" "stage stage";gap:0 56px;align-items:start;padding:46px 44px 40px;border:1px solid #30485e;border-radius:26px;background:radial-gradient(ellipse at 50% 80%,#4a254d66 0,transparent 50%),linear-gradient(130deg,#14263e,#102332)}.wd-product{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:20px;font-weight:800;margin-bottom:30px}.wd-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#eef4fa;color:#14263b;font-size:20px;font-weight:900;overflow:hidden}.wd-mark img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}.wd-pill{font-size:11px;font-weight:700;color:#ffcf98;border:1px solid #9a6a38;border-radius:20px;padding:6px 10px}.wd-hero .eyebrow{line-height:1.7}.wd-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 0}.wd-hero h1 span{color:#85dfd5}.wd-lead{color:#c0cede;font-size:17px;line-height:1.75;max-width:600px;margin:0}.wd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 14px}.wd-gate{min-height:48px;display:inline-flex;align-items:center;gap:12px;padding:7px 18px 7px 7px;border:1px solid #6f5234;border-radius:12px;background:linear-gradient(180deg,#ffba641a,#ffba640a);color:#ffd5a1;font-weight:700;font-size:14px;line-height:1.4;text-wrap:balance}.wd-gate svg{flex:none;width:32px;height:32px;padding:7px;border-radius:9px;background:#ffba6424;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.wd-note,.wd-small{font-size:12px;line-height:1.8;color:#a4b8ce;margin:0}.wd-hero-title{grid-area:title}.wd-hero-body{grid-area:body;align-self:end}.wd-hero-body .wd-actions>*{flex:1 1 auto}.wd-hero-body .wd-actions .primary-action,.wd-hero-body .wd-actions .secondary-action{justify-content:space-between}.wd-tags{grid-area:tags;display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#bdd0df}.wd-tags span{border:1px solid #3e556b;border-radius:20px;padding:7px 10px}
.wd-stage{grid-area:stage;justify-self:center;width:100%;max-width:960px;min-width:0;margin:44px 0 0}.wd-stage-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;letter-spacing:.1em;color:#b0c7d7}.wd-live{display:inline-flex;align-items:center;gap:8px;border:1px solid #3b5b64;border-radius:20px;padding:6px 10px;color:#8ce5d5;font-weight:700;letter-spacing:.12em}.wd-live-dot{width:7px;height:7px;border-radius:50%;background:#62e8ce;animation:wd-pulse 2.4s ease-out infinite}@keyframes wd-pulse{0%{box-shadow:0 0 0 0 #62e8ce88}70%{box-shadow:0 0 0 8px #62e8ce00}100%{box-shadow:0 0 0 0 #62e8ce00}}.wd-monitors{display:block;width:100%;height:auto}.wd-stage-monitors{display:grid;grid-template-columns:minmax(0,120fr) minmax(0,372fr) minmax(0,120fr);margin-top:10px;padding-top:10px;border-top:1px solid #294354;text-align:center}.wd-stage-monitors span{justify-self:center;white-space:nowrap;font-size:11px;line-height:1.5;color:#94adc0;font-variant-numeric:tabular-nums}.wd-stage-monitors b{display:block;font-size:12px;color:#deebf4}.wd-stage figcaption{padding-top:12px;color:#90a8bc;font-size:11px;line-height:1.7}
.wd-section{margin-top:76px;scroll-margin-top:25px}.wd-section h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.15;margin:10px 0 14px}.wd-section-heading{max-width:790px;margin-bottom:26px}.wd-section-heading>p:not(.section-kicker),.wd-shows-copy>p:not(.section-kicker),.wd-safe-intro>p:not(.section-kicker){color:#acbfd1;font-size:15px;line-height:1.8;margin:0}.wd-page h3{font-size:17px;line-height:1.4;letter-spacing:-.01em;margin:0 0 8px}
.wd-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wd-feature{min-width:0;padding:22px;border:1px solid #2e475f;border-radius:18px;background:linear-gradient(160deg,#14263b,#101e30);transition:transform .15s,border-color .15s}.wd-feature:hover{transform:translateY(-2px);border-color:#4c7892}.wd-feature p,.wd-steps p,.wd-uses p,.wd-safe-list p{font-size:14px;line-height:1.75;color:#aebfd1;margin:0}.wd-icon{display:block;width:40px;height:40px;padding:8px;margin-bottom:16px;border-radius:11px;background:#1d3a4a;color:#8ce8db;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.wd-steps li{min-width:0;padding:24px;border:1px solid #2e475f;border-radius:17px;background:#122236}.wd-step-number{display:block;margin-bottom:18px;font-size:26px;font-weight:800;color:#83dcd0;letter-spacing:-.04em}
.wd-shows{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:44px 0;border-top:1px solid #2d4357;border-bottom:1px solid #2d4357}.wd-checks{display:grid;gap:10px;list-style:none;padding:0;margin:22px 0 0}.wd-checks li{position:relative;padding-left:26px;font-size:14px;line-height:1.7;color:#cfdbe7}.wd-checks li:before{content:"";position:absolute;left:2px;top:6px;width:11px;height:6px;border-left:2px solid #80e6d9;border-bottom:2px solid #80e6d9;transform:rotate(-45deg)}.wd-timeline{min-width:0;margin:0;padding:22px;border:1px solid #3c5b70;border-radius:20px;background:#0b1826}.wd-nowbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 16px;padding:10px 12px;border:1px solid #2f5263;border-radius:12px;background:#132a3a;font-size:12px;line-height:1.5;color:#d9e8f2}.wd-nowbar-kind{padding:3px 7px;border-radius:6px;background:#80e6d9;color:#112537;font-size:10px;font-weight:800;letter-spacing:.12em}.wd-lane{display:block;width:100%;height:auto}.wd-lane-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px 16px;list-style:none;padding:0;margin:14px 0 0;font-size:12px;line-height:1.5;color:#94adc0}.wd-lane-legend li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;min-width:0}.wd-lane-legend li:before{content:"";box-sizing:border-box;grid-row:span 2;width:14px;height:14px;margin-top:3px;border-radius:4px;background:linear-gradient(#4b2575,#f39a52)}.wd-lane-legend li:nth-child(2):before{background:linear-gradient(#ffd59c,#f08c3e)}.wd-lane-legend li:nth-child(3):before{background:linear-gradient(90deg,#4fb8aa 0 33%,#9c4f9a 33% 67%,#f39a52 67%)}.wd-lane-legend li:nth-child(4):before{background:#143a47;border:1px solid #4fb8aa}.wd-lane-legend li:nth-child(5):before{border:1px dashed #80e6d9;background:none}.wd-lane-legend b,.wd-lane-legend span{display:block}.wd-lane-legend b{font-size:13px}.wd-when{margin-top:18px;padding-top:14px;border-top:1px solid #294354}.wd-when-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:0 0 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b0c7d7}.wd-when-title span{color:#7f99b0;letter-spacing:.06em;white-space:nowrap}.wd-when ol{list-style:none;padding:0;margin:0}.wd-when li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #1d3242;font-size:13px;color:#d6e4ef}.wd-when li>span:first-child{color:#91a9bd;font-variant-numeric:tabular-nums}.wd-when li:first-child span{color:#8ce8db;font-weight:700}.wd-when li.wd-when-takeover span{color:#ffcf98}.wd-when li.wd-when-end{row-gap:8px;border-bottom:0}.wd-when li.wd-when-end:before{content:"\22EF";content:"\22EF"/"";grid-column:1/-1;padding-bottom:8px;border-bottom:1px dashed #2a4558;color:#6d88a0;font-size:14px;line-height:1}.wd-timeline figcaption{padding-top:12px;color:#90a8bc;font-size:11px;line-height:1.7}.wd-show-parts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.wd-show-parts li{min-width:0;padding:22px;border:1px solid #2e475f;border-radius:18px;background:linear-gradient(160deg,#14263b,#101e30)}.wd-show-parts p{font-size:14px;line-height:1.75;color:#aebfd1;margin:0}.wd-show-parts .wd-part-note{margin-top:14px;padding-top:12px;border-top:1px solid #29425a;font-size:13px;line-height:1.65;color:#cfdbe7}.wd-icon-takeover{background:#3a2a17;color:#ffcf98}
.wd-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wd-uses article{min-width:0;padding:14px 14px 22px;border:1px solid #2e475f;border-radius:18px;background:linear-gradient(160deg,#14263b,#101e30)}.wd-uses h3,.wd-uses p{padding:0 8px}.wd-use-art{display:block;width:100%;height:88px;margin-bottom:18px;border:1px solid #213850;border-radius:12px;background:radial-gradient(ellipse at 50% 115%,#5a254d66,transparent 62%),#0c1828}
.wd-safe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}.wd-safe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px;list-style:none;padding:0;margin:0}.wd-safe-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}.wd-safe-icon{width:36px;height:36px;padding:7px;border:1px solid #345959;border-radius:10px;background:#112a30;color:#8ce8db;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wd-safe-list h3{color:#dfeff4}
.wd-next-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.wd-next-list li{min-width:0;padding:20px 18px;border:1px dashed #3b5570;border-radius:16px;background:#0d1a29}.wd-next-list h3{color:#dbe7f1}.wd-next-list p{font-size:13px;line-height:1.7;color:#9fb3c6;margin:0}.wd-soon{display:inline-block;margin-bottom:14px;padding:4px 8px;border:1px solid #3f5a74;border-radius:20px;color:#a9bdd0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wd-beta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:30px 44px;align-items:start;padding:40px;border:1px solid #36526b;border-radius:22px;background:linear-gradient(140deg,#15293f,#122236)}.wd-beta .wd-section-heading{margin-bottom:12px}.wd-onboarding{max-width:820px;padding-left:22px;margin:0}.wd-beta-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;padding-top:28px;border-top:1px solid #2b4459}.wd-beta-foot .wd-actions{margin:0}.wd-beta-foot .wd-small{flex:1 1 300px;max-width:440px}.wd-onboarding li{padding:10px 0 10px 10px;color:#87ded1;font-weight:800}.wd-onboarding b,.wd-onboarding span{display:block}.wd-onboarding b{color:#e6f1f8;font-size:15px}.wd-onboarding span{margin-top:6px;color:#afc3d4;font-size:14px;line-height:1.8;font-weight:400}.wd-reqs{min-width:0;padding:22px;border:1px solid #2f4a60;border-radius:18px;background:#0e1c2c}.wd-page .wd-reqs h3{margin:0 0 8px;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#70dbcf}.wd-reqs ul{list-style:none;padding:0;margin:0}.wd-reqs li{padding:12px 0;border-top:1px solid #23394d}.wd-reqs b,.wd-reqs span{display:block}.wd-reqs b{font-size:15px}.wd-reqs span{margin-top:2px;color:#9fb3c6;font-size:13px}
.wd-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 48px;align-items:start}.wd-faq .wd-section-heading{grid-column:1;grid-row:1/span 7}.wd-faq details{grid-column:2;border-bottom:1px solid #31465b}.wd-faq details:first-of-type{border-top:1px solid #31465b}.wd-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.5;color:#dfeaf5}.wd-faq summary::-webkit-details-marker{display:none}.wd-faq summary:after{content:"";flex:none;width:28px;height:28px;border:1px solid #3a536b;border-radius:50%;background:linear-gradient(#8ce8db,#8ce8db) center/10px 1.6px no-repeat,linear-gradient(#8ce8db,#8ce8db) center/1.6px 10px no-repeat;transition:transform .2s}.wd-faq summary:hover:after{border-color:#80e6d9}.wd-faq details[open] summary{padding-bottom:12px}.wd-faq details[open] summary:after{transform:rotate(45deg);border-color:#80e6d9}.wd-page .wd-faq summary:focus-visible{outline-offset:0;border-radius:4px}.wd-faq details p{max-width:860px;margin:0 48px 20px 0;color:#afc2d5;font-size:14px;line-height:1.85}.wd-return{display:flex;justify-content:space-between;gap:20px;margin-top:42px;font-size:13px;color:#9bb4c9}.wd-return a{color:#91e8dc;font-weight:700}
@media(min-width:1440px){.wd-hero{padding:52px 52px 44px}}
@media(max-width:960px){.wd-hero{grid-template-columns:1fr;grid-template-areas:"title" "body" "tags" "stage";padding:36px 30px}.wd-hero-body{max-width:680px;margin-top:24px}.wd-stage{margin-top:36px}.wd-features,.wd-uses{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-steps{gap:12px}.wd-steps li{padding:20px}.wd-shows{grid-template-columns:1fr;gap:30px}.wd-show-parts{grid-template-columns:1fr}.wd-show-parts li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:18px}.wd-show-parts li>*{grid-column:2}.wd-show-parts .wd-icon{grid-column:1;grid-row:1/span 3;margin:0}.wd-safe{grid-template-columns:1fr;gap:24px}.wd-next-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-beta{grid-template-columns:1fr;gap:28px;padding:32px 28px}.wd-faq{grid-template-columns:1fr}.wd-faq .wd-section-heading{grid-row:auto}.wd-faq details{grid-column:1}.wd-reqs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media(max-width:700px){.wd-hero h1{font-size:clamp(38px,9vw,52px)}.wd-section{margin-top:56px}.wd-steps,.wd-safe-list{grid-template-columns:1fr}.wd-return{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:620px){.wd-hero{padding:28px 22px}.wd-product{margin-bottom:22px}.wd-lead{font-size:16px}.wd-features,.wd-uses,.wd-next-list{grid-template-columns:1fr}.wd-stage-monitors span:first-child{justify-self:start;text-align:left}.wd-stage-monitors span:last-child{justify-self:end;text-align:right}.wd-stage-monitors span{font-size:10px}.wd-stage-monitors b{font-size:11px}.wd-timeline{padding:18px 16px}.wd-show-parts li{display:block;padding:20px}.wd-show-parts .wd-icon{margin-bottom:14px}.wd-when li{grid-template-columns:68px minmax(0,1fr);gap:10px}.wd-beta{padding:26px 20px}.wd-reqs{padding:18px}.wd-reqs ul{grid-template-columns:1fr}.wd-beta-foot{padding-top:24px}.wd-beta-foot .wd-actions>*{flex:1 1 auto}.wd-beta-foot .wd-actions .primary-action,.wd-beta-foot .wd-actions .secondary-action{justify-content:space-between}.wd-faq summary{padding:18px 0}.wd-faq details p{margin-right:0}}
@media(max-width:380px){.wd-hero{padding:24px 16px}.wd-hero h1{font-size:36px}.wd-product{font-size:18px}.wd-actions .wd-gate,.wd-actions .primary-action,.wd-actions .secondary-action{width:100%}.wd-gate{gap:10px;padding-right:14px;font-size:13px}.wd-actions .primary-action,.wd-actions .secondary-action{justify-content:space-between}.wd-stage-head{flex-wrap:wrap}.wd-faq summary{font-size:15px}.wd-beta{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.wd-live-dot{animation:none}.wd-feature,.hero-news{transition:none}.wd-feature:hover{transform:none}.wd-faq summary:after{transition:none}}
.p8-page{padding-bottom:20px}.p8-page a:focus-visible{outline:2px solid #8fe08a;outline-offset:5px}.p8-page b{color:#e3eef7;font-weight:700}.p8-page h1,.p8-page h2,.p8-page h3{text-wrap:balance}.p8-page p,.p8-page li{text-wrap:pretty}.p8-page .section-kicker,.p8-page .eyebrow{color:#8fdc84}.p8-page .spark{background:#7fd36f;box-shadow:0 0 18px #7fd36f}
.p8-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding:48px 46px;border:1px solid #2f4a63;border-radius:26px;background:radial-gradient(ellipse at 85% 90%,#57ba4722 0,transparent 45%),radial-gradient(ellipse at 10% 0,#13276f99 0,transparent 55%),linear-gradient(130deg,#14233f,#0f2130)}.p8-product{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:20px;font-weight:800;margin-bottom:30px}.p8-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#eef4fa;color:#13276f;font-size:16px;font-weight:900;overflow:hidden}.p8-mark img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}.p8-pill{font-size:11px;font-weight:700;color:#bfeab6;border:1px solid #4f8a48;border-radius:20px;padding:6px 10px}.p8-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.05;letter-spacing:-.055em;margin:16px 0 22px}.p8-hero h1 span{color:#8fdc84}.p8-lead{color:#c0cede;font-size:17px;line-height:1.75;max-width:600px;margin:0}.p8-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}.p8-page .primary-action{background:#8fdc84;color:#0f2416}.p8-page .primary-action:hover{background:#aef0a3}.p8-note{font-size:12px;line-height:1.8;color:#a4b8ce;margin:0}
.p8-proof{margin:0;min-width:0}.p8-proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.p8-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid #3b5670;background:#0b1826;box-shadow:0 24px 60px #01070f55}.p8-frame svg{display:block;width:100%;height:auto}.p8-frame-after{transform:translateY(-22px);border-color:#5a9a52}.p8-frame-label{position:absolute;left:10px;top:10px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#eaf3fb;background:#0b1826cc;border:1px solid #ffffff2a;border-radius:20px;padding:5px 9px}.p8-frame-after .p8-frame-label{top:auto;bottom:10px;left:auto;right:10px;background:#123a1ccc;border-color:#8fdc8466;color:#d7f6d1}.p8-proof figcaption,.p8-anatomy figcaption{font-size:12px;line-height:1.7;color:#97adc2;margin-top:6px}.p8-illustration{display:block;color:#7f97ae;font-style:italic;margin-top:4px}
.p8-section{margin-top:76px;scroll-margin-top:25px}.p8-section h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.04em;line-height:1.15;margin:10px 0 14px}.p8-section-heading{max-width:780px;margin-bottom:26px}.p8-section-heading>p:not(.section-kicker),.p8-batch-copy>p:not(.section-kicker),.p8-beta p:not(.section-kicker){color:#acbfd1;font-size:15px;line-height:1.8;margin:0}.p8-page h3{font-size:18px;line-height:1.35;margin:8px 0 14px}
.p8-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p8-path{border:1px solid #2e475f;border-radius:20px;padding:30px;background:linear-gradient(160deg,#14263b,#101e30)}.p8-path+.p8-path{background:linear-gradient(160deg,#152a2a,#0f1f26);border-color:#2f5250}.p8-path-kicker{margin:0;font-size:12px;font-weight:750;letter-spacing:.06em;color:#9fd9ff}.p8-path+.p8-path .p8-path-kicker{color:#a6e59c}
.p8-checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.p8-checks li{position:relative;padding-left:26px;font-size:14px;line-height:1.7;color:#b4c6d7}.p8-checks li:before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid #8fdc84;border-bottom:2px solid #8fdc84;transform:rotate(-45deg)}
.p8-batch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}.p8-anatomy{margin:0;border:1px solid #2f4a63;border-radius:22px;padding:26px;background:#0d1a29;min-width:0}.p8-roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.p8-role{display:grid;gap:8px;justify-items:center;font-size:11px;color:#cfe0ee}.p8-tile{display:block;width:100%;aspect-ratio:1;border-radius:10px;border:1px solid #ffffff1f}.p8-tile-a{background:linear-gradient(160deg,#c9ced6 0 35%,#2b3440 36%)}.p8-tile-b{background:repeating-linear-gradient(90deg,#e8edf2 0 3px,#0d1a29 3px 6px) center/60% 40% no-repeat,#2b3440}.p8-tile-c{background:radial-gradient(circle at 50% 45%,#c9ced6 0 22%,transparent 23%),#34404d}.p8-tile-d{background:radial-gradient(circle at 50% 50%,#57ba47 0 18%,transparent 19%),#13276f}.p8-tile-e{background:linear-gradient(160deg,#173a7a,#1f5d6b 60%,#57ba47)}.p8-fields{margin-top:22px;border-top:1px solid #253c52;padding-top:18px}.p8-fields-title{margin:0 0 14px;font-size:12px;font-weight:750;letter-spacing:.06em;color:#9fb6cb}.p8-fields dl{margin:0;display:grid;gap:12px}.p8-fields dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center}.p8-fields dt{font-size:12px;color:#c8d8e6}.p8-fields dd{margin:0}.p8-bar{height:10px;width:var(--w);border-radius:5px;background:#2a4058}.p8-bar-cta{height:18px;border-radius:9px;background:#57ba47}.p8-chips{display:flex;gap:6px}.p8-chips span{width:44px;height:16px;border-radius:8px;border:1px solid #4a6884}
.p8-publish-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}.p8-week{margin:0;border:1px solid #2f4a63;border-radius:22px;padding:24px;background:#0d1a29;min-width:0}.p8-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.p8-days li{min-height:120px;border:1px solid #253c52;border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;gap:8px;background:#112237}.p8-days span{font-size:11px;color:#8fa8bf}.p8-dot{display:block;width:100%;height:22px;border-radius:6px}.p8-fb{background:#2d6cdf}.p8-ig{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.p8-week figcaption{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:16px;font-size:12px;color:#a9bed1}.p8-week figcaption>span{display:inline-flex;align-items:center;gap:8px}.p8-week figcaption .p8-dot{width:14px;height:14px;border-radius:4px}.p8-week .p8-illustration{flex-basis:100%;margin:0}.p8-points{list-style:none;margin:0;padding:0;display:grid;gap:22px}.p8-points h3{margin:0 0 6px}.p8-points p{margin:0;font-size:14px;line-height:1.75;color:#aebfd1}
.p8-beta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;border:1px solid #3a5a4a;border-radius:24px;padding:38px;background:radial-gradient(ellipse at 100% 0,#57ba4722 0,transparent 55%),#11233a}.p8-reqs{list-style:none;margin:0;padding:22px;border:1px solid #2c4559;border-radius:16px;background:#0d1a29;display:grid;gap:12px}.p8-reqs li{font-size:13px;line-height:1.7;color:#b4c6d7;padding-left:16px;position:relative}.p8-reqs li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#8fdc84}
.p8-return{display:flex;justify-content:space-between;gap:20px;margin-top:42px;font-size:13px;color:#9bb4c9}.p8-return a{color:#a6e59c;font-weight:700}
@media(max-width:960px){.p8-hero{grid-template-columns:1fr;padding:36px 30px}.p8-proof{max-width:560px}.p8-batch,.p8-publish-grid,.p8-beta{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.p8-hero{padding:28px 22px;gap:30px}.p8-lead{font-size:16px}.p8-paths{grid-template-columns:1fr}.p8-path{padding:24px 20px}.p8-section{margin-top:56px}.p8-anatomy,.p8-week{padding:18px}.p8-roles{gap:6px}.p8-role{font-size:10px}.p8-fields dl>div{grid-template-columns:92px minmax(0,1fr)}.p8-days{gap:4px}.p8-days li{min-height:96px;padding:8px 4px}.p8-days span{font-size:10px}.p8-dot{height:16px}.p8-beta{padding:26px 20px}.p8-actions>*{flex:1 1 auto;justify-content:space-between}.p8-return{flex-direction:column}}
@media(max-width:380px){.p8-hero{padding:24px 16px}.p8-hero h1{font-size:34px}.p8-product{font-size:18px}.p8-frame-after{transform:translateY(-12px)}}


/* myPhotoBooth public product landing — private app is a separate Access-protected hostname. */
.pb-page{--pb-pink:#f3bcad;--pb-violet:#bcb1e8;color:#eef0ff}
.pb-hero{margin:12px 0 0;padding:60px 52px 62px;min-height:600px;display:grid;grid-template-columns:1.06fr .94fr;gap:32px;align-items:center;position:relative;overflow:hidden;border-radius:26px;border:1px solid #58425e;background:radial-gradient(ellipse at 82% 33%,#59405f 0,transparent 46%),linear-gradient(130deg,#251d37,#151d35 80%);}
.pb-copy{position:relative;z-index:2}.pb-product{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:17px 0 26px;font-weight:800;font-size:22px;letter-spacing:-.03em}.pb-mark{border:1px solid #f3bbae80;background:#67475b;color:#ffe2cb;display:grid;place-items:center;width:41px;height:41px;border-radius:13px;font-size:30px}.pb-beta{font-size:11px;letter-spacing:normal;border:1px solid #9b7899;border-radius:20px;color:#f3c4cc;padding:7px 10px}.pb-hero h1{font-family:Georgia,serif;font-size:clamp(48px,5vw,72px);font-weight:normal;line-height:1.1;letter-spacing:-.045em;margin:0 0 22px}.pb-hero h1 span{color:var(--pb-pink)}.pb-lead{font-size:17px;line-height:1.72;color:#c8bfd9;margin:0;max-width:520px}.pb-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:29px 0 20px}.pb-page .primary-action{background:var(--pb-pink);color:#302536}.pb-page .primary-action:hover{background:#ffe0cf}.pb-access-note{color:#d3c4d7;line-height:1.6;font-size:13px;max-width:510px}.pb-access-note span{color:var(--pb-pink)}.pb-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.pb-tags span{border:1px solid #806b89;background:#251f37ab;border-radius:20px;padding:8px 11px;color:#dccbd9;font-size:12px}
.pb-scene{position:relative;min-width:0;min-height:460px}.pb-device{position:absolute;inset:10% 18% 16% 0;border-radius:23px;padding:12px;background:#241c30;border:10px solid #66516b;box-shadow:12px 20px 46px #08051394;transform:rotate(-4deg);display:flex;flex-direction:column}.pb-device-top{font-size:11px;color:#ffe3d9;display:flex;justify-content:space-between;gap:7px;padding-bottom:12px;font-weight:700}.pb-device-top span:last-child{font-size:9px;letter-spacing:.06em;color:#d5b5c6}.pb-device-photo{position:relative;overflow:hidden;flex:1;background:linear-gradient(135deg,#c19caa,#786a9b 60%,#48406c)}.pb-figure{position:absolute;bottom:-22%;background:#635677;width:41%;height:65%;border-radius:50% 50% 10% 10%}.pb-figure:before{content:"";position:absolute;top:-29%;left:22%;width:59%;height:53%;border-radius:50%;background:#d6adb2}.pb-figure-a{left:10%;transform:rotate(-8deg)}.pb-figure-b{right:10%;transform:rotate(10deg)}.pb-camera-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:6px solid #ffe5dc;box-shadow:0 0 0 12px #ffe5dc45;border-radius:100%;width:140px;height:140px;display:grid;place-items:center;background:#241b3a99;color:white;font-size:100px;font-weight:800}.pb-device-bottom{padding-top:10px;text-align:center;color:#eec3c9;font:italic 14px Georgia,serif}.pb-filmstrip{position:absolute;width:24%;height:67%;top:16%;right:2%;display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff4e5;border:3px solid #fff9e9;box-shadow:7px 13px 26px #09061cad}.pb-filmstrip-one{transform:rotate(11deg);right:14%;top:19%}.pb-filmstrip-two{transform:rotate(18deg);right:3%;top:15%;background:#f6dfe4}.pb-filmstrip i{display:block;min-height:0;flex:1;background:linear-gradient(35deg,#5f577f,#c79dad);border:1px solid #a48da5}.pb-filmstrip i:nth-of-type(2n){background:linear-gradient(80deg,#d3abb1,#836887)}.pb-filmstrip-head,.pb-filmstrip-foot{color:#866575;font:bold 8px Arial,sans-serif;text-align:center;white-space:nowrap}.pb-filmstrip-foot{font:italic 8px Georgia,serif}.pb-spark{position:absolute;color:#fbd3c9;font-size:37px}.pb-spark-one{right:9%;top:0}.pb-spark-two{left:7%;bottom:0}.pb-scene-label{position:absolute;bottom:0;right:0;color:#e3cbd6;font-size:10px;letter-spacing:.03em;opacity:.8}
.pb-section{padding:83px 12px 20px}.pb-section-heading{text-align:center;max-width:780px;margin:0 auto 35px}.pb-section h2{font-size:clamp(32px,3.6vw,49px);letter-spacing:-.05em;margin:12px 0 17px;line-height:1.15}.pb-section p{color:#aebbd2;line-height:1.7}.pb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pb-steps article,.pb-feature-stack article,.pb-note-grid article{border-radius:17px;border:1px solid #33445d;background:#111f32;padding:23px}.pb-steps article>span{color:var(--pb-pink);font-size:30px;font-weight:800;letter-spacing:-.08em}.pb-steps h3{margin:20px 0 10px;font-size:18px}.pb-steps p,.pb-note-grid p{font-size:14px;margin:0}.pb-two-column{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:95px 16px 35px}.pb-two-column>div:first-child p:not(.section-kicker){max-width:540px}.pb-feature-stack{display:grid;gap:13px}.pb-feature-stack article{display:flex;gap:17px;align-items:start}.pb-feature-stack article>span{width:52px;height:52px;flex:none;border-radius:12px;background:#443149;color:var(--pb-pink);display:grid;place-items:center;font-size:26px}.pb-feature-stack h3{font-size:18px;margin:2px 0 9px}.pb-feature-stack p{margin:0;font-size:14px}.pb-beta-section{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;border-radius:24px;border:1px solid #544662;padding:44px;margin-top:82px;background:linear-gradient(120deg,#30253e,#17243a)}.pb-beta-section h2{max-width:620px}.pb-access-steps{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;gap:14px}.pb-access-steps li{position:relative;counter-increment:step;padding:15px 17px 15px 59px;background:#211f35;border:1px solid #584861;border-radius:13px}.pb-access-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:15px;top:15px;color:var(--pb-pink);font-weight:800}.pb-access-steps strong,.pb-access-steps span{display:block}.pb-access-steps strong{font-size:14px}.pb-access-steps span{font-size:13px;color:#b5aac4;margin-top:6px;line-height:1.5}.pb-notes{padding-bottom:40px}.pb-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pb-note-grid h3{margin:0 0 12px;font-size:18px}.pb-return{border-top:1px solid #2c3e56;display:flex;justify-content:space-between;gap:16px;padding:24px 8px;color:#a5b5cd;font-size:13px}.pb-return a{color:#eac1c5}.pb-return a:hover{text-decoration:underline}
@media(max-width:1000px){.pb-hero{padding:42px 30px;grid-template-columns:1fr}.pb-scene{max-width:580px;min-height:430px;width:100%;margin:0 auto}.pb-two-column,.pb-beta-section{grid-template-columns:1fr;gap:20px}.pb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-note-grid{grid-template-columns:1fr}.pb-section{padding-top:60px}}
@media(max-width:620px){.pb-hero{padding:37px 20px}.pb-hero h1{font-size:49px}.pb-lead{font-size:15px}.pb-product{font-size:19px}.pb-actions a{width:100%;justify-content:center}.pb-scene{min-height:300px}.pb-camera-count{width:90px;height:90px;font-size:60px}.pb-device{border-width:6px}.pb-device-top{font-size:9px}.pb-device-top span:last-child{font-size:7px}.pb-scene-label{font-size:9px}.pb-steps{grid-template-columns:1fr}.pb-section{padding-left:3px;padding-right:3px}.pb-beta-section{padding:25px 17px}.pb-return{flex-wrap:wrap}}

/* BriteSide Music Universe — a self-contained landing feature, not a protected embed. */
.music-feature{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:clamp(22px,5vw,70px);align-items:center;margin:36px 0 70px;
  padding:clamp(26px,5vw,58px);border-radius:26px;
  border:1px solid #b48b684e;
  background:radial-gradient(ellipse at 80% 25%,#3b25525e,transparent 54%),linear-gradient(115deg,#141e34,#0c162a 68%,#131c35);
  box-shadow:0 24px 64px #02081260;
}
.music-feature-copy{min-width:0;}
.music-feature-copy .section-kicker{color:#f6bd80;}
.music-feature h2{font-family:Georgia,serif;font-size:clamp(36px,4.1vw,58px);line-height:1.08;letter-spacing:-.035em;color:#f5efe9;margin:12px 0 22px;}
.music-feature h2 span{color:#eab777;}
.music-feature-lead{font-size:clamp(16px,1.55vw,19px);line-height:1.72;max-width:610px;color:#e0dfeb;}
.music-feature-note{font-size:13px;line-height:1.65;color:#b2c1d5;max-width:600px;margin:0 0 21px;}
.music-feature-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;}
.music-feature-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;font-size:13px;font-weight:750;border-radius:999px;padding:12px 21px;}
.music-feature-primary{background:linear-gradient(110deg,#e7a85d,#ffdda3);color:#172036;}
.music-feature-secondary{border:1px solid #f2c9958f;color:#f9e4c9;}
.music-feature-links a:hover{filter:brightness(1.1);}
.music-feature-links a:focus-visible,.music-feature-art:focus-visible{outline:3px solid #8ceae4;outline-offset:4px;}
.music-feature-art{position:relative;display:grid;place-items:center;min-height:320px;aspect-ratio:1/1;overflow:hidden;border-radius:17px;
  border:1px solid #e4b27d79;background:radial-gradient(circle at 53% 51%,#74406d91 0,#273e7d9c 25%,#121b33 57%,#070e19 90%);
  box-shadow:0 20px 55px #02040c77;text-align:center;color:#fcf0e1;}
.music-feature-orbit{position:absolute;pointer-events:none;border:1px solid #ffd09c8c;border-radius:50%;width:100%;height:38%;transform:rotate(-21deg);box-shadow:0 0 22px #da8c8360;}
.music-orbit-two{width:70%;height:55%;transform:rotate(37deg);border-color:#5cbbf49e;}
.music-feature-spark{font-size:clamp(42px,6vw,76px);line-height:1;color:#ffd6a5;text-shadow:0 0 24px #f3a56c;margin-top:-40px;}
.music-feature-art-type{position:absolute;top:49%;left:12px;right:12px;text-shadow:0 2px 12px #020814;}
.music-feature-art-type b{display:block;font-family:Georgia,serif;font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:.07em;}
.music-feature-art-type small{display:block;font-size:10px;letter-spacing:.36em;color:#e4c4a3;margin-top:8px;}
.music-feature-art-bottom{position:absolute;bottom:21px;left:0;right:0;padding:0 12px;font-size:12px;color:#dbcfce;}
html{scroll-padding-top:85px}
@media(max-width:850px){.music-feature{grid-template-columns:1fr;padding:32px;gap:26px}.music-feature-art{width:min(100%,390px);margin-inline:auto;min-height:300px}}
@media(max-width:520px){.music-feature{padding:23px 18px;border-radius:17px;margin:25px 0 60px}.music-feature h2{font-size:37px}.music-feature-art{min-height:255px}.music-feature-links a{width:100%}}