@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171719;--muted:#6e6c72;--paper:#f4f1ea;--line:#d9d4ca;--acid:#d8ff45;--violet:#5f36d6;--teal:#0fa3a3;--coral:#ff6b57;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--acid);border-radius:9px;font-size:12px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{font-size:14px;color:inherit;text-decoration:none}.nav-cta{padding:12px 18px;border:1px solid var(--ink);border-radius:99px}.hero{display:grid;grid-template-columns:1.23fr .77fr;gap:70px;align-items:center;min-height:650px;padding-top:66px;padding-bottom:78px}.hero-showcase{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw;align-items:center;min-height:calc(100vh - 84px);padding-top:54px;padding-bottom:64px;overflow:hidden}.showcase-copy{position:relative;z-index:4;max-width:610px}.hero-showcase h1{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:22px 0 26px}.hero-benefits{display:grid;gap:13px;padding:0;margin:0;list-style:none;color:#48464b;font-size:17px;line-height:1.45}.hero-benefits li{position:relative;padding-left:28px}.hero-benefits li:before{content:'✓';position:absolute;left:0;top:1px;color:var(--violet);font-weight:800}.showcase-deck{position:relative;min-height:min(65vh,610px)}.showcase-card{position:absolute;inset:0 0 auto auto;width:min(56vw,720px);height:min(61vh,560px);border-radius:28px;background:#f7f7f8;box-shadow:0 34px 90px rgba(23,23,25,.3);overflow:hidden;animation:showcase 12s infinite both}.showcase-card:nth-child(2){animation-delay:4s}.showcase-card:nth-child(3){animation-delay:8s}.showcase-bar{height:42px;background:#222027;display:flex;align-items:center;gap:8px;padding:0 16px}.showcase-bar i{width:10px;height:10px;border-radius:50%;background:var(--coral)}.showcase-bar i:nth-child(2){background:#ffd166}.showcase-bar i:nth-child(3){background:#6ee7b7}.showcase-bar b{margin-left:10px;color:#b8b4bc;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.showcase-card iframe{width:1440px;height:980px;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.showcase-tag{position:absolute;right:22px;bottom:22px;border-radius:18px;padding:16px 18px;color:var(--ink);font-weight:800;font-size:26px}.showcase-card.volta .showcase-tag{background:var(--teal);color:white}.showcase-card.linen .showcase-tag{background:var(--acid)}.showcase-card.berry .showcase-tag{background:var(--coral);color:white}.showcase-rail{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;z-index:5}.showcase-rail span{height:4px;flex:1;background:#d8d2c7;border-radius:8px;overflow:hidden}.showcase-rail span:before{content:'';display:block;width:100%;height:100%;background:var(--violet);transform-origin:left;animation:bar 12s infinite linear}.showcase-rail span:nth-child(2):before{animation-delay:4s}.showcase-rail span:nth-child(3):before{animation-delay:8s}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.eyebrow span{width:24px;height:2px;background:var(--violet)}h1{font-size:clamp(52px,6.4vw,90px);line-height:.97;letter-spacing:-.065em;margin:24px 0 30px;max-width:900px}h2{font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px}.lead{font-size:19px;line-height:1.6;max-width:760px;color:#48464b}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:17px 25px;border-radius:99px;text-decoration:none;font:700 15px Manrope;cursor:pointer}.primary{background:var(--ink);color:white}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.text-link{font-weight:700;color:inherit;text-decoration:none}.text-link span{color:var(--violet)}.micro{font-size:12px;color:var(--muted);margin-top:20px}.risk-card{background:var(--ink);color:white;border-radius:28px;padding:28px;box-shadow:16px 16px 0 var(--acid);transform:rotate(1.2deg)}.risk-head{display:flex;justify-content:space-between;color:#a9a5ae;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.live{color:var(--acid)}.channel{display:flex;justify-content:space-between;align-items:center;padding:26px 0 12px}.channel div{display:flex;flex-direction:column}.channel b{font-size:18px}.channel small{color:#99949f;margin-top:5px}.channel strong{font-size:24px}.risk-line{height:7px;border-radius:7px;background:#38363d;overflow:hidden}.risk-line span{display:block;background:linear-gradient(90deg,#7c45ff,#ff4f86);height:100%}.switch{display:flex;align-items:center;gap:12px;padding:25px 0 0}.switch>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acid);color:var(--ink);font-size:20px}.switch div{display:flex;flex-direction:column}.switch small{color:#99949f;margin-top:3px}.own{margin-top:10px;background:#29272d;border-radius:14px;padding:18px}.own strong{color:var(--acid)}.risk-foot{border-top:1px solid #403d44;margin-top:22px;padding-top:20px;font-size:13px;line-height:1.6;color:#b8b4bc}.ticker{overflow:hidden;background:var(--violet);color:white;padding:14px 0;transform:rotate(-1deg);width:102%;margin-left:-1%}.ticker div{display:flex;justify-content:center;gap:28px;white-space:nowrap;font-weight:700;font-size:13px}.ticker i{color:var(--acid);font-style:normal}.section{padding-top:120px;padding-bottom:120px}.section-heading{max-width:880px;margin-bottom:52px}.section-heading>p:last-child{font-size:18px;line-height:1.6;color:var(--muted);max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{position:relative;min-height:350px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:34px}.feature.dark{background:var(--ink);color:white}.feature.accent{background:var(--acid)}.feature .num{font-size:12px;color:var(--muted)}.feature .icon{position:absolute;right:30px;top:28px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--paper);font-size:24px}.feature.dark .icon{background:#333136;color:var(--acid)}.feature h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:68px 0 15px;max-width:370px}.feature p{color:var(--muted);line-height:1.6;max-width:530px}.feature.dark p{color:#b6b1bb}.feature ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:25px 0 0;list-style:none}.feature li{font-size:12px;border:1px solid var(--line);padding:8px 11px;border-radius:99px}.feature.dark li{border-color:#49464d}.feature.accent li{border-color:#a8c42e}.quote-band{background:var(--ink);color:white;padding:100px 0}.quote-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.quote-grid>p{font-size:28px;color:var(--acid);font-weight:700;transform:rotate(-4deg)}.quote-grid span{text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:#938e99}.quote-grid h2{font-size:clamp(38px,4.7vw,63px);margin-bottom:18px}.quote-grid div p{font-size:17px;line-height:1.65;color:#c9c4cf;max-width:790px;margin:0}.compact{margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:26px 25px 0 0;border-right:1px solid var(--line);min-height:240px}.steps article:not(:first-child){padding-left:25px}.steps article:last-child{border-right:0}.steps b{font-size:13px;color:var(--violet)}.steps h3{font-size:20px;line-height:1.3;margin:40px 0 12px}.steps p{font-size:14px;color:var(--muted);line-height:1.6}.brief-section{background:var(--violet);color:white;padding:110px 0}.brief-grid{display:grid;grid-template-columns:1fr .78fr;gap:90px;align-items:start}.eyebrow.light span{background:var(--acid)}.brief-grid h2{font-size:clamp(42px,5vw,68px)}.brief-grid>div>p{font-size:17px;line-height:1.6;color:#d2c7ee;max-width:650px}.promise{margin-top:35px;display:grid;gap:9px}.promise b{margin-bottom:7px}.promise span:before{content:'✓';color:var(--acid);margin-right:10px}form{background:white;color:var(--ink);padding:32px;border-radius:var(--radius);display:grid;gap:18px}label{font-size:12px;font-weight:700;display:grid;gap:8px}input,select,textarea{width:100%;border:1px solid #d9d7dd;background:#f7f6f8;border-radius:10px;padding:14px 15px;font:14px Manrope;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #5f36d61a}.form-button{width:100%;justify-content:space-between;border-radius:12px;background:var(--acid);color:var(--ink)}.form-button:disabled{opacity:.6;cursor:wait}.form-note{font-size:10px!important;color:#8b8990!important;margin:0;line-height:1.5}.form-note a{color:var(--violet);font-weight:800}.form-status{font-size:13px!important;margin:0;color:#1b7b4b!important;min-height:18px}footer{min-height:120px;display:flex;align-items:center;gap:24px;font-size:13px}footer p{margin-left:auto;color:var(--muted);max-width:480px}footer>a{color:inherit}@keyframes showcase{0%{opacity:0;transform:translateX(160px) scale(.9) rotate(4deg)}6%,28%{opacity:1;transform:translateX(0) scale(1) rotate(0)}34%,100%{opacity:0;transform:translateX(-130px) scale(.92) rotate(-3deg)}}@keyframes bar{0%,33.2%{transform:scaleX(0)}33.3%,66.5%{transform:scaleX(1)}66.6%,100%{transform:scaleX(0)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:45px}.hero-showcase{grid-template-columns:1fr;gap:42px;min-height:auto;padding-top:52px}.showcase-deck{min-height:48vh}.showcase-card{width:100%;height:45vh}.showcase-card iframe{transform:scale(.37)}.risk-card{max-width:560px}.brief-grid,.quote-grid{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:repeat(2,1fr)}.steps article:nth-child(2){border-right:0}.feature-grid{grid-template-columns:1fr}.nav nav>a:not(.nav-cta){display:none}}@media(max-width:600px){.wrap{width:min(100% - 30px,1180px)}.nav{height:70px}.brand span:last-child{display:none}.nav-cta{padding:10px 14px!important}.hero{min-height:auto;padding-top:54px}.hero h1{font-size:44px}.hero-showcase{padding-top:42px;padding-bottom:44px}.hero-showcase h1{font-size:38px}.hero-benefits{font-size:15px}.showcase-deck{min-height:350px}.showcase-card{height:320px;border-radius:20px}.showcase-card iframe{width:1180px;transform:scale(.27)}.showcase-tag{right:14px;bottom:14px;border-radius:14px;padding:12px 14px;font-size:19px}.showcase-rail{bottom:-18px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.risk-card{box-shadow:8px 8px 0 var(--acid);padding:21px}.ticker div{justify-content:flex-start}.section{padding-top:80px;padding-bottom:80px}.feature{padding:25px;min-height:330px}.steps{grid-template-columns:1fr}.steps article,.steps article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:25px 0;min-height:auto}.steps h3{margin:22px 0 10px}.brief-section{padding:75px 0}.brief-grid{gap:35px}form{padding:22px}footer{flex-wrap:wrap;padding:35px 0;align-items:flex-start}footer p{margin-left:0;width:100%;order:3;max-width:none}}
/* Pricing cards, polished controls, and responsive layout additions. */
.pricing-section{padding-top:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:570px}.price-card-featured{background:var(--ink);color:white;border-color:var(--ink);box-shadow:12px 12px 0 var(--acid);transform:translateY(-8px)}.price-card-head{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.11em}.price-index{color:var(--violet)}.price-card-featured .price-index{color:var(--acid)}.price-card h3{font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:48px 0 14px}.price-description{font-size:14px;line-height:1.55;color:var(--muted);min-height:66px;margin:0}.price-card-featured .price-description{color:#b6b1bb}.price{font-size:36px;font-weight:800;letter-spacing:-.06em;margin:22px 0 25px}.price small{font-size:19px;letter-spacing:-.02em}.price-list,.price-options{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px}.price-list li{font-size:13px;line-height:1.4;padding-left:21px;position:relative}.price-list li:before{content:'✓';position:absolute;left:0;color:var(--violet);font-weight:800}.price-card-featured .price-list li:before{color:var(--acid)}.options-title{text-transform:uppercase;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.12em;margin:0 0 12px}.price-options{gap:0;margin-bottom:16px}.price-options li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #403d44;padding:10px 0;font-size:12px;color:#d4d0d8}.price-options li:first-child{border-top:1px solid #403d44}.price-options b{color:var(--acid);white-space:nowrap}.price-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #403d44;padding-top:14px;margin-top:auto;margin-bottom:20px}.price-total span{font-size:12px;color:#b6b1bb}.price-total strong{font-size:22px;color:var(--acid);letter-spacing:-.04em}.price-button{width:100%;justify-content:space-between;margin-top:auto;border-radius:12px;padding:15px 18px}.price-card-featured .price-button{margin-top:0}.price-button.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.price-button.secondary:hover{border-color:var(--ink)}.price-button span{font-size:20px;line-height:0}.select-wrap{position:relative;display:block}.select-wrap:after{content:'⌄';position:absolute;right:16px;top:50%;transform:translateY(-55%);color:var(--violet);font-size:22px;line-height:1;pointer-events:none}.select-wrap select{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr 1fr}.price-card-featured{transform:none}.pricing-grid .price-card:last-child{grid-column:1/-1}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.pricing-grid .price-card:last-child{grid-column:auto}.price-card{min-height:auto;padding:25px}.price-card h3{margin-top:35px}.price-description{min-height:auto}.price-card-featured{box-shadow:8px 8px 0 var(--acid)}}
.risk-card,.ticker,.quote-grid>p,.price-card-featured{transform:none}
.ticker{width:100%;margin-left:0}
.pricing-contact{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.pricing-contact p{margin:0;color:var(--muted);font-size:14px}
.pricing-contact .button{padding:14px 20px}
.feedback-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}
.feedback-modal.is-open{display:flex}
.feedback-backdrop{position:absolute;inset:0;background:rgba(23,23,25,.72);backdrop-filter:blur(4px)}
.feedback-dialog{position:relative;z-index:1;width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:auto;display:grid;grid-template-columns:1fr .78fr;gap:56px;background:var(--violet);color:white;border-radius:var(--radius);padding:56px;box-shadow:12px 12px 0 var(--acid)}
.feedback-copy h2{font-size:clamp(36px,4.2vw,58px);margin:18px 0 20px}
.feedback-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#d2c7ee;max-width:560px}
.feedback-dialog form{align-self:start}
.feedback-close{position:absolute;right:20px;top:16px;border:0;background:transparent;color:white;font:400 34px/1 Arial;cursor:pointer;padding:4px 8px}
.feedback-close:hover{color:var(--acid)}
body.modal-open{overflow:hidden}
@media(max-width:900px){.feedback-dialog{grid-template-columns:1fr;gap:32px;padding:44px 34px}.feedback-copy h2{max-width:700px}}
@media(max-width:600px){.pricing-contact{align-items:flex-start;flex-direction:column;margin-top:32px}.feedback-modal{padding:12px}.feedback-dialog{max-height:calc(100vh - 24px);padding:40px 22px 22px;gap:24px;box-shadow:6px 6px 0 var(--acid)}.feedback-copy h2{font-size:36px}.feedback-copy>p:not(.eyebrow){font-size:14px}.feedback-dialog form{padding:22px}}
.examples-section{padding-bottom:100px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example-card{display:grid;grid-template-rows:auto 1fr;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:610px}.preview-frame{display:block;position:relative;height:330px;background:#111115;text-decoration:none;color:inherit;overflow:hidden}.browser-bar{position:absolute;z-index:2;left:0;right:0;top:0;height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#222027;color:#a9a5ae;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b57}.browser-bar i:nth-child(2){background:#ffd166}.browser-bar i:nth-child(3){background:#6ee7b7}.browser-bar b{margin-left:8px;font-weight:800}.preview-frame iframe{position:absolute;left:50%;top:34px;width:1440px;height:980px;border:0;background:white;transform:translateX(-50%) scale(.29);transform-origin:top center;pointer-events:none}.example-copy{padding:28px;display:flex;flex-direction:column}.example-copy>span{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.example-copy h3{font-size:31px;line-height:1.05;letter-spacing:-.045em;margin:18px 0 12px}.example-copy p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 24px}.example-link{margin-top:auto;color:var(--ink);font-weight:800;text-decoration:none}.example-link span{color:var(--violet)}.example-card.volta{box-shadow:0 8px 0 var(--teal)}.example-card.linen{box-shadow:0 8px 0 var(--acid)}.example-card.berry{box-shadow:0 8px 0 var(--coral)}.promo-strip{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:white;border-radius:var(--radius);padding:26px 30px}.promo-strip div{display:grid;gap:6px}.promo-strip span{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--acid)}.promo-strip b{font-size:22px;letter-spacing:-.03em}.legal-section{padding-top:0}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.legal-card{display:block;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;color:inherit;text-decoration:none;min-height:220px}.legal-card span{font-size:12px;font-weight:800;color:var(--violet)}.legal-card h3{font-size:24px;line-height:1.15;letter-spacing:-.04em;margin:40px 0 12px}.legal-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.requisites-card{background:var(--acid)}.requisites-card p,.requisites-card a{color:#333136}.requisites-card a{font-weight:800}
.doc-page{padding-top:70px;padding-bottom:90px;max-width:860px}.doc-page h1{font-size:clamp(42px,6vw,72px);max-width:760px}.doc-page .lead{margin-bottom:52px}.doc-page section{padding:28px 0;border-top:1px solid var(--line)}.doc-page h2{font-size:26px;line-height:1.18;letter-spacing:-.035em;margin:0 0 12px}.doc-page p{font-size:16px;line-height:1.7;color:#55525a;margin:0}.doc-page a{color:var(--violet);font-weight:800}.doc-date{border-top:1px solid var(--line);padding-top:24px;font-size:13px!important;color:var(--muted)!important}
@media(max-width:1100px){.examples-grid{grid-template-columns:1fr 1fr}.example-card.berry{grid-column:1/-1}.preview-frame iframe{transform:translateX(-50%) scale(.32)}}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr}.promo-strip{align-items:flex-start;flex-direction:column}.examples-grid{grid-template-columns:1fr}.example-card.berry{grid-column:auto}.preview-frame{height:360px}.preview-frame iframe{transform:translateX(-50%) scale(.34)}}
@media(max-width:600px){.examples-section{padding-bottom:75px}.example-card{min-height:auto}.preview-frame{height:300px}.preview-frame iframe{width:1180px;transform:translateX(-50%) scale(.28)}.example-copy{padding:24px}.promo-strip{padding:24px}.promo-strip b{font-size:19px}.legal-section{padding-top:0}.legal-card{min-height:auto;padding:24px}.legal-card h3{margin-top:28px}}
@media(max-width:600px){.doc-page{padding-top:48px}.doc-page h1{font-size:42px}.doc-page .lead{font-size:16px;margin-bottom:34px}.doc-page h2{font-size:22px}.doc-page p{font-size:14px}}

/* Dark showcase hero */
.nav.wrap{width:100%;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:white;border-bottom-color:#2c2930}
.nav .brand-mark{background:var(--acid);color:var(--ink)}
.nav-cta{border-color:var(--acid);color:var(--acid)}
.hero-showcase.wrap{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,590px) minmax(360px,560px);justify-content:space-between;gap:clamp(28px,4vw,70px);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 78% 16%,#37313f 0,#171719 34%,#101013 100%);color:white}
.showcase-copy{max-width:590px;color:white;text-shadow:0 3px 18px rgba(0,0,0,.48)}
.showcase-copy .eyebrow{color:var(--acid)}
.showcase-copy .eyebrow span{background:var(--acid)}
.hero-showcase h1{text-shadow:0 5px 26px rgba(0,0,0,.56)}
.hero-benefits{color:#ddd7e6;text-shadow:0 2px 15px rgba(0,0,0,.46)}
.hero-benefits li:before{color:var(--acid);text-shadow:none}
.hero-showcase .primary{background:var(--acid);color:var(--ink);text-shadow:none}
.hero-showcase .text-link{color:white}
.hero-showcase .text-link span{color:var(--acid)}
.showcase-deck{min-width:0;min-height:min(58vh,540px)}
.showcase-card{width:min(100%,610px);height:min(54vh,500px);box-shadow:0 34px 90px rgba(0,0,0,.42)}
.showcase-card iframe{transform:scale(.39)}
.showcase-hit{position:absolute;inset:0;z-index:6;border-radius:inherit;cursor:pointer}
.showcase-card:focus-within{outline:3px solid var(--acid);outline-offset:6px}
.showcase-rail{bottom:-18px}
.showcase-rail span{background:#39363f}
.showcase-rail span:before{background:var(--acid);animation:showcaseRail 12s infinite linear both}
@keyframes showcaseRail{0%{opacity:1;transform:scaleX(0)}27.99%{opacity:1;transform:scaleX(1)}33.32%{opacity:1;transform:scaleX(1)}33.33%,100%{opacity:0;transform:scaleX(0)}}
@media(max-width:900px){.nav.wrap{padding-left:5vw;padding-right:5vw}.hero-showcase.wrap{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}.showcase-deck{min-height:48vh}.showcase-card{width:100%;height:45vh}.showcase-card iframe{transform:scale(.34)}}
@media(max-width:600px){.nav.wrap{padding-left:15px;padding-right:15px}.hero-showcase.wrap{padding-left:15px;padding-right:15px}.showcase-card iframe{width:1180px;transform:scale(.27)}}

/* Mobile stability: demo sites stay clickable without embedding six heavy iframes. */
.nowrap{white-space:nowrap}
.showcase-poster,.preview-poster{display:none}
.hero-showcase h1{font-size:clamp(34px,4.35vw,60px);line-height:1.05;letter-spacing:-.045em;max-width:760px}
.showcase-card iframe,.preview-frame iframe{background:white}
@media(max-width:900px){
  .showcase-card iframe,.preview-frame iframe{display:none}
  .showcase-poster{display:flex;position:absolute;inset:42px 0 0;flex-direction:column;justify-content:center;padding:32px;background:linear-gradient(135deg,#101013,#242128);color:white}
  .showcase-poster:after{content:'';position:absolute;left:32px;right:32px;bottom:30px;height:54px;border-radius:14px;background:repeating-linear-gradient(90deg,#f5f5f5 0 72px,#1a1a1d 72px 82px);opacity:.85}
  .showcase-poster strong{position:relative;z-index:1;font-size:clamp(32px,9vw,66px);line-height:.94;letter-spacing:-.055em;max-width:620px}
  .showcase-poster span{position:relative;z-index:1;margin-top:18px;color:#d8ff45;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
  .preview-poster{position:absolute;inset:34px 0 0;display:flex;flex-direction:column;justify-content:center;padding:26px;background:linear-gradient(135deg,#101013,#27242d);color:white}
  .preview-poster:after{content:'';height:64px;margin-top:26px;border-radius:14px;background:repeating-linear-gradient(90deg,#f6f4ef 0 76px,#141418 76px 88px);opacity:.9}
  .preview-poster strong{font-size:clamp(34px,9vw,64px);line-height:.95;letter-spacing:-.055em}
  .preview-poster em{margin-top:12px;color:#d8ff45;font-style:normal;font-weight:800;font-size:13px}
}
@media(max-width:600px){
  .hero-showcase h1{font-size:34px;line-height:1.08;letter-spacing:-.035em}
  .showcase-deck{min-height:260px;overflow:hidden}
  .showcase-card{left:0;right:0;width:100%;height:232px;border-radius:18px}
  .showcase-bar{height:38px;padding:0 14px}
  .showcase-poster{inset:38px 0 0;justify-content:flex-start;padding:22px 20px}
  .showcase-poster strong{font-size:clamp(28px,10vw,42px);line-height:1;max-width:100%}
  .showcase-poster span{margin-top:12px;font-size:10px}
  .showcase-poster:after{left:20px;right:20px;bottom:20px;height:34px;border-radius:11px;background:repeating-linear-gradient(90deg,#f5f5f5 0 52px,#1a1a1d 52px 62px)}
  .showcase-tag{display:none}
  .showcase-rail{bottom:0}
  .preview-frame{height:245px}
}