.oplyra-demo{--demo-ink:#19283c;--demo-ink-2:#304155;--demo-muted:#617083;--demo-paper:#fffcf8;--demo-warm:#faf5ef;--demo-line:#e6d9cc;--demo-clay:oklch(42% .062 160);--demo-clay-soft:#fbebe1;color:var(--demo-ink);background:radial-gradient(37rem 29rem at 92% 12%,#c48f6f33,#0000 85%),radial-gradient(29rem 20rem at 15% 59%,#e2c8b329,#0000 85%),linear-gradient(155deg,#fffdf9 0%,#fcf8f3 52%,#fffaf5 100%);min-height:100vh;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}.oplyra-demo *,.oplyra-demo :before,.oplyra-demo :after{box-sizing:border-box}.oplyra-demo a{text-decoration:none}.oplyra-demo a:focus-visible{outline:3px solid var(--demo-clay);outline-offset:5px}.demo-skip{z-index:50;color:#fff;background:var(--demo-ink);border-radius:9px;padding:12px 16px;position:absolute;top:-100px;left:16px}.demo-skip:focus{top:12px}.demo-page-shell{width:min(100% - 72px,1392px);margin-inline:auto}.demo-site-header{justify-content:space-between;align-items:center;gap:20px;padding-block:31px 5px;display:flex}.demo-site-logo,.demo-footer-brand{letter-spacing:-.065em;color:var(--demo-ink);font-size:27px;font-weight:850;line-height:1}.demo-site-logo span,.demo-footer-brand span{color:var(--demo-clay)}.demo-environment-badge{letter-spacing:.025em;white-space:nowrap;background:#ffffffc7;border:1px solid #e2d3c7;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 3px 14px #1b283c06}.demo-environment-dot{background:var(--demo-clay);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ad65471c}.demo-hero{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);align-items:center;gap:clamp(32px,4.5vw,83px);min-height:630px;padding:clamp(42px,5.3vw,86px) 0 63px;display:grid}.demo-hero-copy{z-index:2;min-width:0;position:relative}.demo-eyebrow{color:var(--demo-clay);text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:800;line-height:1.6}.demo-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:740px;margin:23px 0 0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:clamp(46px,4.75vw,75px);font-weight:650;line-height:1.055}.demo-hero h1 em{font-weight:inherit;color:var(--demo-clay);font-style:normal}.demo-hero-description{letter-spacing:-.013em;color:#546477;max-width:580px;margin-top:25px;font-size:clamp(16px,1.25vw,19px);line-height:1.7}.demo-hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.demo-button{white-space:nowrap;border-radius:17px;justify-content:center;align-items:center;gap:17px;min-height:52px;padding:12px 23px;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.demo-button:hover{transform:translateY(-2px)}.demo-button-primary{background:var(--demo-ink);color:#fff;box-shadow:0 12px 24px #19283c29}.demo-button-secondary{color:var(--demo-ink);background:#ffffffbd;border:1px solid #c9c9c6}.demo-button-secondary:hover{background:#fff;box-shadow:0 10px 22px #19283c0e}.demo-access-note{color:#5f6c77;align-items:center;gap:7px;margin-top:19px;font-size:12px;display:flex}.demo-access-note svg{color:var(--demo-clay);flex-shrink:0}.demo-feature-chips{flex-wrap:wrap;gap:9px;margin-top:33px;display:flex}.demo-feature-chips span{color:#304154;background:#fff1e8;border:1px solid #f0dbcd;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.demo-feature-chips svg{color:var(--demo-clay)}.demo-product-stage{isolation:isolate;min-width:0;margin:0;padding:26px 20px 30px 0;position:relative}.demo-stage-halo{z-index:-1;filter:blur(3px);background:radial-gradient(at 54% 40%,#ecd0bdb8,#f9efe66b 45%,#0000 74%);border-radius:50%;position:absolute;inset:-42px -32px 28px 28px}.demo-screen{transform-origin:50%;background:#f8f9fb;border:7px solid #283346;border-radius:21px;grid-template-columns:119px minmax(0,1fr);width:100%;min-height:379px;display:grid;position:relative;overflow:hidden;transform:perspective(1350px)rotateY(-3deg)rotateX(1deg);box-shadow:0 3px #48566a,0 24px 28px #1f283729,0 56px 75px #7b58401f}.demo-screen-sidebar{color:#c9d2df;background:linear-gradient(145deg,#1d2c42,#101b2b);flex-direction:column;min-width:0;padding:22px 11px 13px;display:flex}.demo-screen-logo{color:#fff;letter-spacing:-.06em;margin:0 0 29px 7px;font-size:15px;font-weight:900}.demo-screen-logo span{color:#d68b68}.demo-screen-nav{gap:5px;display:grid}.demo-screen-nav-item{white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:9px 7px;font-size:9px;font-weight:700;display:flex}.demo-screen-nav-item svg{flex-shrink:0}.demo-screen-sidebar-bottom{color:#a0b0c6;white-space:nowrap;align-items:center;gap:5px;margin-top:auto;font-size:8px;display:flex}.demo-sidebar-dot{background:#95d2b3;border-radius:50%;width:5px;height:5px}.demo-screen-content{color:#24334b;min-width:0;padding:12px 15px 11px}.demo-screen-toolbar{border-bottom:1px solid #e9eaf0;justify-content:space-between;align-items:center;gap:9px;padding:0 0 12px;display:flex}.demo-screen-crumb{color:#8190a2;white-space:nowrap;font-size:8px}.demo-screen-crumb span{color:#a0acb8;margin:0 4px}.demo-screen-search{color:#8a95a3;white-space:nowrap;border:1px solid #e0e3e9;border-radius:30px;align-items:center;gap:5px;margin-left:auto;padding:5px 9px;font-size:8px;display:inline-flex}.demo-screen-avatar{color:#fff;background:#2d4566;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:8px;font-weight:800;display:grid}.demo-screen-head{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.demo-screen-eyebrow{letter-spacing:.1em;color:#a96b4d;font-size:8px;font-weight:800;display:block}.demo-screen-head h3{color:#17263a;letter-spacing:-.06em;margin:4px 0 0;font-family:DM Sans,sans-serif;font-size:21px;font-weight:900;line-height:1.2}.demo-screen-today{color:#59687d;white-space:nowrap;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:inline-flex}.demo-screen-tabs{white-space:nowrap;align-items:center;gap:4px;margin:14px 0 11px;display:flex;overflow:hidden}.demo-screen-tabs span{color:#798595;background:#f2f3f6;border-radius:4px;align-items:center;gap:3px;padding:6px 7px;font-size:8px;display:inline-flex}.demo-screen-tabs b{font-size:8px;font-weight:800}.demo-screen-orders{gap:6px;display:grid}.demo-order{background:#fff;border:1px solid #e7e9ed;border-left:3px solid #d28c6c;border-radius:8px;grid-template-columns:41px minmax(0,1fr) auto 19px;align-items:center;gap:8px;min-height:54px;padding:7px 7px 7px 9px;display:grid;box-shadow:0 2px 6px #1f283709}.demo-order-number{letter-spacing:-.03em;color:#233148;align-self:start;padding-top:14px;font-size:10px;font-weight:900}.demo-order-info{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.demo-order-status{white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:100%;padding:2px 6px;font-size:8px;font-weight:750;line-height:1.25;overflow:hidden}.demo-order-status.is-new{color:#2b7955;background:#dff4e8}.demo-order-status.is-preparing{color:#9c6428;background:#fff0d7}.demo-order-status.is-ready{color:#23875d;background:#e1f6e9}.demo-order-status.is-delivered{color:#55718a;background:#e6eef5}.demo-order-info strong,.demo-order-info small{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.demo-order-info strong{font-size:9px;font-weight:750;line-height:1.25}.demo-order-info small{color:#778495;font-size:8px}.demo-order-amount{white-space:nowrap;font-size:10px;font-weight:850}.demo-order-view{color:#fff;background:#1e3047;border-radius:5px;place-items:center;width:19px;height:19px;display:grid}.demo-screen-foot{color:#8994a0;justify-content:flex-end;align-items:center;gap:4px;margin-top:9px;font-size:8px;display:flex}.demo-float-card{background:#fffffff7;border:1px solid #eee4dc;border-radius:15px;padding:15px 17px;position:absolute;box-shadow:0 19px 43px #24282d29,0 3px 7px #2e25200d}.demo-float-sales{width:194px;top:-12px;right:-14px;transform:rotate(2deg)}.demo-float-label{color:#425368;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.demo-float-label svg{color:#b97053}.demo-float-sales>strong{letter-spacing:-.06em;margin-top:6px;font-size:27px;font-weight:900;line-height:1.15;display:block}.demo-float-bottom{justify-content:space-between;align-items:end;gap:5px;padding-top:6px;display:flex}.demo-float-positive{color:#4b946e;white-space:nowrap;align-items:center;gap:3px;font-size:8px;display:inline-flex}.demo-float-chart{align-items:flex-end;gap:3px;height:31px;display:inline-flex}.demo-float-chart i{background:linear-gradient(oklch(79% .11 155),oklch(46% .07 160));border-radius:2px 2px 0 0;width:5px;display:block}.demo-float-stock{width:170px;bottom:10px;right:-24px;transform:rotate(-2deg)}.demo-stock-top{align-items:center;gap:7px;padding-bottom:6px;font-size:11px;font-weight:900;display:flex}.demo-stock-top svg{color:#b56d4b}.demo-float-stock>span{color:#657080;border-top:1px solid #ede7df;justify-content:space-between;gap:9px;padding-block:7px;font-size:10px;display:flex}.demo-float-stock>span strong{color:#aa6646;white-space:nowrap}.demo-product-caption{color:#8290a0;letter-spacing:.1em;text-align:center;text-transform:uppercase;padding-top:34px;font-size:9px;font-weight:800;line-height:1.4}.demo-walkthrough{padding:17px 0 30px;scroll-margin-top:25px}.demo-section-intro{max-width:660px;margin-bottom:26px}.demo-section-intro h2{letter-spacing:-.045em;margin-top:8px;font-size:clamp(30px,3vw,42px);font-weight:680;line-height:1.16}.demo-section-intro>p:last-child{color:var(--demo-muted);margin-top:9px;font-size:14px;line-height:1.65}.demo-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.demo-step-card{border:1px solid var(--demo-line);background:#ffffffe6;border-radius:19px;min-height:218px;padding:25px 29px 24px;transition:box-shadow .18s,transform .18s;position:relative;box-shadow:0 2px 2px #212d3c06,0 15px 30px #212d3c0a}.demo-step-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px #212d3c16}.demo-step-icon{color:#aa5e3b;background:#fff0e6;border:1px solid #f5e6dc;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.demo-step-number{color:var(--demo-clay);font-size:12px;font-weight:850;position:absolute;top:32px;right:28px}.demo-step-card h3{letter-spacing:-.04em;margin-top:20px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:680}.demo-step-card p{color:var(--demo-muted);max-width:295px;margin-top:7px;padding-right:18px;font-size:13px;line-height:1.65}.demo-step-accent{width:29px;height:29px;color:var(--demo-clay);background:#fdf2ea;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:23px;right:24px}.demo-benefits{background:linear-gradient(110deg,#fcf0e6,#fff6ef,#faece2);border-radius:21px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:17px;padding:26px 12px;display:grid}.demo-benefit{align-items:center;gap:14px;min-width:0;padding:3px 19px;display:flex}.demo-benefit:not(:last-child){border-right:1px solid #e5d1c4}.demo-benefit-icon{color:#af6948;background:#fffaf5;border-radius:50%;flex:0 0 49px;place-items:center;width:49px;height:49px;display:grid}.demo-benefit h3{letter-spacing:-.025em;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:650;line-height:1.32}.demo-benefit p{color:#7b706c;margin-top:5px;font-size:10px;line-height:1.45}.demo-final-cta{background:radial-gradient(circle at 97% 15%,#da987347,#0000 25%),radial-gradient(circle at 20% 115%,#f6d0b063,#0000 37%),linear-gradient(115deg,#f8eee4,#fff8f1);border:1px solid #f0e0d3;border-radius:23px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:39px;padding:clamp(27px,3vw,46px);display:grid;overflow:hidden}.demo-final-icon{width:62px;height:62px;color:var(--demo-clay);background:#fff;border-radius:18px;place-items:center;display:grid;box-shadow:0 9px 20px #b16f491a}.demo-final-copy{min-width:0}.demo-final-copy h2{letter-spacing:-.046em;text-wrap:balance;max-width:750px;margin-top:5px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:clamp(22px,2.45vw,33px);font-weight:650;line-height:1.25}.demo-final-action{justify-items:center;gap:10px;display:grid}.demo-final-action .demo-button{min-width:196px}.demo-final-action>span{color:#657284;text-align:center;font-size:10px}.demo-site-footer{justify-content:space-between;align-items:center;gap:32px;padding:31px 0 35px;display:flex}.demo-footer-brand{flex-shrink:0;font-size:18px}.demo-site-footer p{color:#85888a;max-width:710px;font-size:10px;line-height:1.65}.demo-footer-flag{color:#8a7d74;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:750;display:inline-flex}@media (width<=1220px){.demo-page-shell{width:min(100% - 54px,1180px)}.demo-hero{gap:28px}.demo-hero h1{font-size:clamp(45px,4.9vw,64px)}.demo-product-stage{padding-right:10px}.demo-screen{grid-template-columns:97px minmax(0,1fr)}.demo-screen-sidebar{padding-inline:7px}.demo-screen-content{padding-inline:9px}.demo-float-sales{right:-7px}.demo-float-stock{right:-15px}.demo-benefit{gap:9px;padding-inline:12px}.demo-benefit-icon{flex-basis:42px;width:42px;height:42px}}@media (width<=975px){.demo-page-shell{width:min(100% - 50px,780px)}.demo-hero{min-height:unset;grid-template-columns:minmax(0,1fr);gap:38px;padding:52px 0 32px}.demo-hero h1{max-width:650px;font-size:clamp(48px,7.7vw,71px)}.demo-hero-description{max-width:640px}.demo-product-stage{width:100%;max-width:740px;padding:25px 30px 33px 3px}.demo-screen{grid-template-columns:126px minmax(0,1fr)}.demo-screen-sidebar{padding:22px 12px 13px}.demo-screen-content{padding:12px 17px}.demo-walkthrough{padding-top:20px}.demo-benefits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:23px 16px}.demo-benefit:nth-child(2){border-right:0}.demo-benefit{padding-inline:18px}.demo-final-cta{grid-template-columns:58px minmax(0,1fr)}.demo-final-action{grid-column:2;justify-items:start}}@media (width<=650px){.demo-page-shell{width:min(100% - 34px,560px)}.demo-site-header{align-items:flex-start;gap:9px;padding-top:24px}.demo-site-logo{margin-top:3px;font-size:24px}.demo-environment-badge{letter-spacing:0;gap:6px;padding:9px 10px;font-size:9px}.demo-environment-dot{width:6px;height:6px}.demo-hero{gap:30px;padding-top:50px}.demo-hero h1{margin-top:14px;font-size:clamp(40px,10vw,58px);line-height:1.1}.demo-hero-description{margin-top:19px;font-size:15px;line-height:1.65}.demo-hero-actions{gap:9px;margin-top:23px}.demo-button{border-radius:13px;gap:8px;min-height:49px;padding:11px 17px;font-size:12px}.demo-feature-chips{gap:7px;margin-top:24px}.demo-feature-chips span{padding:8px 10px;font-size:11px}.demo-product-stage{padding:16px 9px 14px 0}.demo-screen{border-width:5px;border-radius:13px;grid-template-columns:67px minmax(0,1fr);min-height:344px;transform:none;box-shadow:0 17px 28px #1f283726}.demo-screen-sidebar{padding:18px 5px 11px}.demo-screen-logo{margin-bottom:29px;margin-left:2px;font-size:9px}.demo-screen-nav-item{flex-direction:column;gap:3px;padding:8px 0;font-size:7px}.demo-screen-nav-item svg{width:14px;height:14px}.demo-screen-sidebar-bottom{white-space:normal;font-size:6px}.demo-screen-content{padding:10px 7px}.demo-screen-crumb{font-size:7px}.demo-screen-search{display:none}.demo-screen-head{margin-top:10px}.demo-screen-head h3{font-size:17px}.demo-screen-eyebrow{font-size:7px}.demo-screen-tabs{gap:3px;margin:9px 0 8px}.demo-screen-tabs span{padding:5px 4px;font-size:7px}.demo-screen-tabs span:nth-child(3),.demo-screen-tabs span:nth-child(4){display:none}.demo-order{grid-template-columns:33px minmax(0,1fr) auto;gap:5px;min-height:54px;padding:6px 5px}.demo-order-number{font-size:8px}.demo-order-status{font-size:7px}.demo-order-info strong{font-size:8px}.demo-order-info small{font-size:7px}.demo-order-amount{font-size:9px}.demo-order-view{display:none}.demo-screen-foot{font-size:7px}.demo-float-sales{border-radius:10px;width:112px;padding:10px;top:-4px;right:-2px}.demo-float-label{font-size:8px}.demo-float-sales>strong{font-size:19px}.demo-float-positive{font-size:7px}.demo-float-chart,.demo-float-stock{display:none}.demo-product-caption{padding-top:17px;font-size:8px}.demo-section-intro{margin-bottom:20px}.demo-step-grid{grid-template-columns:1fr;gap:10px}.demo-step-card{min-height:165px;padding:20px}.demo-step-icon{width:45px;height:45px}.demo-step-icon svg{width:22px;height:22px}.demo-step-number{top:23px;right:22px}.demo-step-card h3{margin-top:12px;font-size:20px}.demo-step-card p{margin-top:4px}.demo-step-accent{bottom:18px;right:18px}.demo-benefits{gap:0;margin-top:14px;padding:10px 18px}.demo-benefit{flex-direction:column;align-items:flex-start;padding:17px 7px}.demo-benefit:not(:last-child){border-right:0}.demo-benefit:nth-child(odd){border-right:1px solid #e5d1c4;padding-right:13px}.demo-benefit:nth-child(2n){padding-left:16px}.demo-benefit:nth-child(-n+2){border-bottom:1px solid #e5d1c4}.demo-benefit-icon{flex-basis:43px;width:43px;height:43px}.demo-benefit h3{font-size:14px}.demo-benefit p{font-size:10px}.demo-final-cta{flex-direction:column;align-items:flex-start;gap:13px;margin-top:24px;padding:26px;display:flex}.demo-final-icon{width:47px;height:47px}.demo-final-copy h2{font-size:clamp(25px,7vw,32px)}.demo-final-action{justify-items:start;width:100%;margin-top:4px;display:grid}.demo-site-footer{flex-wrap:wrap;justify-content:flex-start;gap:12px;padding-top:26px}.demo-site-footer p{flex-basis:100%;order:3}}@media (width<=370px){.demo-site-header{flex-direction:column}.demo-hero h1{font-size:38px}.demo-screen-logo{font-size:8px}.demo-float-sales{width:101px}.demo-float-sales>strong{font-size:16px}.demo-order-amount{font-size:8px}}@media (prefers-reduced-motion:reduce){.oplyra-demo *,.oplyra-demo :before,.oplyra-demo :after{scroll-behavior:auto!important;transition:none!important}}.oplyra-demo{--demo-ink:oklch(25% .016 160);--demo-ink-2:oklch(34% .025 160);--demo-muted:oklch(49% .014 160);--demo-paper:oklch(99% .002 160);--demo-warm:oklch(96% .005 160);--demo-line:oklch(89% .009 160);--demo-clay:oklch(42% .062 160);--demo-clay-soft:oklch(94% .027 155);background:radial-gradient(35rem 26rem at 92% 12%,oklch(82% .13 155/.14),#0000 82%),linear-gradient(155deg,oklch(99.5% .002 160) 0%,oklch(97.5% .008 160) 58%,oklch(99% .002 160) 100%)}.oplyra-demo a:focus-visible{outline-offset:4px;outline:2px solid oklch(52% .1 160)}.demo-site-logo,.demo-footer-brand,.demo-screen-logo,.demo-hero h1,.demo-section-intro h2,.demo-step-card h3,.demo-benefit h3,.demo-final-copy h2{font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.demo-site-logo,.demo-footer-brand{letter-spacing:0;align-items:center;gap:9px;font-weight:800;display:inline-flex}.demo-site-logo:before,.demo-footer-brand:before{content:"";border:5px solid var(--demo-clay);box-sizing:border-box;border-right:0;width:22px;height:22px;position:relative}.demo-site-logo:after,.demo-footer-brand:after{content:"";background:var(--demo-clay);width:7px;height:5px;margin-left:-16px;margin-right:7px}.demo-site-logo span,.demo-footer-brand span,.demo-screen-logo span{color:oklch(72% .13 155)}.demo-environment-badge{border-color:var(--demo-line);box-shadow:none;color:var(--demo-ink-2);background:oklch(100% 0 0/.84)}.demo-environment-dot{background:oklch(72% .13 155);box-shadow:0 0 0 4px oklch(72% .13 155/.12)}.demo-eyebrow{color:var(--demo-clay);letter-spacing:.16em}.demo-hero h1{letter-spacing:-.035em;font-weight:650;line-height:1.08}.demo-hero h1 em{color:oklch(42% .062 160)}.demo-hero-description,.demo-access-note{color:var(--demo-muted)}.demo-button{border-radius:8px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.demo-button-primary{color:oklch(99% .002 160);background:oklch(19% .006 160);box-shadow:0 10px 24px oklch(20% .02 160/.13)}.demo-button-primary:hover{background:oklch(27% .025 160);box-shadow:0 14px 28px oklch(20% .02 160/.16)}.demo-button-secondary{color:var(--demo-ink);border-color:var(--demo-line);background:oklch(100% 0 0/.8)}.demo-button-secondary:hover{background:oklch(100% 0 0);border-color:oklch(66% .05 160);box-shadow:0 10px 22px oklch(20% .02 160/.05)}.demo-access-note svg,.demo-feature-chips svg{color:var(--demo-clay)}.demo-feature-chips span{color:oklch(34% .035 160);background:oklch(96% .025 155);border-color:oklch(89% .02 155)}.demo-stage-halo{background:radial-gradient(at 54% 40%,oklch(82% .13 155/.2),oklch(94% .027 155/.16) 46%,#0000 74%)}.demo-screen{background:oklch(97.5% .006 160);border-color:oklch(22% .012 160);border-radius:14px;box-shadow:0 3px oklch(38% .025 160),0 24px 28px oklch(20% .02 160/.13),0 56px 75px oklch(36% .04 160/.08)}.demo-screen-sidebar{color:oklch(82% .01 160);background:linear-gradient(145deg,oklch(19% .006 160),oklch(27% .025 160))}.demo-screen-nav-item.is-active{color:#fff;background:oklch(34% .03 160);box-shadow:inset 2px 0 oklch(75% .12 155)}.demo-sidebar-dot{background:oklch(78% .14 155)}.demo-screen-content{color:var(--demo-ink)}.demo-screen-toolbar{border-bottom-color:var(--demo-line)}.demo-screen-avatar{background:oklch(32% .047 160)}.demo-screen-eyebrow{color:var(--demo-clay)}.demo-screen-head h3{color:var(--demo-ink);letter-spacing:-.035em;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-weight:800}.demo-screen-tabs span.is-selected{color:var(--demo-clay);background:oklch(94% .027 155)}.demo-order{border-color:oklch(91% .007 160) oklch(91% .007 160) oklch(91% .007 160) oklch(62% .08 160);border-radius:6px}.demo-order:nth-child(2){border-left-color:oklch(72% .11 145)}.demo-order:nth-child(3){border-left-color:oklch(77% .13 155)}.demo-order:nth-child(4){border-left-color:oklch(68% .025 160)}.demo-order-view{background:oklch(25% .016 160)}.demo-float-card,.demo-step-card,.demo-benefits,.demo-final-cta{border-color:var(--demo-line);border-radius:8px}.demo-float-label svg,.demo-stock-top svg,.demo-float-stock>span strong,.demo-step-number,.demo-step-accent{color:var(--demo-clay)}.demo-float-chart i{background:linear-gradient(oklch(79% .11 155),oklch(46% .07 160))}.demo-step-card{background:oklch(100% 0 0/.92);box-shadow:0 2px 2px oklch(20% .02 160/.02),0 15px 30px oklch(20% .02 160/.035)}.demo-step-icon{width:52px;height:52px;color:var(--demo-clay);background:oklch(94% .027 155);border-color:oklch(89% .02 155);border-radius:8px}.demo-step-accent{background:oklch(96% .025 155);border-radius:6px}.demo-benefits{border:1px solid var(--demo-line);background:linear-gradient(110deg,oklch(96% .025 155),oklch(98.5% .008 160))}.demo-benefit:not(:last-child){border-right-color:var(--demo-line)}.demo-benefit-icon{color:var(--demo-clay);background:oklch(100% 0 0);border-radius:8px}.demo-final-cta{background:radial-gradient(circle at 97% 15%,oklch(82% .13 155/.16),#0000 25%),linear-gradient(115deg,oklch(95% .025 155),oklch(99% .004 160))}.demo-final-icon{color:var(--demo-clay);border-radius:8px;box-shadow:0 9px 20px oklch(36% .04 160/.08)}.demo-site-footer{border-top-color:var(--demo-line)}@media (width<=767px){.demo-button,.demo-screen,.demo-step-card,.demo-benefits,.demo-final-cta{border-radius:8px}}.demo-hero-copy{color:oklch(99% .002 160);background:radial-gradient(circle at 92% 8%,oklch(82% .13 155/.18),#0000 18rem),linear-gradient(145deg,oklch(19% .006 160),oklch(25.5% .022 160));border-radius:12px;padding:clamp(30px,4vw,54px);box-shadow:0 20px 50px oklch(20% .02 160/.14)}.demo-hero-copy .demo-eyebrow,.demo-hero-copy h1 em,.demo-hero-copy .demo-access-note svg{color:oklch(82% .13 155)}.demo-hero-copy .demo-hero-description,.demo-hero-copy .demo-access-note{color:oklch(86% .008 160)}.demo-hero-copy .demo-button-primary{color:oklch(21% .025 160);box-shadow:none;background:oklch(82% .13 155)}.demo-hero-copy .demo-button-primary:hover{background:oklch(86% .12 155);box-shadow:0 10px 24px oklch(82% .13 155/.12)}.demo-hero-copy .demo-button-secondary{color:oklch(99% .002 160);background:oklch(99% .002 160/.06);border-color:oklch(99% .002 160/.22)}.demo-hero-copy .demo-button-secondary:hover{background:oklch(99% .002 160/.1);border-color:oklch(99% .002 160/.36)}.demo-hero-copy .demo-feature-chips span{color:oklch(95% .004 160);background:oklch(99% .002 160/.06);border-color:oklch(99% .002 160/.12)}.demo-hero-copy .demo-feature-chips svg{color:oklch(82% .13 155)}@media (width<=975px){.demo-hero-copy{padding:30px}}@media (width<=650px){.demo-hero-copy{border-radius:10px;padding:24px 20px}}