.public-shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.public-section{padding:7rem 0;border-top:1px solid rgba(148,163,184,.16)}.public-section__intro{max-width:48rem;margin-bottom:3.5rem}.public-section__intro h2,.features-hero h1,.feature-group h2,.public-final-cta h2{margin-top:1rem;color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.06;letter-spacing:-.035em;font-weight:600}.public-section__intro>p:last-child{margin-top:1.25rem;color:#aebbcf;line-height:1.75}.public-section__intro--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:2rem}
.public-hero{position:relative;padding:8rem 0 7rem;overflow:hidden}.public-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:7rem;align-items:center}.public-hero h1{margin-top:1.4rem;color:#fff;font-size:clamp(3rem,6vw,5.35rem);line-height:.98;letter-spacing:-.055em;font-weight:600}.public-hero h1 span{color:var(--accent-orange)}.public-hero__lead{margin-top:2rem;max-width:43rem;color:#b7c2d3;font-size:1.125rem;line-height:1.75}.public-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.25rem}.public-text-link{display:inline-flex;align-items:center;gap:.55rem;color:#e5eaf2;font-size:.9rem;font-weight:600;transition:color .15s}.public-text-link:hover{color:var(--accent-orange)}.public-hero__note{margin-top:1.25rem;color:#7f8da3;font-size:.78rem}
.public-platforms{border-block:1px solid rgba(148,163,184,.16);padding:2.25rem 0}.public-platforms .public-shell{display:flex;align-items:center;gap:3rem}.public-platforms p{flex:none;color:#8390a4;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.public-platforms__list{width:100%;display:grid;grid-template-columns:repeat(9,1fr);gap:1.25rem;align-items:center}.public-platforms__list span{height:3.4rem;padding:.35rem;display:flex;justify-content:center;opacity:1;transition:transform .2s}.public-platforms__list span:hover{transform:translateY(-2px)}.public-platforms__list img{max-width:100%;max-height:100%;object-fit:contain}.public-demo-link{margin-top:1.35rem}
.public-platforms__list .public-platforms__logo--light img{width:2.5rem;background:#fff;border-radius:.45rem}
.product-demo{overflow:hidden;border:1px solid rgba(148,163,184,.24);border-radius:.5rem;background:#0b1220;box-shadow:0 35px 80px -45px #000}.product-demo__bar{height:3.25rem;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.18);font:600 .72rem 'Plex Mono',monospace;color:#d8e0ea}.product-demo__account{color:#718097;font-weight:400}.product-demo__body{display:grid;grid-template-columns:180px 1fr;min-height:470px}.product-demo__nav{padding:1rem .75rem;border-right:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;gap:.25rem}.product-demo__nav button{padding:.72rem .8rem;border-radius:.3rem;color:#8290a5;text-align:left;font-size:.78rem;transition:.15s}.product-demo__nav button:hover,.product-demo__nav button.is-active{color:#fff;background:rgba(255,255,255,.06)}.product-demo__nav button.is-active{box-shadow:inset 2px 0 var(--accent-orange)}.product-demo__screen{position:relative;padding:2rem;overflow:hidden}.demo-view{display:none;animation:demo-in .2s ease-out}.demo-view.is-active{display:block}@keyframes demo-in{from{opacity:.3;transform:translateY(4px)}}
.product-demo__window-dots{display:flex;gap:.35rem}.product-demo__window-dots i{width:.42rem;height:.42rem;border-radius:50%;background:#48556a}.product-demo__address{color:#8995a8;font-weight:400}.product-demo__real{color:#d3d9e2}.product-demo__tabs{display:flex;padding:0 1rem;border-bottom:1px solid rgba(148,163,184,.18);overflow-x:auto}.product-demo__tabs button{position:relative;padding:1rem 1.15rem;color:#7f8da1;font-size:.78rem;font-weight:600;white-space:nowrap;transition:.15s}.product-demo__tabs button:hover{color:#dce3ec}.product-demo__tabs button.is-active{color:#fff}.product-demo__tabs button.is-active:after{content:"";position:absolute;right:1.15rem;bottom:-1px;left:1.15rem;height:2px;background:var(--accent-orange)}.product-demo__screens{position:relative;aspect-ratio:1882/901;background:#030617}.product-demo__shot{display:none;width:100%;height:100%;margin:0;animation:demo-screen-in .2s ease-out}.product-demo__shot.is-active{display:block}.product-demo__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.product-demo__caption{margin-top:1rem;color:#69778c;font-size:.72rem;line-height:1.5}@keyframes demo-screen-in{from{opacity:.35}}
.demo-view__heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:1.5rem;border-bottom:1px solid rgba(148,163,184,.15)}.demo-view__heading small{color:#718097;font-size:.7rem}.demo-view__heading h3{margin-top:.35rem;color:#f4f6f9;font-size:1.2rem;font-weight:600}.demo-view__heading>strong{color:#f4f6f9;font:600 1rem 'Plex Mono',monospace}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1.5rem;background:rgba(148,163,184,.15)}.demo-metrics div{padding:1rem;background:#0b1220}.demo-metrics span{display:block;color:#78869a;font-size:.68rem}.demo-metrics b{display:block;margin-top:.55rem;color:#d9e0e9;font:600 .82rem 'Plex Mono',monospace}.demo-metrics__result b{color:#6ee7b7!important}.demo-chart{height:190px;margin-top:2rem;border-bottom:1px solid #334155;display:flex;align-items:end;gap:2.8%;padding:0 3%}.demo-chart i{width:7.2%;background:#334155;border-top:2px solid var(--accent-orange)}
.demo-table>div{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid rgba(148,163,184,.13);color:#b5c0cf;font-size:.76rem}.demo-table .demo-table__head{margin-top:1rem;color:#68768b;font-size:.66rem;text-transform:uppercase}.demo-table b{text-align:right;color:#e2e8f0;font-family:'Plex Mono',monospace}.demo-stock>div,.demo-rules>div{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid rgba(148,163,184,.14);color:#c1cad6;font-size:.8rem}.demo-stock small{display:block;color:#66758a;margin-top:.3rem}.demo-stock b{font-family:'Plex Mono',monospace}.demo-stock em{color:#fb923c;font-style:normal}.demo-rules>div{grid-template-columns:1fr auto 1fr}.demo-rules i{color:#64748b}.demo-rules b{color:#e2e8f0}
.workflow-list{border-top:1px solid rgba(148,163,184,.25)}.workflow-list li{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(148,163,184,.18)}.workflow-list>li>span{color:var(--accent-orange);font:600 .75rem 'Plex Mono',monospace}.workflow-list h3{color:#f1f5f9;font-size:1.15rem;font-weight:600}.workflow-list p{margin-top:.5rem;color:#8d9aad;line-height:1.65}.module-index{border-top:1px solid rgba(148,163,184,.25)}.module-index>a{display:grid;grid-template-columns:4rem 1fr auto;gap:2rem;align-items:center;padding:1.65rem 0;border-bottom:1px solid rgba(148,163,184,.18);transition:padding .15s}.module-index>a:hover{padding-left:.6rem}.module-index>a>span{color:#728096;font:400 .72rem 'Plex Mono',monospace}.module-index h3{color:#f1f5f9;font-size:1.2rem;font-weight:600}.module-index p{margin-top:.35rem;color:#8592a5}.module-index b{color:var(--accent-orange)}
.public-final-cta__inner{display:flex;justify-content:space-between;align-items:end;gap:4rem}.public-final-cta h2{max-width:48rem}.public-final-cta__inner>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;flex:none}.features-hero{padding:8rem 0 7rem}.features-hero h1{max-width:60rem;font-size:clamp(3rem,6vw,5rem)}.features-hero>div>p:not(.eyebrow){max-width:48rem;margin:1.8rem 0 2.2rem;color:#aeb9c9;font-size:1.1rem;line-height:1.75}.feature-group{padding:6rem 0;border-top:1px solid rgba(148,163,184,.16);scroll-margin-top:5rem}.feature-group__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7rem}.feature-group__intro>span{display:block;margin-bottom:2.5rem;color:#66758a;font:400 .75rem 'Plex Mono',monospace}.feature-group h2{font-size:clamp(2rem,3.5vw,3rem)}.feature-group__intro>p:last-child{margin-top:1.3rem;color:#909daf;line-height:1.75}.feature-group__items{border-top:1px solid rgba(148,163,184,.25)}.feature-group__items article{padding:1.6rem 0;border-bottom:1px solid rgba(148,163,184,.18)}.feature-group__items h3{color:#f1f5f9;font-weight:600}.feature-group__items p{margin-top:.45rem;color:#8491a4;line-height:1.65}
html[data-theme="light"] .public-section__intro h2,html[data-theme="light"] .features-hero h1,html[data-theme="light"] .feature-group h2,html[data-theme="light"] .public-final-cta h2,html[data-theme="light"] .public-hero h1,html[data-theme="light"] .workflow-list h3,html[data-theme="light"] .module-index h3,html[data-theme="light"] .feature-group__items h3{color:#0f172a}html[data-theme="light"] .product-demo,html[data-theme="light"] .demo-metrics div{background:#f8fafc}
@media(max-width:800px){.public-hero{padding:5rem 0}.public-hero__grid,.feature-group__grid{grid-template-columns:1fr;gap:4rem}.public-platforms .public-shell{display:block}.public-platforms p{text-align:center;margin-bottom:1.5rem}.public-platforms__list{grid-template-columns:repeat(5,1fr)}.product-demo__real{display:none}.product-demo__tabs{padding:0 .35rem}.product-demo__tabs button{padding:.85rem .75rem}.product-demo__screens{aspect-ratio:16/10;overflow:auto}.product-demo__shot img{width:auto;max-width:none;height:100%}.public-section{padding:5rem 0}.public-section__intro--row,.public-final-cta__inner{display:block}.public-section__intro--row>a{margin-top:1.5rem}.public-final-cta__inner>div:last-child{margin-top:2rem}.feature-group{padding:4.5rem 0}}

.live-demo-page{--demo-bg:#05091b;--demo-card:#1b2438;--demo-line:#303a50;min-height:calc(100vh - 4rem);background:var(--demo-bg);color:#dbe3ee}.live-demo-notice{height:2.5rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;gap:2rem;background:#172038;border-bottom:1px solid #344057;font-size:.72rem}.live-demo-notice span{color:#9facbf}.live-demo-notice a{color:#fb923c;font-weight:700}.live-demo-app{display:grid;grid-template-columns:15rem 1fr;min-height:calc(100vh - 6.5rem)}.live-demo-sidebar{padding:1.25rem .85rem;background:#070b1b;border-right:1px solid #222b40}.live-demo-logo{display:block;width:130px;margin:.2rem .7rem 1.8rem}.live-demo-logo img{width:100%;height:auto}.live-demo-sidebar>p{margin:1.2rem .75rem .45rem;color:#65738a;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.live-demo-sidebar button{width:100%;display:flex;align-items:center;gap:.8rem;padding:.7rem .75rem;border-radius:.65rem;color:#8997aa;text-align:left;font-size:.76rem;font-weight:600;transition:.15s}.live-demo-sidebar button:hover{color:#fff;background:#141d31}.live-demo-sidebar button.is-active{color:#fff;background:#202a42;box-shadow:inset 2px 0 #38bdf8}.live-demo-sidebar button span{width:1.2rem;text-align:center}.live-demo-sidebar button em{margin-left:auto;padding:.1rem .4rem;border-radius:1rem;background:#24324d;color:#7dd3fc;font-size:.58rem;font-style:normal}.live-demo-workspace{min-width:0}.live-demo-topbar{height:4rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;background:#070b1b;border-bottom:1px solid #222b40}.live-demo-topbar>div{display:flex;align-items:center;gap:.5rem}.live-demo-channel{padding:.35rem .55rem;border-radius:.5rem;background:#1b2740;color:#a9b7ca;font-size:.65rem}.live-demo-topbar b{margin-left:.7rem;color:#e3e9f1;font-size:.72rem}.live-demo-avatar{width:2.1rem;height:2.1rem;border:1px solid #465168;border-radius:.7rem;display:grid;place-items:center;background:#252d41;font-size:.65rem;font-weight:700}.live-demo-menu{display:none}.live-demo-content{padding:2rem;min-height:calc(100vh - 10.5rem);background:radial-gradient(circle at 20% 0,rgba(37,99,235,.12),transparent 32%),var(--demo-bg)}.live-demo-view{display:none;animation:live-demo-in .18s ease-out}.live-demo-view.is-active{display:block}@keyframes live-demo-in{from{opacity:.35;transform:translateY(3px)}}
.demo-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.demo-page-head h1{color:#fff;font-size:1.5rem;font-weight:700}.demo-page-head p{margin-top:.25rem;color:#99a6b8;font-size:.78rem}.demo-page-head>button,.demo-page-head>span,.demo-page-head>select{padding:.65rem 1rem;border:1px solid #435069;border-radius:1rem;background:#202940;color:#dfe6ef;font-size:.7rem;font-weight:700}.demo-page-head>button{border-color:#fb7b32;background:#f97316;color:#fff;box-shadow:0 8px 25px -12px #f97316}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.demo-kpis article{padding:1.35rem;border:1px solid var(--demo-line);border-radius:1.5rem;background:var(--demo-card)}.demo-kpis small,.demo-summary small{color:#aab5c5;font-size:.6rem;font-weight:700;letter-spacing:.18em}.demo-kpis strong{display:block;margin:1.2rem 0 1.4rem;color:#fff;text-align:right;font-size:1.6rem}.demo-kpis strong i{display:block;font-size:.68rem;font-style:normal}.demo-kpis dl>div{display:flex;justify-content:space-between;padding:.36rem 0;font-size:.72rem}.demo-kpis dt{color:#aab4c4}.demo-kpis dd{font-weight:700}.plus{color:#6ee7b7}.minus{color:#fda4af}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.3rem}.demo-summary>div{padding:1.1rem 1.25rem;border:1px solid var(--demo-line);border-radius:1.25rem;background:var(--demo-card)}.demo-summary b{display:block;margin-top:.6rem;color:#fff;font-size:1.1rem}.demo-filters{display:grid;grid-template-columns:1fr 2fr auto auto;gap:.75rem;padding:1rem;margin-bottom:1.3rem;border:1px solid var(--demo-line);border-radius:1.25rem;background:var(--demo-card)}.demo-filters select,.demo-filters input{min-width:0;padding:.7rem .8rem;border:1px solid #404a60;border-radius:.7rem;background:#2a3347;color:#e5eaf1;font-size:.72rem}.demo-filters button{padding:.65rem 1rem;border-radius:.7rem;background:#f97316;color:#fff;font-size:.7rem;font-weight:700}.demo-filters button[type=reset]{border:1px solid #414c62;background:#273044;color:#bdc7d4}
.demo-orders,.demo-products,.demo-automations,.demo-chart-card{overflow:hidden;border:1px solid var(--demo-line);border-radius:1.35rem;background:var(--demo-card)}.demo-orders>div{display:grid;grid-template-columns:1.7fr .8fr .8fr .8fr .9fr;gap:1rem;align-items:center;padding:.95rem 1.1rem;border-top:1px solid #2d374b;color:#abb7c7;font-size:.7rem}.demo-orders>div:first-child{border:0}.demo-orders .demo-orders__head{color:#76859b;font-size:.59rem;text-transform:uppercase}.demo-orders b{color:#fff}.demo-orders button,.demo-products button{justify-self:start;padding:.38rem .65rem;border:1px solid #1b6e92;border-radius:1rem;background:#123d55;color:#b9e8ff;font-size:.62rem;font-weight:700}.demo-orders i{padding:.35rem .55rem;border-radius:1rem;font-style:normal}.status-new{background:#123d55;color:#7dd3fc}.status-sent{background:#0d463f;color:#6ee7b7}.demo-empty{display:none!important;padding:2rem!important;text-align:center;color:#718096}.demo-empty.is-visible{display:block!important}.demo-products article{display:grid;grid-template-columns:2fr .7fr .7fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #2d374b;font-size:.75rem}.demo-products article:last-child{border:0}.demo-products span{color:#e3e8ef;font-weight:600}.demo-products small{display:block;margin-top:.25rem;color:#758399;font-weight:400}.demo-products b{color:#dbe4ee}.demo-products b.low{color:#fb7185}.demo-products em{color:#facc15;font-style:normal}.demo-automations article{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.2rem;border-bottom:1px solid #2d374b}.demo-automations article>span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:#352c64;color:#c4b5fd}.demo-automations h3{color:#fff;font-size:.8rem;font-weight:700}.demo-automations p{margin-top:.3rem;color:#7f8da1;font-size:.67rem}.demo-automations button{padding:.45rem .7rem;border:1px solid #49546a;border-radius:.6rem;color:#98a6b9;font-size:.65rem}.demo-automations button.is-on{border-color:#176c5d;background:#103b36;color:#6ee7b7}.demo-chart-card{padding:1.5rem}.demo-chart-legend{display:flex;gap:1.5rem;align-items:center;color:#8e9caf;font-size:.68rem}.demo-chart-legend span:before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.4rem;border-radius:50%;background:#38bdf8}.demo-chart-legend span:nth-child(2):before{background:#34d399}.demo-chart-legend b{margin-left:auto;color:#fff;font-size:1rem}.demo-chart-card svg{width:100%;margin-top:1rem}.chart-grid{fill:none;stroke:#344058;stroke-width:1}.chart-area{fill:rgba(56,189,248,.13)}.chart-line{fill:none;stroke:#38bdf8;stroke-width:4}.live-demo-toast{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;max-width:22rem;padding:.9rem 1.1rem;border:1px solid #176c5d;border-radius:.8rem;background:#0d332f;color:#a7f3d0;font-size:.74rem;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.live-demo-toast.is-visible{opacity:1;transform:none}
@media(max-width:900px){.live-demo-app{grid-template-columns:1fr}.live-demo-sidebar{position:fixed;top:6.5rem;bottom:0;left:0;z-index:50;width:15rem;transform:translateX(-100%);transition:.2s}.menu-open .live-demo-sidebar{transform:none}.live-demo-menu{display:block;color:#fff}.live-demo-content{padding:1rem}.demo-kpis,.demo-summary{grid-template-columns:1fr}.demo-filters{grid-template-columns:1fr}.demo-orders{overflow-x:auto}.demo-orders>div{min-width:720px}.demo-page-head{align-items:flex-start;gap:1rem}.demo-products article{grid-template-columns:1.5fr .7fr .7fr}.demo-products button{display:none}.live-demo-notice{justify-content:space-between}.live-demo-topbar>div{display:none}}

.demo-kpis>button{padding:1.35rem;border:1px solid var(--demo-line);border-radius:1.5rem;background:var(--demo-card);color:#dbe3ee;text-align:left;transition:.15s}.demo-kpis>button:hover{transform:translateY(-2px);border-color:#4c607f}.demo-kpis>button.is-active{border-color:#38bdf8;box-shadow:0 0 28px -12px #38bdf8}.demo-marketplace{width:4.5rem;height:1.5rem;display:flex;align-items:center}.demo-marketplace img{display:block;max-width:100%;max-height:100%;object-fit:contain}.demo-returns article{grid-template-columns:1.6fr .7fr .7fr .7fr auto}.demo-profit-table{margin-top:1.3rem;overflow-x:auto;border:1px solid var(--demo-line);border-radius:1.35rem;background:var(--demo-card)}.demo-profit-table__title{min-width:850px;padding:1.1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #354056}.demo-profit-table__title h2{color:#fff;font-size:.9rem;font-weight:700}.demo-profit-table__title p{margin-top:.2rem;color:#78869a;font-size:.62rem}.demo-profit-table__title b{color:#8f9caf;font-size:.62rem}.demo-profit-table__head,.demo-profit-table [data-profit-rows]>div{min-width:850px;display:grid;grid-template-columns:1.6fr 1fr .55fr .85fr .85fr .9fr .85fr .7fr;gap:.75rem;align-items:center;padding:.8rem 1.2rem}.demo-profit-table__head{color:#718096;font-size:.56rem;text-transform:uppercase}.demo-profit-table [data-profit-rows]>div{border-top:1px solid #303a4f;color:#b8c3d1;font-size:.66rem}.demo-profit-table [data-profit-rows] span:first-child{color:#edf2f7;font-weight:600}.demo-profit-table [data-profit-rows] b{font-weight:600}
@media(max-width:900px){.demo-returns article{grid-template-columns:1.5fr .8fr .8fr .8fr}.demo-returns button{display:none}}

.order-journey{position:relative;height:470px;margin-top:1rem}.order-journey__route{position:absolute;inset:0;width:100%;height:430px;overflow:visible}.order-journey__main-line{fill:none;stroke:url(#journey-line);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 10;animation:journey-draw 1.2s ease-out both}.order-journey__return-line{fill:none;stroke:#536177;stroke-width:1.5;stroke-dasharray:5 7}@keyframes journey-draw{from{stroke-dashoffset:180;opacity:.15}to{stroke-dashoffset:0;opacity:1}}.order-journey__channels{position:absolute;top:165px;left:0;width:150px;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.order-journey__channels span{width:2.5rem;height:2rem;padding:.3rem;display:grid;place-items:center;border:1px solid rgba(148,163,184,.22);border-radius:.45rem;background:#fff}.order-journey__channels img{max-width:100%;max-height:100%;object-fit:contain}.order-journey__channels small{width:100%;color:#708096;font-size:.58rem;letter-spacing:.08em}.journey-node{position:absolute;width:210px;padding:1.2rem;border:1px solid rgba(148,163,184,.23);border-radius:1rem;background:#10182a;box-shadow:0 22px 50px -35px #000;transition:transform .2s,border-color .2s}.journey-node:hover{transform:translateY(-5px);border-color:rgba(251,123,50,.55)}.journey-node--order{top:55px;left:19%}.journey-node--automation{top:250px;left:40%}.journey-node--shipping{top:55px;left:61%}.journey-node--profit{top:155px;right:0;border-color:rgba(52,211,153,.35)}.journey-node__number{position:absolute;top:1rem;right:1rem;color:#536177;font:600 .6rem 'Plex Mono',monospace}.journey-node__icon{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid rgba(56,189,248,.3);border-radius:.65rem;background:rgba(56,189,248,.09);color:#7dd3fc;font-weight:700}.journey-node--automation .journey-node__icon{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:#c4b5fd}.journey-node--shipping .journey-node__icon{border-color:rgba(251,123,50,.35);background:rgba(251,123,50,.1);color:#fdba74}.journey-node--profit .journey-node__icon{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.1);color:#6ee7b7}.journey-node h3{margin-top:.9rem;color:#f5f7fa;font-size:.95rem;font-weight:700}.journey-node p{margin-top:.45rem;color:#8c9aad;font-size:.68rem;line-height:1.55}.journey-node em,.journey-node strong{display:inline-block;margin-top:.85rem;padding:.3rem .5rem;border-radius:.4rem;background:#1c263b;color:#9eabbc;font:400 .57rem 'Plex Mono',monospace;font-style:normal}.journey-node strong{background:rgba(52,211,153,.12);color:#6ee7b7;font-weight:600}.order-journey__return{position:absolute;bottom:2px;left:30%;display:flex;align-items:center;gap:.8rem;color:#8391a4}.order-journey__return>span{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid #46536a;border-radius:50%}.order-journey__return b{display:block;color:#b9c3d0;font-size:.7rem}.order-journey__return small{display:block;margin-top:.15rem;font-size:.6rem}
html[data-theme="light"] .journey-node{background:#fff;border-color:#cbd5e1;box-shadow:0 18px 35px -28px #475569}html[data-theme="light"] .journey-node h3{color:#0f172a}html[data-theme="light"] .journey-node p{color:#64748b}
@media(max-width:900px){.order-journey{height:auto;display:grid;gap:1rem;padding-left:2.5rem}.order-journey:before{content:"";position:absolute;top:3rem;bottom:4rem;left:1rem;width:2px;background:linear-gradient(#38bdf8,#8b5cf6,#fb7b32,#34d399)}.order-journey__route{display:none}.order-journey__channels,.journey-node,.order-journey__return{position:relative;inset:auto;width:100%}.order-journey__channels{margin-bottom:.5rem}.journey-node:hover{transform:none}.order-journey__return{margin-top:.5rem}.order-journey__channels small{width:auto}.order-journey__channels span{width:3rem}}

.profit-lab{overflow:hidden}.profit-lab__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7rem;align-items:center}.profit-lab__copy h2{margin-top:1rem;color:#fff;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.045em;font-weight:600}.profit-lab__copy>p:last-of-type{margin-top:1.4rem;color:#93a0b2;line-height:1.75}.profit-lab__controls{margin-top:2.5rem;display:grid;gap:1.7rem}.profit-lab__controls label>span{display:flex;justify-content:space-between;margin-bottom:.75rem;color:#8e9bad;font-size:.72rem}.profit-lab__controls label b{color:#f1f5f9;font-family:'Plex Mono',monospace}.profit-lab input[type=range]{width:100%;height:3px;appearance:none;border-radius:2px;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#fb7b32);cursor:pointer}.profit-lab input[type=range]::-webkit-slider-thumb{width:1.15rem;height:1.15rem;appearance:none;border:3px solid #fff;border-radius:50%;background:#fb7b32;box-shadow:0 0 0 5px rgba(251,123,50,.16)}.profit-machine{position:relative;min-height:430px;padding:3.5rem 3rem 2rem;border:1px solid rgba(148,163,184,.23);border-radius:2rem;background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.12),transparent 42%),#0d1527;box-shadow:0 35px 70px -45px #000}.profit-machine__core{position:relative;z-index:2;width:12rem;height:12rem;margin:0 auto 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(52,211,153,.4);border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.17),rgba(52,211,153,.03) 65%,transparent 66%);box-shadow:0 0 60px -20px #34d399;text-align:center}.profit-machine__core:before,.profit-machine__core:after{content:"";position:absolute;inset:-13px;border:1px dashed rgba(52,211,153,.25);border-radius:50%}.profit-machine__core:after{inset:-26px;border-color:rgba(56,189,248,.16)}.profit-machine__core small{color:#6ee7b7;font:600 .58rem 'Plex Mono',monospace;letter-spacing:.18em}.profit-machine__core strong{margin-top:.5rem;color:#fff;font:600 1.55rem 'Plex Mono',monospace}.profit-machine__core strong.is-negative{color:#fb7185}.profit-machine__core span{margin-top:.35rem;color:#9eabbc;font-size:.65rem}.profit-machine__orbit i{position:absolute;z-index:3;padding:.3rem .5rem;border:1px solid #36445a;border-radius:1rem;background:#172238;color:#8e9bad;font:400 .54rem 'Plex Mono',monospace;font-style:normal}.profit-machine__orbit i:nth-child(1){top:3.2rem;left:2rem}.profit-machine__orbit i:nth-child(2){top:6rem;right:2rem}.profit-machine__orbit i:nth-child(3){top:13rem;left:2.5rem}.profit-machine__bar{height:.65rem;display:flex;overflow:hidden;border-radius:1rem;background:#263148}.profit-machine__bar i{height:100%;transition:width .15s}.profit-machine__bar i:nth-child(1){background:#8b5cf6}.profit-machine__bar i:nth-child(2){background:#38bdf8}.profit-machine__bar i:nth-child(3){background:#fb7b32}.profit-machine__bar i:nth-child(4){background:#34d399}.profit-machine dl{margin-top:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem 2rem}.profit-machine dl>div{display:flex;justify-content:space-between;color:#8996a8;font-size:.64rem}.profit-machine dd{color:#d7dee8;font-family:'Plex Mono',monospace}.profit-machine dl>div:not(:first-child) dd{color:#fda4af}html[data-theme="light"] .profit-lab__copy h2{color:#0f172a}html[data-theme="light"] .profit-machine{background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.1),transparent 42%),#fff;border-color:#cbd5e1}
@media(max-width:850px){.profit-lab__grid{grid-template-columns:1fr;gap:4rem}.profit-machine{padding-inline:1.25rem}.profit-machine dl{grid-template-columns:1fr}.profit-machine__orbit i:nth-child(1){left:1rem}.profit-machine__orbit i:nth-child(2){right:1rem}.profit-machine__orbit i:nth-child(3){left:1rem}}

/* Public acquisition pages: readable on phones, with a direct path to signup. */
.public-mobile-start { display: none; }
.public-actions { flex-wrap: wrap; }
.public-actions--center { justify-content: center; }
.public-start__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-bottom: 2rem; }
.public-start__steps li { display: flex; align-items: start; gap: 1rem; }
.public-start__steps li > span { display: grid; place-items: center; flex: 0 0 2rem; height: 2rem; border: 1px solid #fb7b32; border-radius: 50%; color: #fb7b32; font-weight: 600; }
.public-start__steps h3 { color: #f1f5f9; font-size: 1.05rem; font-weight: 600; }
.public-start__steps p { margin-top: .5rem; color: #aebbcf; line-height: 1.6; }
.public-start .public-section__intro { margin-bottom: 2rem; }
.public-home .public-hero__note, .features-page .public-hero__note { color: #aebbcf; font-size: .875rem; line-height: 1.5; }
.features-hero > div > p.public-hero__note { margin: 1rem 0 0; font-size: .875rem; }
.registration-page { padding: 3rem 0 4rem; }
.registration-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: 'benefits form'; align-items: start; gap: 5rem; max-width: 1080px; }
.registration-card { grid-area: form; padding: 2rem; border: 1px solid rgba(148,163,184,.25); border-radius: 1.5rem; min-width: 0; }
.registration-heading { margin-bottom: 1.5rem; }
.registration-heading h1 { margin: .75rem 0; color: #fff; font-size: 1.85rem; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; }
.registration-heading > p:last-child { color: #b7c2d3; font-size: .9375rem; line-height: 1.6; }
.registration-form { display: grid; gap: 1rem; }
.registration-field { min-width: 0; }
.registration-field > label, .registration-password-label label { display: block; color: #e2e8f0; font-size: .9375rem; font-weight: 600; }
.registration-input { display: block; width: 100%; min-width: 0; min-height: 48px; margin-top: .4rem; padding: .7rem .875rem; border: 1px solid #586379; border-radius: .75rem; background: rgba(255,255,255,.06); color: #fff; font-size: 16px; line-height: 1.5; }
.registration-input:focus { outline: 2px solid #38bdf8; outline-offset: 2px; }
.registration-help { margin-top: .4rem; color: #aebbcf; font-size: .8125rem; line-height: 1.5; }
.registration-error { color: #fda4af; font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.registration-error:empty { display: none; }
.registration-password-label { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.registration-password-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -.6rem 0; padding: 0; border-radius: .5rem; color: #7dd3fc; }
.registration-password-toggle[hidden] { display: none; }
.registration-consent { display: flex; align-items: start; gap: .75rem; min-height: 44px; padding: .25rem 0; }
.registration-consent input { flex: 0 0 20px; width: 20px; height: 20px; margin: .15rem 0 0; accent-color: #f97316; }
.registration-consent label { color: #cbd5e1; font-size: .875rem; line-height: 1.6; cursor: pointer; }
.registration-submit { width: 100%; min-height: 50px; justify-content: center; font-size: 1rem; }
.registration-submit:disabled { cursor: wait; opacity: .7; }
.registration-next { margin-top: 0; text-align: center; }
.registration-login { text-align: center; color: #cbd5e1; font-size: .9375rem; }
.registration-login a { display: inline-flex; align-items: center; min-height: 44px; color: #7dd3fc; text-decoration: underline; text-underline-offset: 3px; }
.registration-benefits { grid-area: benefits; padding-top: 3rem; }
.registration-benefits h2 { margin: 1rem 0 2rem; color: #fff; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 600; line-height: 1.1; letter-spacing: -.03em; }
.registration-benefits ul { display: grid; gap: 1.5rem; margin-bottom: 2rem; }
.registration-benefits li { padding-left: 1rem; border-left: 2px solid #fb7b32; }
.registration-benefits strong { display: block; color: #e2e8f0; font-weight: 600; }
.registration-benefits li span, .registration-benefits > p:not(.eyebrow) { display: block; margin-top: .5rem; color: #aebbcf; line-height: 1.65; }
.registration-benefits > a { display: flex; min-height: 44px; margin-top: .5rem; }
.cookie-consent-card { max-height: calc(100dvh - 2rem); overflow-y: auto; overscroll-behavior: contain; }
.cookie-consent-actions button { min-height: 44px; }
.cookie-consent-actions [data-consent-accept], .cookie-consent-actions [data-consent-reject] { flex: 1; }
.cookie-consent-actions [data-consent-settings-toggle] { flex: none; }
.public-site :is(a, button, summary, input):focus-visible { outline: 2px solid #38bdf8; outline-offset: 3px; }
.public-site footer :is(a, button) { min-height: 44px; display: inline-flex; align-items: center; }
.public-site .public-section, .public-site .feature-group { scroll-margin-top: 5rem; }

html[data-theme="light"] :is(.registration-heading h1, .registration-benefits h2, .registration-benefits strong, .registration-field > label, .registration-password-label label, .public-start__steps h3) { color: #0f172a; }
html[data-theme="light"] :is(.registration-heading > p:last-child, .registration-help, .registration-consent label, .registration-login, .registration-benefits li span, .registration-benefits > p:not(.eyebrow), .public-start__steps p, .public-home .public-hero__note, .features-page .public-hero__note) { color: #475569; }
html[data-theme="light"] .registration-input { color: #0f172a; background: #fff; border-color: #94a3b8; }
html[data-theme="light"] .registration-error { color: #be123c; }
html[data-theme="light"] :is(.registration-password-toggle, .registration-login a, .registration-benefits > a, .public-text-link) { color: #075985; }
html[data-theme="light"] :is(.public-hero__lead, .public-section__intro > p:last-child, .feature-group__intro > p:last-child, .feature-group__items p, .module-index p, .profit-lab__copy > p:last-of-type) { color: #475569; }

@media (max-width: 1050px) and (min-width: 801px) {
    .public-hero__grid { gap: 2rem; }
    .public-platforms .public-shell { flex-direction: column; gap: 1rem; }
    .feature-group__grid { gap: 3rem; }
}
@media (max-width: 900px) {
    .registration-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'form' 'benefits'; max-width: 560px; gap: 2rem; }
    .registration-benefits { padding-top: 0; }
    .public-start__steps { grid-template-columns: 1fr; gap: 1.5rem; }
    .live-demo-notice { min-height: 2.5rem; height: auto; flex-wrap: wrap; gap: .25rem 1rem; padding: .5rem 1rem; }
    .live-demo-menu { min-width: 44px; min-height: 44px; }
    .live-demo-sidebar { overflow-y: auto; }
    .live-demo-sidebar button { min-height: 44px; }
}
@media (max-width: 767px) {
    .public-header #theme-toggle { display: none; }
    .public-mobile-start { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem .85rem; font-size: .8125rem; white-space: nowrap; }
    .public-menu-toggle { width: 44px; height: 44px; }
    .public-header > div, .public-header > div > div { gap: .5rem; }
    .public-header > div > a img { width: clamp(108px, 30vw, 150px); }
    .public-hero { padding: 2.25rem 0 3rem; }
    .public-hero__grid { gap: 2.5rem; }
    .public-hero .eyebrow { font-size: .625rem; letter-spacing: .12em; }
    .public-hero h1 { margin-top: 1rem; font-size: clamp(2.25rem, 9.7vw, 3.75rem); line-height: 1.05; letter-spacing: -.045em; }
    .public-hero__lead { margin-top: 1.25rem; font-size: 1rem; line-height: 1.6; }
    .public-actions { flex-direction: column; align-items: stretch; gap: .65rem; margin-top: 1.5rem; }
    .public-actions > a { justify-content: center; min-height: 48px; text-align: center; }
    .public-home .public-hero__note { margin-top: .65rem; text-align: center; }
    .public-hero .ledger { width: 100%; margin-inline: auto; padding: 1.25rem; }
    .public-section { padding: 3rem 0; }
    .public-section__intro { margin-bottom: 2rem; }
    .public-section__intro h2, .public-final-cta h2 { font-size: 2rem; line-height: 1.12; }
    .public-platforms { padding: 1.5rem 0; }
    .public-platforms p { font-size: .65rem; letter-spacing: .05em; }
    .public-platforms__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem 1.25rem; }
    .public-platforms__list span { height: 2.75rem; }
    .features-hero { padding: 2.5rem 0 3rem; }
    .features-hero h1 { font-size: clamp(2.2rem, 8vw, 3rem); line-height: 1.1; }
    .features-hero > div > p:not(.eyebrow) { font-size: 1rem; line-height: 1.6; margin-top: 1.25rem; }
    .feature-group { padding: 3rem 0; }
    .feature-group__grid { gap: 2rem; }
    .feature-group__intro > span { margin-bottom: 1rem; }
    .module-index > a { grid-template-columns: 1.75rem minmax(0, 1fr) auto; gap: .65rem; }
    .module-index h3 { font-size: 1.05rem; }
    .module-index p { font-size: .9375rem; }
    .public-final-cta__inner > div:last-child { align-items: stretch; }
    .public-final-cta__inner > div:last-child a { min-height: 48px; justify-content: center; }
    .public-pricing { padding-top: 2.5rem; }
    .public-pricing h1 { font-size: 2.25rem; line-height: 1.1; }
    .public-pricing .pricing-slider { margin-top: 2rem; }
    .registration-page { padding: 1.25rem 0 3rem; }
    .registration-card { padding: 1.25rem; border-radius: 1rem; }
    .registration-heading h1 { font-size: 1.65rem; }
    .registration-heading .eyebrow { font-size: .625rem; letter-spacing: .1em; }
    .registration-benefits h2 { font-size: 2rem; }
    .product-demo__caption { font-size: .8125rem; color: #94a3b8; }
    #cookie-consent { padding: 0 .75rem max(.75rem, env(safe-area-inset-bottom)); }
    .cookie-consent-card { padding: 1rem; }
    .cookie-consent-card > p { font-size: .8125rem; line-height: 1.5; }
    .cookie-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .75rem; }
    .cookie-consent-actions button { padding: .55rem .35rem; font-size: .75rem; white-space: normal; }
    .cookie-consent-actions [data-consent-settings-toggle] { grid-column: 1 / -1; grid-row: 2; }
    .cookie-consent-actions [data-consent-save] { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    .public-site *, .public-site *::before, .public-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Contain the decorative hero grid, which extends 20% beyond its parent. */
.registration-page, .features-page { position: relative; overflow: hidden; }
.live-demo-mobile-nav { display: none; }
.demo-orders [hidden] { display: none !important; }
@media (max-width: 900px) {
    .live-demo-mobile-nav { display: flex; gap: .5rem; overflow-x: auto; padding: .5rem 1rem; border-bottom: 1px solid #303a50; background: #070b1b; }
    .live-demo-mobile-nav button { flex: none; min-height: 44px; padding: .5rem .75rem; border-radius: .5rem; color: #cbd5e1; font-size: .875rem; }
    .live-demo-mobile-nav button.is-active { color: #fff; background: #273044; box-shadow: inset 0 -2px #fb7b32; }
}

html[data-theme="light"] .public-menu-toggle { color: #0f172a; background: #fff; border-color: #94a3b8; }

html[data-theme="light"] .registration-consent a { color: #075985; }

/* Explicit image boxes: percentage max-height alone lets SVGs overflow in WebKit. */
.order-journey__channels span { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.order-journey__channels img { display: block; flex: none; width: 1.4rem; height: 1.4rem; object-fit: contain; }
.demo-marketplace { min-width: 0; max-width: 100%; height: 2rem; justify-content: center; }
.demo-marketplace img { display: block; flex: none; width: 2rem; height: 2rem; object-fit: contain; }
.public-platforms__list span { min-width: 0; align-items: center; }
.public-platforms__list img { display: block; width: 100%; height: 2.5rem; object-fit: contain; }
@media (max-width: 767px) {
    .public-platforms__list img { height: 2rem; }
    .public-platforms__list .public-platforms__logo--light img { width: 2rem; }
}

/* Task pages put the form first in reading and keyboard order. */
.public-form-page { padding: 3rem 0 4rem; }
.public-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "aside form"; gap: 4rem; align-items: start; max-width: 1080px; }
.public-form-card { grid-area: form; min-width: 0; padding: 2rem; }
.public-form-aside { grid-area: aside; min-width: 0; padding-top: 1rem; }
.public-login-layout { max-width: 480px; }
.public-form-card h1 { line-height: 1.2; }
.public-form-card label { font-size: .9375rem; letter-spacing: normal; text-transform: none; }
.public-form-card input:not([type="hidden"]), .public-form-card textarea { font-size: 16px; }
.public-form-card textarea { resize: vertical; }
.public-form-card button[type="submit"] { min-height: 48px; }
.public-form-card > p a, .public-form-aside a { display: inline-flex; min-height: 44px; align-items: center; }
.public-login-help { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 .5rem; }
.public-login-help > span { display: none; }
html[data-theme="light"] .public-form-card a { color: #075985; }
@media (max-width: 1023px) {
    .public-form-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "form" "aside"; max-width: 560px; gap: 2rem; }
    .public-form-aside { padding-top: 0; }
}
@media (max-width: 767px) {
    .public-form-page { padding: 1.25rem 0 3rem; }
    .public-form-card { padding: 1.25rem; border-radius: 1rem; }
}

/* Lightweight social links, shared by the footer and contact page. */
/* Compact social icons with comfortable touch targets. */
.social-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .625rem; }
.social-link { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(148,163,184,.2); border-radius: 50%; background: rgba(148,163,184,.08); color: #cbd5e1; transition: background-color .15s, border-color .15s, color .15s; }
.social-link svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; }
.social-link:hover { background: rgba(148,163,184,.16); border-color: #64748b; }
.social-link:focus-visible { outline: 2px solid #38bdf8; outline-offset: 3px; }
.social-link--facebook:hover { color: #60a5fa; }
.social-link--instagram:hover { color: #f472b6; }
.footer-socials { display: flex; flex-direction: column; align-items: center; gap: .75rem; }
.contact-socials .social-links { justify-content: flex-start; }
html[data-theme="light"] .social-link { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
html[data-theme="light"] .social-link:hover { background: #e2e8f0; border-color: #cbd5e1; }
html[data-theme="light"] .social-link--facebook:hover { color: #2563eb; }
html[data-theme="light"] .social-link--instagram:hover { color: #be185d; }

.social-heading { margin: 0 0 .75rem; color: #cbd5e1; font-size: .875rem; font-weight: 500; }
.footer-socials .social-heading { margin: 0; }
.public-section-label { display: block; color: #cbd5e1; font-size: .875rem; font-weight: 500; }
html[data-theme="light"] :is(.social-heading, .public-section-label) { color: #475569; }

.registration-password-toggle svg { width: 20px; height: 20px; }
.registration-password-toggle [data-password-eye-off],
.registration-password-toggle[aria-pressed="true"] [data-password-eye] { display: none; }
.registration-password-toggle[aria-pressed="true"] [data-password-eye-off] { display: block; }
.registration-password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.registration-password-input { position: relative; }
.registration-password-input .registration-input { padding-right: 3.25rem; }
.registration-password-input .registration-password-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); margin: 0; }

/* Poradnik i kalkulator rentowności. */
.profit-guide{max-width:900px;padding-block:3rem 5rem;color:#cbd5e1;line-height:1.8;overflow-wrap:anywhere}
.profit-guide header{margin-top:3rem}.profit-guide h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.1;letter-spacing:-.035em;font-weight:600;color:#fff}
.profit-guide h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;font-weight:600;color:#fff;margin-bottom:1rem}
.profit-guide p{margin-block:1rem}.profit-guide section{margin-top:3.5rem;scroll-margin-top:7rem}.profit-guide a:not(.btn-gradient){color:#7dd3fc;text-decoration:underline;text-underline-offset:4px}
.profit-guide ul{list-style:disc;padding-left:1.4rem}.profit-guide li{margin-block:.65rem}.profit-guide__contents{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem}
.profit-guide__formula,.profit-calculator{padding:1.5rem;border:1px solid #475569;border-radius:1rem;background:#0f172a}
.profit-calculator__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profit-calculator label{font-weight:500}
.profit-calculator input{display:block;width:100%;min-width:0;margin-top:.4rem;min-height:48px;padding:.6rem .8rem;border:1px solid #64748b;border-radius:.5rem;background:#1e293b;color:#fff;font-size:16px}
.profit-calculator input:focus{outline:2px solid #38bdf8;outline-offset:2px}.profit-calculator button{margin-top:1.5rem}.profit-calculator__result{margin-top:1.5rem;border-top:1px solid #475569;padding-top:.5rem}.profit-calculator output{font-weight:600;color:#fff}
.profit-calculator [role="alert"]{color:#fda4af}.profit-calculator [hidden]{display:none}
html[data-theme="light"] .profit-guide{color:#334155}html[data-theme="light"] .profit-guide h1,html[data-theme="light"] .profit-guide h2,html[data-theme="light"] .profit-calculator output{color:#0f172a}
html[data-theme="light"] .profit-guide a:not(.btn-gradient){color:#0369a1}html[data-theme="light"] .profit-guide__formula,html[data-theme="light"] .profit-calculator{background:#f8fafc;border-color:#cbd5e1}
html[data-theme="light"] .profit-calculator input{color:#0f172a;background:#fff}html[data-theme="light"] .profit-calculator [role="alert"]{color:#be123c}
@media(max-width:600px){.profit-calculator__fields{grid-template-columns:1fr}.profit-calculator{padding:1rem}.profit-guide{padding-top:2rem}}