*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10243b;background:#fff}a{text-decoration:none;color:inherit}.site-header{height:78px;background:#fff;border-bottom:1px solid #e7ebef;display:flex;align-items:center;padding:0 5%;position:sticky;top:0;z-index:50;gap:28px}.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-link img{width:185px;height:auto;display:block}.site-nav{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:.9rem;font-weight:650;color:#344054}.site-nav a:hover{color:#ea580c}.header-actions{display:flex;gap:10px;align-items:center}.signin,.header-cta{padding:11px 18px;border-radius:8px;font-weight:750}.signin{border:1px solid #cfd6de;background:#fff}.header-cta{background:#ea580c;color:#fff}.hero-new{min-height:600px;padding:78px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;background:linear-gradient(115deg,#071a2d 0%,#102a43 58%,#7c431e 100%);color:#fff;overflow:hidden;position:relative}.hero-new:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-160px;background:radial-gradient(circle,rgba(249,115,22,.48),rgba(249,115,22,0) 68%)}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#f97316}.hero-new h1{font-size:clamp(3rem,5.4vw,5.25rem);line-height:.98;letter-spacing:-.045em;margin:14px 0 25px}.hero-new h1 span{color:#f97316}.hero-new p{font-size:1.13rem;line-height:1.65;color:#d8e0e8;max-width:690px}.hero-actions{display:flex;gap:13px;margin:28px 0 34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:9px;font-weight:800;transition:.18s transform,.18s box-shadow}.button:hover{transform:translateY(-1px)}.button-primary{background:#f97316;color:#fff;box-shadow:0 8px 22px rgba(249,115,22,.22)}.button-outline{background:#fff;color:#10243b;border:1px solid #d3dbe3}.hero-new .button-outline{background:transparent;color:#fff;border-color:#718197}.play{font-size:.7rem;border:1px solid #718197;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.hero-points div{border-top:1px solid rgba(255,255,255,.18);padding-top:13px}.hero-points strong{display:block;font-size:.88rem}.hero-points span{display:block;color:#aebdca;font-size:.72rem;line-height:1.4;margin-top:4px}.hero-visual{height:470px;position:relative;z-index:2}.glow{position:absolute;inset:40px 0 20px;background:radial-gradient(circle,rgba(249,115,22,.34),transparent 62%);filter:blur(8px)}.device{position:absolute;background:#0d1724;box-shadow:0 25px 60px rgba(0,0,0,.38)}.laptop{width:88%;height:310px;left:5%;top:70px;border-radius:14px;padding:9px}.device-bar{height:18px;display:flex;gap:5px;padding-left:6px;align-items:center}.device-bar i,.browser-bar i{width:6px;height:6px;border-radius:50%;background:#748092;display:block}.mini-site{background:#fff;height:270px;border-radius:7px;overflow:hidden;color:#10243b}.mini-nav{height:35px;border-bottom:1px solid #e8ebef;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:8px}.mini-nav b{font-size:10px}.mini-hero{height:165px;padding:28px;background:linear-gradient(120deg,#122a42,#27465e);color:#fff}.mini-hero small{font-size:7px;color:#f97316;letter-spacing:2px}.mini-hero strong{display:block;font-size:24px;line-height:1.02;margin:9px 0}.mini-hero button{border:0;border-radius:5px;background:#f97316;color:#fff;padding:7px 11px;font-size:7px}.mini-products{display:flex;gap:8px;padding:10px}.mini-products span{height:35px;flex:1;border-radius:4px;background:#e7ebef}.phone{width:115px;height:245px;border-radius:18px;right:2%;bottom:15px;padding:8px;border:4px solid #172334}.phone-bar{width:40px;height:5px;border-radius:8px;background:#2d3b4d;margin:2px auto 8px}.phone-site{background:#fff;height:215px;border-radius:10px;padding:15px;color:#10243b}.phone-site b{font-size:13px}.phone-card{height:55px;background:#eef1f4;border-radius:6px;margin-top:12px}.visual-note{position:absolute;background:#fff;color:#10243b;border-radius:8px;padding:9px 12px;font-size:.75rem;box-shadow:0 12px 30px rgba(0,0,0,.18);line-height:1.3}.note-one{right:1%;top:22px}.note-two{left:0;bottom:36px}.workflow{padding:85px 7%;max-width:1500px;margin:auto}.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading{max-width:850px;margin-bottom:38px}.section-heading h2{font-size:2.35rem;letter-spacing:-.025em;margin:8px 0 12px}.section-heading p{color:#667085;line-height:1.65}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workflow-grid article{border:1px solid #dce4ea;border-radius:16px;padding:30px 28px 25px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%);position:relative;min-height:220px;overflow:hidden;box-shadow:0 10px 28px rgba(16,36,59,.05)}.workflow-grid article:after{content:"";position:absolute;right:-35px;top:-35px;width:100px;height:100px;border-radius:50%;background:#fff0e6}.workflow-word{font-size:clamp(2.2rem,3.2vw,3.25rem);font-weight:900;letter-spacing:-.055em;line-height:1;color:#10243b;margin:0 0 25px;position:relative;z-index:1}.workflow-grid article:nth-child(2) .workflow-word,.workflow-grid article:nth-child(4) .workflow-word{color:#ea580c}.workflow-grid h3{margin:0 0 8px;font-size:1rem;position:relative;z-index:1}.workflow-grid p{color:#667085;line-height:1.55;margin:0;position:relative;z-index:1}.workflow-line{display:block;width:42px;height:4px;border-radius:4px;background:#f97316;margin-top:22px}.music{background:linear-gradient(145deg,#24133e,#7545a6)}.mobile{background:linear-gradient(145deg,#092d35,#17a3a0)}.feature-band{background:#f1f5f8;padding:85px 7%}.feature-grid-new{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid-new article{background:#fff;border:1px solid #e1e7ec;border-radius:13px;padding:28px}.feature-icon{width:44px;height:44px;border-radius:12px;background:#fff4ec;color:#ea580c;display:grid;place-items:center;font-weight:900;font-size:1.1rem}.feature-grid-new h3{margin:17px 0 8px}.feature-grid-new p{color:#667085;line-height:1.55}.plans-section{padding:85px 7%;background:#fff}.plans-new{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-new{border:1px solid #dfe5ea;border-radius:15px;padding:29px;display:flex;flex-direction:column;background:#fff;box-shadow:0 8px 28px rgba(16,36,59,.05)}.featured-plan{border:2px solid #f97316;transform:translateY(-7px);box-shadow:0 18px 42px rgba(16,36,59,.12)}.plan-top span{font-size:.7rem;color:#ea580c;font-weight:900;letter-spacing:.1em}.plan-new h3{font-size:1.65rem;margin:9px 0 7px}.plan-new p{color:#667085;line-height:1.55;min-height:49px}.plan-new ul{list-style:none;padding:0;margin:18px 0 28px}.plan-new li{padding:8px 0 8px 24px;border-bottom:1px solid #edf0f2;color:#475467;font-size:.9rem;position:relative}.plan-new li:before{content:"✓";position:absolute;left:0;color:#ea580c;font-weight:900}.full{width:100%;margin-top:auto}.examples{background:#071a2d;color:#fff;padding:82px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.examples h2{font-size:2.5rem;letter-spacing:-.03em;margin:9px 0 15px}.examples-copy p{color:#b9c7d5;line-height:1.65;max-width:510px}.example-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preview-card{display:block}.browser{background:#f8fafc;border-radius:10px;padding:7px;box-shadow:0 15px 35px rgba(0,0,0,.28)}.browser-bar{height:16px;display:flex;gap:4px;align-items:center;padding-left:4px}.preview-screen{height:150px;border-radius:6px;overflow:hidden;padding:18px;color:#fff;position:relative}.preview-screen strong{display:block;font-size:16px;line-height:.95}.preview-screen em{color:#f97316;font-style:normal}.preview-screen span{display:block;font-size:9px;line-height:1.25;margin-top:35px}.preview-nav{position:absolute;bottom:0;left:0;right:0;padding:8px;background:rgba(0,0,0,.32);font-size:7px}.camera{background:linear-gradient(145deg,#17212d,#556473)}.tech{background:linear-gradient(145deg,#132d4c,#1687b8)}.fashion{background:linear-gradient(145deg,#6d1f48,#c66b93)}.preview-card>strong{display:block;font-size:.85rem;margin-top:12px}.preview-card>span{font-size:.75rem;color:#aab9c8}.facts-strip{padding:55px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#102a43;color:#fff}.facts-strip h2{font-size:1.8rem;max-width:750px;margin:8px 0 0}.button-outline-light{border:1px solid #71869b;color:#fff}.final-cta{text-align:center;padding:80px 7%;background:#fff}.final-cta h2{font-size:2.4rem;margin:0 0 10px}.final-cta p{color:#667085;margin-bottom:25px}.site-footer{background:#091622;color:#c8d2dc;padding:55px 7%;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer-brand img{width:175px;background:#fff;border-radius:4px;padding:4px}.footer-brand p{font-size:.82rem;color:#8fa1b2}.site-footer h4{color:#fff;margin:0 0 14px}.site-footer a,.site-footer span{display:block;color:#9eafbe;font-size:.8rem;margin:9px 0}.site-footer a:hover{color:#f97316}@media(max-width:1050px){.site-nav{gap:13px}.hero-new{grid-template-columns:1fr}.hero-visual{max-width:700px;width:100%;margin:auto}.plans-new,.feature-grid-new{grid-template-columns:1fr}.featured-plan{transform:none}.examples{grid-template-columns:1fr}.example-previews{max-width:900px}.site-footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 5%}.site-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:3px}.site-nav a{white-space:nowrap}.header-actions{margin-left:auto}.logo-link img{width:155px}.hero-new{padding:65px 7%;min-height:auto}.hero-new h1{font-size:3rem}.hero-points,.workflow-grid{grid-template-columns:1fr 1fr}.hero-visual{height:350px}.laptop{width:92%;height:240px}.mini-site{height:205px}.mini-hero{height:125px}.phone{transform:scale(.8);transform-origin:bottom right}.note-two{display:none}.example-previews{grid-template-columns:1fr}.facts-strip{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hero-points,.workflow-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.site-footer{grid-template-columns:1fr}.header-actions .signin{display:none}}
/* Public information pages */
.info-page{background:#f5f7f9;min-height:calc(100vh - 78px)}
.info-hero{padding:78px 7%;background:linear-gradient(115deg,#071a2d,#102a43 62%,#7c431e);color:#fff}
.info-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1;margin:12px 0 18px;letter-spacing:-.045em}
.info-hero p{max-width:760px;color:#d8e0e8;line-height:1.7;font-size:1.05rem}
.info-content{max-width:1050px;margin:auto;padding:65px 7% 90px}
.info-content h2{color:#10243b;font-size:1.65rem;margin:38px 0 10px}
.info-content h2:first-child{margin-top:0}
.info-content h3{color:#10243b;margin:26px 0 8px}
.info-content p,.info-content li{color:#596575;line-height:1.7}
.info-content ul{padding-left:22px}
.info-card{background:#fff;border:1px solid #e0e6eb;border-radius:14px;padding:30px;margin:18px 0;box-shadow:0 8px 28px rgba(16,36,59,.04)}
.info-meta{font-size:.78rem;color:#7a8795;margin-top:18px}
.signup-note{margin-top:18px;padding:14px 16px;border:1px solid #dbe3e9;border-radius:9px;background:#f5f8fa}
.signup-note strong{display:block;color:#10243b;font-size:.88rem}
.signup-note span{display:block;color:#667085;font-size:.8rem;line-height:1.5;margin-top:4px}
.example-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.example-large{background:#071a2d;color:#fff;border-radius:15px;padding:14px;box-shadow:0 15px 40px rgba(16,36,59,.14)}
.example-large .preview-screen{height:250px}
.example-large .preview-screen strong{font-size:30px}
.example-large .preview-screen span{font-size:12px}
.example-large h3{color:#fff;margin:17px 4px 6px}
.example-large p{color:#b9c7d5;margin:0 4px 5px;font-size:.85rem}
.example-note{padding:16px 18px;border-left:3px solid #f97316;background:#fff4ec;color:#475467;line-height:1.55;border-radius:7px}
@media(max-width:850px){.example-page-grid{grid-template-columns:1fr}.info-hero{padding:60px 7%}}

/* GearCashOut reference presentation in the TradeFlow hero */
.gear-example{height:325px}.gear-site{height:285px}.gear-nav{height:39px;padding:0 11px;background:#f3eee3;color:#15191d}.gear-nav b{font-size:12px;white-space:nowrap}.gear-nav b span:not(.gear-mark){color:#ef5b20}.gear-nav>span{font-size:6px;color:#20252a}.gear-nav button{border:0;background:#f15a24;color:#fff;border-radius:3px;font-size:5px;padding:6px 8px;font-weight:800}.gear-mark{display:inline-grid;place-items:center;width:13px;height:13px;border:1.5px solid #171b1e;border-radius:50%;font-size:8px;margin-right:2px}.gear-hero{height:195px;padding:23px 25px;background:#101214}.gear-hero small{font-size:5px;color:#a9d93b;letter-spacing:1.3px}.gear-hero strong{font-size:25px;line-height:.9;margin:8px 0;color:#f7f7f7}.gear-hero strong em{color:#f15a24}.gear-hero p{font-size:6px;color:#d0d0d0;line-height:1.45;max-width:310px;margin:10px 0}.gear-hero button{border:0;background:#f15a24;color:#fff;font-size:5px;font-weight:800;padding:7px 10px;border-radius:2px}.gear-links{height:38px;padding:10px 15px;background:#101214;color:#ddd;gap:16px}.gear-links span{font-size:5px;background:none}.gear-phone{height:270px;width:126px;right:1%;bottom:8px;padding:7px;border-radius:20px;border:4px solid #172334}.gear-mobile{height:242px;border-radius:10px;padding:0;overflow:hidden;background:#101214;color:#fff}.gear-mobile-head{height:32px;background:#f3eee3;color:#15191d;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.gear-mobile-head b{font-size:8px}.gear-mobile-head b span:not(.gear-mark){color:#ef5b20}.gear-mobile-head small{font-size:6px}.gear-mobile-hero{padding:17px 10px 14px;background:#101214}.gear-mobile-hero small{font-size:4px;color:#a9d93b;letter-spacing:1px}.gear-mobile-hero strong{display:block;font-size:15px;line-height:.91;margin:6px 0 13px}.gear-mobile-hero strong em{color:#f15a24;font-style:normal}.gear-mobile-hero button{border:0;background:#f15a24;color:#fff;font-size:4px;font-weight:800;padding:6px 7px}.gear-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px}.gear-mobile-links span{font-size:4px;border-top:1px solid #343434;padding-top:6px;color:#ddd}.note-one{right:0;top:17px}.note-two{left:-4px;bottom:27px}

/* Expanded example gallery */
.example-previews{grid-template-columns:repeat(5,minmax(120px,1fr))}.preview-screen.music{background:linear-gradient(145deg,#24133e,#7545a6)}.preview-screen.mobile{background:linear-gradient(145deg,#092d35,#17a3a0)}
@media(max-width:1050px){.example-previews{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.example-previews{grid-template-columns:1fr 1fr}}@media(max-width:480px){.example-previews{grid-template-columns:1fr}}

/* Refined workflow and additional example industries */
.workflow-grid article{transition:transform .18s ease,box-shadow .18s ease;border-top:3px solid #f97316}.workflow-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(16,36,59,.09)}.step-icon{width:56px;height:56px;border-radius:15px;background:linear-gradient(145deg,#fff4ec,#ffe2cf);font-size:1.35rem;box-shadow:inset 0 0 0 1px #ffd3b8}.step-icon-buy{color:#ea580c}.step-icon-manage{color:#10243b}.step-icon-sell{color:#c2410c}.music{background:linear-gradient(145deg,#161126,#5b2f82)}.music em{color:#f97316}.mobile{background:linear-gradient(145deg,#10243b,#2e6d91)}.mobile em{color:#f97316}

/* Rich customer website examples */
.example-previews{grid-template-columns:repeat(2,1fr);gap:22px}.preview-card{min-width:0}.mock-home{height:255px;border-radius:11px;overflow:hidden;position:relative;background:#fff;color:#17202a;box-shadow:0 18px 38px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}.mock-nav{height:34px;padding:0 10px;display:flex;align-items:center;gap:10px;font-size:6px}.mock-nav b{font-size:10px;white-space:nowrap}.mock-nav span{flex:1;text-align:center;opacity:.72;white-space:nowrap}.mock-nav button,.mock-hero button{border:0;border-radius:3px;padding:5px 7px;font-size:5px;font-weight:800}.mock-hero{padding:22px 15px 13px;min-height:126px}.mock-hero small{font-size:5px;letter-spacing:1.2px;font-weight:800;opacity:.7}.mock-hero strong{display:block;font-size:22px;line-height:.94;max-width:240px;margin:7px 0}.mock-hero p{font-size:6px;line-height:1.35;max-width:240px;margin:6px 0 10px;opacity:.78}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 9px}.mock-product{min-height:66px;padding:5px;border-radius:4px;background:rgba(255,255,255,.72);font-size:5px}.mock-product b{display:block;font-size:6px;margin-top:4px}.mock-product span{opacity:.6}.product-art{display:block;height:25px;border-radius:3px;background:linear-gradient(135deg,#dfe6ec,#fff)}.mock-gear{background:#101214;color:#fff}.mock-gear .mock-nav{background:#f1ede4;color:#15191d}.mock-gear .mock-nav b{color:#15191d}.mock-gear .mock-nav b:after{content:"OUT";color:#f15a24}.mock-gear .mock-nav button,.mock-gear .mock-hero button{background:#f15a24;color:#fff}.mock-gear .mock-hero{background:linear-gradient(110deg,#101214 45%,#1e252b)}.mock-gear .mock-hero strong{font-size:24px}.mock-gear .mock-hero strong:after{content:"";display:block}.mock-gear .mock-products{background:#101214}.mock-gear .product-art{background:linear-gradient(135deg,#394652,#b6c1ca)}
.mock-tech{background:#f6f8fb;color:#14253b}.mock-tech .mock-nav{background:#fff;border-bottom:1px solid #e2e8ef}.mock-tech .mock-nav b{color:#1261a0}.mock-tech .mock-nav button,.mock-tech .mock-hero button{background:#1261a0;color:#fff}.mock-tech .mock-hero{background:linear-gradient(120deg,#dcefff,#fff)}.mock-tech .mock-hero strong{font-size:24px}.mock-tech .product-art{background:linear-gradient(135deg,#d8e9f8,#fff)}
.mock-fashion{background:#f8f2ec;color:#292522;font-family:Georgia,serif}.mock-fashion .mock-nav{border-bottom:1px solid #d8cdc2}.mock-fashion .mock-nav button{background:#292522;color:#fff}.mock-fashion .mock-hero{background:#e9d8cb;text-align:center}.mock-fashion .mock-hero strong{font-size:25px;margin-left:auto;margin-right:auto}.mock-fashion .mock-hero p{margin-left:auto;margin-right:auto}.mock-fashion .mock-hero button{background:#292522;color:#fff}.mock-fashion .mock-products{background:#f8f2ec}.mock-fashion .product-art{background:linear-gradient(135deg,#d7c1b4,#f4ece5)}
.mock-music{background:#100c1d;color:#fff}.mock-music .mock-nav{background:#181126}.mock-music .mock-nav button,.mock-music .mock-hero button{background:#f97316;color:#fff}.mock-music .mock-hero{background:radial-gradient(circle at 80% 20%,#7c3aed,#1b1230 55%)}.mock-music .mock-hero strong{font-size:24px}.mock-music .mock-products{background:#100c1d}.mock-music .product-art{background:linear-gradient(135deg,#34214f,#f97316)}
.mock-mobile{background:#f2fbfa;color:#103b3a}.mock-mobile .mock-nav{background:#fff}.mock-mobile .mock-nav button,.mock-mobile .mock-hero button{background:#0f766e;color:#fff}.mock-mobile .mock-hero{background:linear-gradient(120deg,#d8f3ef,#fff)}.mock-mobile .mock-hero strong{font-size:24px}.mock-mobile .mock-products{background:#f2fbfa}.mock-mobile .product-art{background:linear-gradient(135deg,#b8e1dc,#fff)}
.preview-card>strong{margin-top:11px}.preview-card>span{display:block;margin-top:3px}
@media(max-width:1050px){.example-previews{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.example-previews{grid-template-columns:1fr}}
.rich-example-grid{grid-template-columns:repeat(2,1fr)}.rich-example-card{padding:12px}.rich-example-card .preview-card{display:block}.rich-example-card .mock-home{height:330px}.rich-example-card>strong{display:block;color:#fff;font-size:1rem;margin:15px 4px 4px}.rich-example-card>span{display:block;color:#b9c7d5;margin:0 4px;font-size:.8rem}.rich-example-grid .mock-hero{min-height:165px;padding:30px 22px}.rich-example-grid .mock-hero strong{font-size:30px}.rich-example-grid .mock-products{padding:10px 14px}.rich-example-grid .mock-product{min-height:85px}.rich-example-grid .product-art{height:40px}@media(max-width:850px){.rich-example-grid{grid-template-columns:1fr}}

/* Homepage section blocks and stronger visual rhythm */
.workflow{background:#f2f5f8;max-width:none;padding:92px 7%;border-top:1px solid #e2e8ee;border-bottom:1px solid #e2e8ee}
.workflow-grid{max-width:1450px;margin:auto}
.workflow-grid article{background:#fff;border:1px solid #d9e1e8;border-top:4px solid #f97316;box-shadow:0 14px 34px rgba(16,36,59,.08)}
.feature-band{background:#fff;padding:92px 7%;position:relative}
.feature-band:before{content:"";display:block;height:7px;max-width:1450px;margin:0 auto 70px;border-radius:7px;background:linear-gradient(90deg,#102a43 0 48%,#f97316 48% 100%)}
.feature-grid-new{max-width:1450px;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-grid-new article{min-height:215px;border:1px solid #dce4ea;border-radius:16px;padding:30px;background:linear-gradient(145deg,#fff 0%,#f7f9fb 100%);box-shadow:0 12px 30px rgba(16,36,59,.06);position:relative;overflow:hidden}
.feature-grid-new article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-35px;background:#fff0e6}
.feature-icon{position:relative;z-index:1}
.feature-grid-new h3,.feature-grid-new p{position:relative;z-index:1}
.plans-section{background:#eef2f5;padding:92px 7%;border-top:1px solid #dfe6ec;border-bottom:1px solid #dfe6ec}
.plans-new{max-width:1280px;gap:22px}
.plan-new{min-height:500px;border:1px solid #d4dde5;border-radius:18px;padding:32px;background:#fff;box-shadow:0 14px 34px rgba(16,36,59,.07)}
.featured-plan{background:linear-gradient(180deg,#102a43 0%,#183b5b 100%);color:#fff;border:2px solid #f97316;box-shadow:0 22px 48px rgba(16,36,59,.18)}
.featured-plan .plan-top p,.featured-plan li{color:#d5e0ea}
.featured-plan li{border-bottom-color:rgba(255,255,255,.13)}
.featured-plan li:before{color:#f97316}
.featured-plan .button-primary{background:#f97316}
.examples{padding:92px 7%;border-top:6px solid #f97316}
.facts-strip{padding:65px 7%;background:linear-gradient(110deg,#071a2d,#102a43 62%,#7c431e)}
.final-cta{padding:95px 7%;background:linear-gradient(180deg,#fff 0%,#f2f5f8 100%);border-top:1px solid #dfe6ec}
.final-cta .button-primary{min-width:180px}
@media(max-width:1050px){.feature-grid-new{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.feature-band:before{margin-bottom:45px}.feature-grid-new{grid-template-columns:1fr}.plans-section,.workflow,.feature-band{padding-left:6%;padding-right:6%}}


/* Homepage visual system v2 — cohesive sections rather than alternating full-width bands */
body{background:#f4f6f8}
.workflow,.feature-band,.plans-section,.examples,.facts-strip,.final-cta{position:relative}
.workflow{background:transparent;border:0;max-width:1500px;padding:96px 7% 82px}
.workflow .section-heading{margin-bottom:42px}
.workflow-grid article{border:1px solid #dbe3ea;border-top:3px solid #f97316;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(16,36,59,.07);min-height:205px}
.workflow-grid article:after{background:#fff4ec}
.feature-band{margin:18px 5% 30px;padding:82px 4.5%;border-radius:28px;background:linear-gradient(145deg,#0a2035 0%,#102d48 70%,#173a59 100%);color:#fff;box-shadow:0 24px 55px rgba(16,36,59,.15);overflow:hidden}
.feature-band:before{height:5px;margin:0 auto 55px;background:linear-gradient(90deg,#f97316,#ff9a52);max-width:100%}
.feature-band .section-heading h2{color:#fff}
.feature-band .section-heading p{color:#b9c8d6}
.feature-grid-new{gap:16px}
.feature-grid-new article{min-height:200px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);box-shadow:none;color:#fff}
.feature-grid-new article:after{background:rgba(249,115,22,.12)}
.feature-grid-new h3{color:#fff}
.feature-grid-new p{color:#b9c8d6}
.feature-icon{background:rgba(249,115,22,.13);color:#ff9a52;box-shadow:none}
.plans-section{background:transparent;border:0;padding:76px 7% 92px}
.plans-new{gap:20px}
.plan-new{background:#fff;border:1px solid #dbe3ea;box-shadow:0 14px 34px rgba(16,36,59,.07)}
.featured-plan{background:linear-gradient(155deg,#0a2035,#173a59);border:2px solid #f97316}
.examples{margin:0 5% 30px;padding:76px 4.5%;border:0;border-radius:28px;background:#0a2035;box-shadow:0 24px 55px rgba(16,36,59,.15)}
.examples-copy h2{color:#fff}
.examples-copy p{color:#b9c8d6}
.example-previews{gap:18px}
.preview-card .mock-home{box-shadow:0 16px 35px rgba(0,0,0,.3)}
.facts-strip{margin:0 5% 30px;padding:42px 4.5%;border-radius:22px;background:linear-gradient(100deg,#fff3e9,#ffe7d4);color:#10243b;border:1px solid #ffd5b8;box-shadow:0 12px 30px rgba(16,36,59,.06)}
.facts-strip .eyebrow{color:#ea580c}
.facts-strip h2{color:#10243b}
.facts-strip .button-outline-light{color:#10243b;border-color:#9aa8b6;background:#fff}
.final-cta{margin:0 5% 70px;padding:82px 7%;border-radius:28px;background:linear-gradient(145deg,#0a2035,#173a59);color:#fff;border:0;box-shadow:0 24px 55px rgba(16,36,59,.15)}
.final-cta h2{color:#fff}
.final-cta p{color:#b9c8d6}
@media(max-width:760px){
  .workflow{padding-top:70px}
  .feature-band,.examples,.facts-strip,.final-cta{margin-left:4%;margin-right:4%;border-radius:20px}
  .feature-band{padding:65px 5%}
  .examples{padding:65px 5%}
  .facts-strip{padding:35px 5%}
  .final-cta{padding:65px 6%;margin-bottom:45px}
}

/* Hero device proportions — use a realistic laptop display rather than an ultra-wide screen */
.hero-visual .laptop.gear-example{
  width:72%;
  height:350px;
  left:4%;
  top:48px;
  padding:10px 10px 16px;
  border-radius:14px 14px 10px 10px;
}
.hero-visual .laptop.gear-example:after{
  content:"";
  position:absolute;
  left:-4%;
  right:-4%;
  bottom:-13px;
  height:14px;
  background:#09131f;
  clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);
  border-radius:0 0 8px 8px;
}
.hero-visual .laptop.gear-example .gear-site{
  height:324px;
}
.hero-visual .laptop.gear-example .gear-hero{
  height:240px;
}
.hero-visual .laptop.gear-example .gear-links{
  height:45px;
}
.hero-visual .laptop.gear-example .gear-nav{
  height:40px;
}
@media(max-width:1050px){
  .hero-visual .laptop.gear-example{
    width:76%;
  }
}
@media(max-width:760px){
  .hero-visual .laptop.gear-example{
    width:82%;
    height:285px;
    top:38px;
  }
  .hero-visual .laptop.gear-example .gear-site{
    height:259px;
  }
  .hero-visual .laptop.gear-example .gear-hero{
    height:185px;
  }
  .hero-visual .laptop.gear-example .gear-links{
    height:34px;
  }
}

/* Hero website preview — clean browser presentation */
.hero-visual{position:relative;min-height:430px}
.hero-visual .glow{position:absolute;inset:8% 4% 5% 4%;background:radial-gradient(circle at 60% 35%,rgba(249,115,22,.24),transparent 52%);filter:blur(12px)}
.website-preview{position:absolute;z-index:2;left:0;top:48px;width:88%;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.5);transform:perspective(1100px) rotateY(-3deg)}
.browser-chrome{height:30px;background:#eef1f4;display:flex;align-items:center;padding:0 11px;gap:12px;color:#74808b}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#b5bdc5}.browser-address{height:18px;line-height:18px;flex:1;max-width:310px;background:#fff;border:1px solid #d9dee3;border-radius:5px;padding:0 9px;font-size:6px;color:#65717d}.browser-actions{font-size:9px;letter-spacing:1px}
.website-screen{background:#f7f8f9;color:#10243b}
.preview-nav{height:38px;background:#fff;border-bottom:1px solid #e6eaee;display:flex;align-items:center;padding:0 14px;gap:15px;font-size:6px}.preview-nav b{font-size:10px;display:flex;align-items:center;gap:5px}.preview-nav>span{flex:1;text-align:center;color:#63707d}.preview-nav button{border:0;background:#f97316;color:#fff;border-radius:4px;padding:6px 8px;font-size:5px;font-weight:800}
.preview-logo-mark{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#102a43;color:#fff;font-size:7px}
.preview-hero{min-height:230px;padding:28px 22px;background:linear-gradient(120deg,#eef4f7 0%,#fff 58%,#e9eef2 100%);display:flex;justify-content:space-between;gap:10px;overflow:hidden}.preview-hero small{font-size:5px;letter-spacing:1.2px;color:#f97316;font-weight:800}.preview-hero strong{display:block;font-size:25px;line-height:.94;margin:8px 0;color:#10243b}.preview-hero strong em{font-style:normal;color:#f97316}.preview-hero p{font-size:6px;line-height:1.45;max-width:205px;color:#607080;margin:9px 0}.preview-hero button{border:0;background:#102a43;color:#fff;border-radius:4px;padding:7px 10px;font-size:5px;font-weight:800}
.preview-product-scene{position:relative;width:42%;min-width:150px}.scene-card{position:absolute;width:85px;height:105px;border-radius:8px;padding:9px;background:#fff;box-shadow:0 14px 30px rgba(16,36,59,.13);font-size:5px;color:#63707d}.scene-card span{display:block;font-size:5px;letter-spacing:1px}.scene-card b{display:block;margin-top:60px;font-size:9px;color:#10243b}.scene-card:before{content:"";display:block;height:48px;border-radius:5px;background:linear-gradient(135deg,#cfd9e1,#f8fafb)}.scene-card-one{right:35px;top:8px;transform:rotate(5deg)}.scene-card-two{right:80px;top:58px;transform:rotate(-5deg)}.scene-card-three{right:-5px;top:82px;transform:rotate(3deg)}
.preview-bottom{height:43px;background:#fff;display:flex;align-items:center;justify-content:space-around;padding:0 12px;color:#657381;font-size:5px}.preview-bottom b{color:#10243b;margin-right:3px}
.preview-phone{position:absolute;z-index:4;right:1%;bottom:6px;width:92px;height:184px;padding:5px;border-radius:18px;background:#101820;border:2px solid #344453;box-shadow:0 24px 45px rgba(0,0,0,.34);transform:rotate(2deg)}.phone-speaker{position:absolute;z-index:2;left:50%;top:7px;transform:translateX(-50%);width:27px;height:3px;border-radius:3px;background:#25323e}.phone-preview-screen{height:100%;border-radius:13px;overflow:hidden;background:#f7f9fa;color:#10243b;padding:25px 9px 8px}.phone-preview-nav{display:flex;justify-content:space-between;font-size:6px;margin-bottom:17px}.phone-preview-screen>small{font-size:4px;letter-spacing:1px;color:#f97316;font-weight:800}.phone-preview-screen>strong{display:block;font-size:15px;line-height:.92;margin:6px 0 9px}.phone-preview-screen>strong em{font-style:normal;color:#f97316}.phone-preview-screen>button{border:0;background:#102a43;color:#fff;border-radius:3px;font-size:4px;padding:5px 7px}.phone-product{margin-top:15px;height:58px;border-radius:6px;background:#fff;box-shadow:0 7px 16px rgba(16,36,59,.1);padding:7px;font-size:4px}.phone-product:before{content:"";display:block;height:27px;border-radius:4px;background:linear-gradient(135deg,#d5dfe6,#fff);margin-bottom:5px}.phone-product b{font-size:6px}
@media(max-width:1050px){.website-preview{width:90%}}
@media(max-width:760px){.hero-visual{min-height:340px}.website-preview{width:94%;top:25px}.preview-hero{min-height:180px;padding:20px 15px}.preview-hero strong{font-size:20px}.preview-product-scene{display:none}.preview-bottom{height:36px}.preview-phone{width:76px;height:150px;right:0}.phone-preview-screen>strong{font-size:12px}}

/* SaaS plans refinement */
.plan-price{display:flex;align-items:baseline;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(16,45,70,.12)}
.plan-price strong{font-size:20px;letter-spacing:.02em;color:#102d46}.plan-price span{font-size:12px;color:#68798a}.featured-plan .plan-price strong{color:#fff}.featured-plan .plan-price{border-top-color:rgba(255,255,255,.16)}
.plans-hold{max-width:760px;margin:22px auto 0;padding:16px 20px;border:1px solid rgba(16,45,70,.12);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:5px;text-align:center}.plans-hold strong{color:#102d46}.plans-hold span{font-size:13px;color:#68798a}

/* Detailed plan page */
.plans-detail-link{display:inline-flex;margin-top:-22px;margin-bottom:32px;color:#ea580c;font-weight:800;font-size:.9rem}
.plan-detail-mini{display:block;text-align:center;margin-top:13px;color:#ea580c;font-size:.82rem;font-weight:800}
.plan-details-page .info-hero p{max-width:820px}
.plan-details-intro{max-width:980px;margin:0 auto 55px}
.plan-comparison-wrap{max-width:1220px;margin:0 auto 70px}
.plan-comparison{display:grid;grid-template-columns:minmax(260px,1.6fr) .75fr .75fr;border:1px solid #dfe5ea;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(16,36,59,.05)}
.comparison-head{padding:18px 20px;background:#10243b;color:#fff;font-weight:850;text-align:center;border-left:1px solid rgba(255,255,255,.1)}
.comparison-head.feature-name{text-align:left}
.comparison-head.comparison-enhanced{background:#173652}
.comparison-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1.6fr) .75fr .75fr;border-top:1px solid #e8edf1}
.comparison-row>div{padding:15px 20px;border-left:1px solid #e8edf1}
.comparison-row>div:first-child{border-left:0}
.comparison-row strong{display:block;color:#10243b;font-size:.9rem}
.comparison-row span{display:block;color:#667085;font-size:.78rem;line-height:1.45;margin-top:3px}
.comparison-row .check{text-align:center;color:#12744b;font-size:.82rem;font-weight:800}
.comparison-row .muted{text-align:center;color:#98a2b3;font-size:.9rem}
.package-detail{max-width:1220px;margin:0 auto 55px;padding:42px;border-radius:18px;border:1px solid #dfe5ea;background:#fff}
.package-detail.enhanced-detail{background:#f7f9fb;border-color:#cfd9e2}
.package-detail-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:30px}
.package-detail-heading h2{font-size:2.25rem;letter-spacing:-.03em;margin:8px 0 0;color:#10243b}
.package-detail-heading>p{max-width:520px;color:#667085;line-height:1.65;margin:0}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.detail-card{padding:23px;border:1px solid #e1e7ec;border-radius:13px;background:#fff}
.detail-card h3{margin:0 0 9px;color:#10243b;font-size:1rem}
.detail-card p{margin:0;color:#667085;line-height:1.6;font-size:.88rem}
.plan-principles{max-width:1220px;margin:0 auto 30px}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}
.principle-grid>div{padding:22px;border:1px solid #e1e7ec;border-radius:12px;background:#f7f9fb}
.principle-grid strong{display:block;color:#10243b;font-size:1.05rem}
.principle-grid span{display:block;color:#667085;line-height:1.55;margin-top:6px}
.details-actions{max-width:1220px;margin:0 auto 20px;display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap}
.text-link{color:#ea580c;font-weight:800;font-size:.9rem;margin-left:8px}
@media(max-width:850px){
  .plan-comparison{grid-template-columns:1.4fr .8fr .8fr}
  .comparison-row{grid-template-columns:1.4fr .8fr .8fr}
  .package-detail{padding:28px}
  .detail-grid{grid-template-columns:1fr 1fr}
  .package-detail-heading{display:block}
  .package-detail-heading>p{margin-top:15px}
}
@media(max-width:600px){
  .plan-comparison-wrap{overflow-x:auto;padding-bottom:5px}
  .plan-comparison{min-width:720px}
  .detail-grid,.principle-grid{grid-template-columns:1fr}
  .package-detail{padding:22px}
  .plans-detail-link{margin-top:-12px}
}


/* Homepage visual refinement — workflow, product showcase and balanced grids */
.workflow-grid{position:relative;grid-template-columns:repeat(4,1fr);gap:18px}
.workflow-grid:before{content:"";position:absolute;left:9%;right:9%;top:42px;height:1px;background:linear-gradient(90deg,transparent,#d5dde5 10%,#d5dde5 90%,transparent);z-index:0}
.workflow-grid article{position:relative;z-index:1;min-height:230px;padding:30px 26px 25px;border-top:0;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(16,36,59,.06)}
.workflow-grid article:after{display:none}
.step-number{width:44px;height:44px;border:1px solid #d7e0e7;border-radius:50%;background:#fff;display:grid;place-items:center;color:#f97316;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:28px;box-shadow:0 4px 12px rgba(16,36,59,.06)}
.workflow-grid h3{font-size:1.18rem;margin-bottom:9px;color:#10243b}
.workflow-grid p{font-size:.9rem;line-height:1.6;color:#667789;margin:0}
.step-label{margin-top:auto;padding-top:20px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#8a99a7}
.feature-grid-new{grid-template-columns:repeat(2,1fr);gap:18px}
.feature-grid-new article{min-height:185px;padding:28px 30px}
.feature-mark{width:38px;height:38px;border-radius:9px;border:1px solid rgba(249,115,22,.42);display:grid;place-items:center;color:#ff9a52;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:24px;background:rgba(249,115,22,.07)}
.feature-grid-new article:after{display:none}
.feature-grid-new h3{font-size:1.08rem;margin-bottom:8px}
.feature-grid-new p{max-width:470px}

/* Replace the device mockup with a restrained product-in-context showcase. */
.hero-visual{min-height:445px;display:flex;align-items:center;justify-content:flex-end}
.hero-product-stage{position:relative;width:100%;height:405px}
.product-panel{position:absolute}
.product-panel-main{left:1%;top:34px;width:84%;height:335px;background:#fff;border:1px solid #dce4ea;border-radius:16px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.25);transform:perspective(1200px) rotateY(-2deg)}
.product-panel-bar{height:35px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#f3f5f7;border-bottom:1px solid #e1e7eb;font-size:7px;color:#71808e}
.product-panel-bar b{color:#16805b;font-size:7px;letter-spacing:.04em}
.customer-site-ui{height:300px;background:#f8fafb;color:#10243b}
.customer-ui-nav{height:39px;background:#fff;border-bottom:1px solid #e7ebee;display:flex;align-items:center;padding:0 17px;gap:22px;font-size:6px;color:#71808e}
.customer-ui-nav strong{font-size:10px;color:#10243b}.customer-ui-nav span{flex:1;text-align:center}.customer-ui-nav i{font-style:normal;background:#f97316;color:#fff;border-radius:4px;padding:6px 8px;font-size:5px;font-weight:800}
.customer-ui-hero{height:184px;padding:22px 23px;display:flex;justify-content:space-between;background:linear-gradient(120deg,#edf3f6,#fff 60%,#e8eef2)}
.customer-ui-hero small{font-size:5px;letter-spacing:1px;color:#f97316;font-weight:900}.customer-ui-hero h3{font-size:22px;line-height:.96;margin:8px 0;color:#10243b}.customer-ui-hero h3 em{font-style:normal;color:#f97316}.customer-ui-hero p{font-size:6px;line-height:1.45;color:#667789;max-width:210px;margin:8px 0}.customer-ui-hero button{border:0;border-radius:4px;background:#102a43;color:#fff;font-size:5px;font-weight:800;padding:7px 10px}
.customer-ui-art{position:relative;width:38%;min-width:135px}.customer-ui-art div{position:absolute;width:72px;height:92px;border-radius:8px;background:linear-gradient(145deg,#d7e0e6,#fff);box-shadow:0 10px 24px rgba(16,36,59,.13);border:1px solid #edf0f2}.customer-ui-art div:nth-child(1){right:55px;top:8px;transform:rotate(-7deg)}.customer-ui-art div:nth-child(2){right:8px;top:28px;transform:rotate(6deg)}.customer-ui-art div:nth-child(3){right:42px;top:72px;transform:rotate(2deg)}
.customer-ui-products{height:77px;padding:10px 17px;background:#fff}.customer-ui-products>span{font-size:6px;font-weight:800;color:#526170}.customer-ui-products>div{display:flex;gap:9px;margin-top:8px}.customer-ui-products i{display:block;flex:1;height:38px;border-radius:5px;background:linear-gradient(135deg,#dce4e9,#f8fafb);border:1px solid #edf0f2}
.product-float{position:absolute;background:#fff;border:1px solid #dce4ea;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:14px 15px;color:#10243b}
.product-float small{display:block;font-size:6px;letter-spacing:.12em;color:#8a99a7;font-weight:900;margin-bottom:7px}.product-float strong{display:block;font-size:24px;line-height:1}.product-float span{display:block;font-size:7px;color:#667789;margin-top:3px}.product-float b{display:block;font-size:6px;color:#16805b;margin-top:10px}
.product-float-inventory{right:0;top:15px;width:112px}.product-float-orders{right:1%;bottom:22px;width:126px}.product-float-builder{left:12%;bottom:0;width:178px;padding:12px 14px}.product-float-builder>span{display:inline;margin-right:6px}.product-float-builder>strong{display:inline;font-size:12px}.product-float-builder>div{display:flex;gap:5px;align-items:center;margin-top:10px}.product-float-builder i{width:13px;height:13px;border-radius:4px;background:#e6ebef;border:1px solid #d6dfe5}.product-float-builder i:nth-child(2){background:#102a43}.product-float-builder i:nth-child(3){background:#f97316}.product-float-builder b{margin:0 0 0 auto;background:#f97316;color:#fff;border-radius:4px;padding:5px 7px;font-size:5px}
.examples-heading-accent{color:#f97316!important}
.facts-strip .eyebrow{display:none}

@media(max-width:1050px){
 .workflow-grid{grid-template-columns:repeat(2,1fr)}
 .workflow-grid:before{display:none}
 .hero-product-stage{transform:scale(.94);transform-origin:center right}
}
@media(max-width:760px){
 .workflow-grid,.feature-grid-new{grid-template-columns:1fr}
 .workflow-grid article{min-height:205px}
 .hero-visual{min-height:355px}.hero-product-stage{height:335px;transform:none}
 .product-panel-main{left:0;top:28px;width:91%;height:275px}.customer-site-ui{height:240px}.customer-ui-hero{height:142px;padding:16px}.customer-ui-hero h3{font-size:18px}.customer-ui-art{display:none}.customer-ui-products{height:59px}
 .product-float-inventory{right:0;top:5px;width:94px}.product-float-orders{right:0;bottom:8px;width:105px}.product-float-builder{left:2%;bottom:0;width:155px}
 .product-float{padding:10px 11px}.product-float strong{font-size:19px}
}

/* Homepage refinement v16 — product dashboard, icon workflow and clean feature cards */
.hero-dashboard{width:100%;height:392px;display:flex;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.34);position:relative;z-index:2;transform:perspective(1200px) rotateY(-3deg)}
.dash-sidebar{width:145px;flex:0 0 145px;background:#091d30;color:#aebdca;padding:18px 12px;display:flex;flex-direction:column}
.dash-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:11px;margin-bottom:24px}.dash-brand span{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#f97316;color:#fff;font-size:8px;font-weight:900}.dash-brand b{font-size:10px}
.dash-workspace{font-size:6px;letter-spacing:.13em;color:#6f8498;font-weight:900;padding:0 8px 10px}.dash-nav{height:30px;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:7px;margin-bottom:3px}.dash-nav i{width:14px;text-align:center;font-style:normal;color:#8295a7;font-size:9px}.dash-nav.active{background:#173a59;color:#fff}.dash-nav.active i{color:#f97316}.dash-spacer{flex:1}
.dash-main{flex:1;min-width:0;background:#f5f7f9;padding:18px 18px 12px;color:#10243b}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dash-top small{display:block;color:#8a99a7;font-size:5px;letter-spacing:.1em;margin-bottom:4px}.dash-top strong{font-size:14px}.dash-user{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e9eef2;color:#526576;font-size:6px;font-weight:900}
.dash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.dash-summary>div{background:#fff;border:1px solid #e2e8ed;border-radius:8px;padding:10px}.dash-summary small{display:block;color:#8997a4;font-size:5px;letter-spacing:.08em;font-weight:800}.dash-summary strong{display:block;font-size:17px;margin:5px 0 2px}.dash-summary span{font-size:5px;color:#16805b}
.dash-content{display:grid;grid-template-columns:1.65fr .85fr;gap:9px}.dash-panel{background:#fff;border:1px solid #e2e8ed;border-radius:8px;padding:11px}.dash-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dash-panel-head b{font-size:8px}.dash-panel-head span{font-size:5px;color:#f97316;font-weight:800}.dash-table-head{display:grid;grid-template-columns:1.6fr .9fr .5fr;color:#9aa7b2;font-size:4px;letter-spacing:.08em;padding-bottom:5px;border-bottom:1px solid #edf0f2}.dash-row{display:grid;grid-template-columns:1.6fr .9fr .5fr;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f2;gap:4px}.dash-row:last-child{border-bottom:0}.dash-row span b{display:block;font-size:6px}.dash-row span small{display:block;font-size:5px;color:#8997a4;margin-top:2px}.dash-row em{font-style:normal;font-size:4px;color:#16805b;background:#e8f6ef;border-radius:4px;padding:4px 5px;width:max-content}.dash-row strong{font-size:6px;text-align:right}
.sales-chart{height:103px;display:flex;align-items:flex-end;gap:5px;padding:10px 4px 2px;border-bottom:1px solid #e6ebef}.sales-chart i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,#f97316,#ffb36e);min-height:10px}.chart-labels{display:flex;justify-content:space-between;font-size:4px;color:#9aa7b2;padding-top:5px}
.dash-bottom{display:flex;justify-content:space-between;color:#8997a4;font-size:5px;padding:9px 2px 0}.dash-bottom b{color:#16805b;font-size:5px;margin-left:4px}
.hero-visual{min-height:445px;display:flex;align-items:center}.hero-visual .hero-product-stage{display:none}.hero-visual:after{content:"";position:absolute;right:-3%;top:8%;width:95%;height:85%;background:radial-gradient(circle at 65% 45%,rgba(249,115,22,.22),transparent 58%);filter:blur(18px);z-index:0}
.workflow-grid:before{top:50px}
.step-number{display:none!important}
.step-icon{width:50px;height:50px;border-radius:14px;background:#fff;border:1px solid #dce4ea;color:#f97316;display:grid;place-items:center;margin:0 0 24px;box-shadow:0 8px 20px rgba(16,36,59,.06)}
.step-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.workflow-grid article{padding-top:27px}
.feature-mark{display:none!important}
.feature-rule{width:34px;height:3px;border-radius:3px;background:#f97316;margin-bottom:27px}
.feature-grid-new article{padding-top:28px}
.example-previews{grid-template-columns:repeat(2,1fr)!important}
.preview-card:nth-child(5){display:none}
.examples-copy .button{margin-top:8px}
@media(max-width:1050px){
 .hero-dashboard{height:360px}
 .dash-sidebar{width:125px;flex-basis:125px}
 .dash-content{grid-template-columns:1fr}
 .sales-panel{display:none}
}
@media(max-width:760px){
 .hero-visual{min-height:355px}
 .hero-dashboard{height:330px;transform:none}
 .dash-sidebar{width:105px;flex-basis:105px;padding:13px 8px}.dash-brand b{display:none}.dash-brand{justify-content:center}.dash-workspace{font-size:5px}.dash-nav{font-size:6px}.dash-nav i{font-size:8px}
 .dash-main{padding:12px}.dash-top strong{font-size:12px}.dash-summary strong{font-size:14px}.dash-row span b{font-size:5px}
 .dash-bottom{display:none}
 .workflow-grid:before{display:none}
 .step-icon{margin-bottom:18px}
 .example-previews{grid-template-columns:1fr!important}
}


/* Plans page heading refinement */
.plan-details-page .plans-title{color:#f97316}