/* Only /templates landing composition, not the global design system. */
.landing-hero{position:relative;overflow:hidden;padding-top:61px;background:radial-gradient(ellipse 60% 45% at 50% 64%,#eef5ff 0%,rgba(245,249,255,.0) 100%),#fff;text-align:center}.landing-hero__content{position:relative;z-index:1}.landing-hero__eyebrow{margin-bottom:8px}.landing-hero h1{font-size:clamp(39px,5.2vw,73px);line-height:1.03;letter-spacing:-.063em;color:#0d1930;font-weight:800}.landing-hero h1 span{color:#2467f5}.landing-hero__lead{color:#334057;font-size:clamp(14px,1.45vw,19px);line-height:1.6;margin:16px auto 20px;max-width:800px}.landing-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.landing-hero__actions .ui-button{min-width:194px}.landing-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1080px;gap:24px;margin:34px auto 25px;text-align:left}.landing-benefits li{display:flex;align-items:center;gap:12px;min-width:0;color:#4b5668;font-size:12px;font-weight:500;line-height:1.35}.landing-benefits .ui-icon{color:var(--brand-blue);width:20px;height:20px;flex-basis:20px}.landing-hero__visual{position:relative;margin-inline:auto;max-width:1100px;padding-inline:16px;isolation:isolate}.landing-hero__visual::before{position:absolute;z-index:-1;content:"";width:118%;height:260px;left:-9%;bottom:12px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(26,93,177,.13),transparent 66%);filter:blur(15px)}.landing-hero__demo-label{font-size:11px;color:#748299;margin-top:8px;padding-bottom:12px}.laptop{width:82%;max-width:900px;margin-inline:auto;padding-top:5px;filter:drop-shadow(0 16px 22px rgba(22,36,54,.16))}.laptop__screen{padding:11px 11px 12px;background:#0b1018;border:1px solid #303943;border-radius:16px 16px 5px 5px;box-shadow:0 0 0 2px #171f2b,0 0 0 3px #7e858d;aspect-ratio:1.78;overflow:hidden}.laptop__screen .dashboard{height:100%;border-radius:3px}.laptop__base{position:relative;width:118%;margin-left:-9%;height:21px;background:linear-gradient(#b7bfc5,#e6eaee 33%,#a5adb5 78%,#818991);border-radius:2px 2px 52% 52%/2px 2px 100% 100%;box-shadow:0 5px 9px rgba(23,38,52,.17)}.laptop__base::before{content:"";position:absolute;width:16%;height:5px;left:42%;top:0;background:#88929b;border-radius:0 0 8px 8px}
/* Dashboard embedded as a visual illustration; HTML/CSS + true inline SVG charts. */
.dashboard{display:flex;min-width:0;overflow:hidden;background:#071425;color:#ddecff;font-family:var(--font-body);text-align:left}.dashboard__sidebar{width:15%;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px 8px;background:#091729;border-right:1px solid #23364b}.dashboard__brand{color:#dfeeff;font-size:15px;font-weight:800;letter-spacing:-.07em}.dashboard__brand span{color:#459aff}.dashboard__sidebar strong{font-size:9px;font-weight:700}.dashboard__link{font-size:7px;color:#8da6c3;padding:5px 4px;border-radius:3px;white-space:nowrap}.dashboard__link.is-current{background:#1d5fc0;color:#fff}.dashboard__body{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px;gap:9px}.dashboard__top{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding-bottom:4px;border-bottom:1px solid #284058}.dashboard__top span:last-child{display:flex;align-items:center;gap:3px;color:#93b1d0}.dashboard__top .ui-icon{width:9px;height:9px;flex-basis:9px}.dashboard__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dashboard__kpis>div{display:flex;flex-direction:column;gap:3px;padding:9px;background:#102640;border:1px solid #193451;border-radius:4px;min-width:0}.dashboard__kpis small{font-size:7px;color:#a0b7d2;white-space:nowrap}.dashboard__kpis strong{font-size:clamp(8px,.95vw,13px);line-height:1.4;white-space:nowrap;letter-spacing:-.03em}.dashboard__kpis em{font-size:7px;font-weight:600;color:#32dcc3;font-style:normal}.dashboard__charts{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .8fr;gap:8px}.dashboard__chart{min-width:0;min-height:0;background:#102640;border:1px solid #193451;border-radius:4px;padding:10px;overflow:hidden}.dashboard__chart small{display:block;color:#b9c9dd;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__chart--wide{grid-column:span 2}.dashboard__chart--wide svg{width:100%;height:calc(100% - 12px);margin-top:5px}.dashboard__bar{display:flex;align-items:center;gap:4px;margin-top:8px}.dashboard__bar span{width:33px;color:#a3b8d2;font-size:6px}.dashboard__bar i{display:block;width:var(--w);height:8px;background:linear-gradient(90deg,#1c63bb,#2d96ff);border-radius:1px}.dashboard__tinybars{display:flex;align-items:end;gap:7px;height:calc(100% - 15px);padding-top:12px}.dashboard__tinybars i{width:10%;height:var(--h);background:linear-gradient(0deg,#1c63bb,#2d96ff);border-radius:2px 2px 0 0}.dashboard__chart--donut{display:flex;flex-direction:column}.dashboard__donut{flex:1;margin:auto;aspect-ratio:1;border-radius:50%;background:conic-gradient(#2d96ff 0 78%,#144475 78% 100%);display:grid;place-items:center;max-height:90px;max-width:90px;width:58%;position:relative}.dashboard__donut::before{content:"";position:absolute;inset:23%;border-radius:50%;background:#102640}.dashboard__donut span{position:relative;font-size:12px;font-weight:700}
/* Dark showcase section */
.landing-showcase{background:radial-gradient(ellipse at 70% 90%,#0b3970 0%,transparent 53%),linear-gradient(115deg,#061329,#06182b 65%,#092446);color:#fff;overflow:hidden}.landing-showcase__grid{min-height:378px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:14px}.landing-showcase__copy{position:relative;z-index:2;padding-block:56px}.landing-showcase h2{font-size:clamp(30px,3.1vw,45px);line-height:1.14;max-width:480px}.landing-showcase h2 span{color:#397cff}.landing-showcase p{font-size:14px;color:#c2d1e6;max-width:430px;margin:17px 0 20px}.landing-showcase__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;max-width:500px}.landing-showcase__facts>div{border-right:1px solid #1c3856;min-width:0}.landing-showcase__facts>div:last-child{border:0}.landing-showcase__facts strong{display:block;font-size:15px;color:#fff;white-space:nowrap}.landing-showcase__facts span{display:block;font-size:10px;color:#9bafc7;line-height:1.4}.landing-showcase__art{height:100%;min-height:360px;position:relative}.showcase-window{position:absolute;background:#0b1827;padding:10px;border:1px solid #39516c;box-shadow:0 20px 50px rgba(0,0,0,.27);border-radius:9px;overflow:hidden}.showcase-window .dashboard{height:100%}.showcase-window .dashboard__sidebar{gap:5px}.showcase-window--back{width:85%;height:75%;top:25%;left:0;transform:rotate(-8deg);filter:brightness(.7)}.showcase-window--front{width:94%;height:83%;top:18%;left:12%;transform:rotate(-2deg)}
/* Product previews */
.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.landing-section-heading h2{font-size:clamp(25px,2.6vw,34px);margin-top:5px}.landing-section-heading p{color:var(--color-text-secondary);font-size:14px;margin-top:4px}.landing-section-heading>.ui-text-link{margin-bottom:4px;white-space:nowrap}.landing-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{display:flex;flex-direction:column;min-width:0;height:100%;background:#fff;border:1px solid #e1e8f2;border-radius:13px;overflow:hidden;box-shadow:0 4px 15px rgba(10,33,64,.05);transition:box-shadow .2s ease,transform .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(10,33,64,.09)}.product-card__visual{position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#0b1932,#0b3668);height:165px;padding:16px;overflow:hidden}.product-card__visual--green{background:linear-gradient(140deg,#071a23,#074a45)}.product-card__visual--purple{background:linear-gradient(140deg,#1a1235,#382064)}.product-card__visual--orange{background:linear-gradient(140deg,#2a170d,#6b2a08)}.product-mini{width:100%;height:100%;background:#0b1930;border:1px solid rgba(140,188,255,.18);border-radius:6px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);color:#3f99ff}.product-card__visual--green .product-mini{color:#35c8a7}.product-card__visual--purple .product-mini{color:#ad73ff}.product-card__visual--orange .product-mini{color:#ffa24e}.product-mini__top{display:flex;justify-content:space-between;align-items:center;color:#dceaff;font-size:8px}.product-mini__top span:first-child{font-weight:800;font-size:10px}.product-mini__top span:last-child{color:#91a3bb;font-size:6px}.product-mini__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.product-mini__stats i{height:22px;background:#162b49;border-radius:3px;border:1px solid #233f60}.product-mini__plot{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px;height:68px}.product-mini__plot svg{width:100%;height:100%;border:1px solid #203853;border-radius:3px;background:linear-gradient(0deg,rgba(35,103,183,.18),transparent)}.product-mini__bars{display:flex;flex-direction:column;gap:5px;justify-content:center}.product-mini__bars i{display:block;width:85%;height:6px;border-radius:3px;background:currentColor}.product-mini__bars i:nth-child(2){width:60%}.product-mini__bars i:nth-child(3){width:95%}.product-mini__bars i:nth-child(4){width:40%}.product-card__body{display:flex;flex:1;flex-direction:column;gap:7px;padding:16px}.product-card__body h3{font-size:16px;letter-spacing:-.027em}.product-card__body h3 a:hover{color:var(--brand-blue)}.product-card__body p{font-size:12px;color:var(--color-text-secondary);line-height:1.5;flex:1}.product-card__body>.ui-text-link{margin-top:5px}.landing-categories__note{font-size:11px;color:#8391a5;text-align:center;margin-top:18px}
/* Bundle / creator / FAQs */
.landing-bundle{padding-top:10px}.landing-bundle__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .8fr;gap:10px;min-height:420px;padding:62px 64px;border-radius:24px;background:radial-gradient(circle at 85% 50%,#17427b 0%,transparent 40%),#0b1930;color:#fff}.landing-bundle__panel>div:first-child{position:relative;z-index:1}.landing-bundle h2{font-size:clamp(34px,3.5vw,50px);margin:10px 0 16px}.landing-bundle h2 span{color:#4f9bff}.landing-bundle p{color:#b8c8dd;max-width:520px;font-size:14px}.landing-bundle__list{display:grid;gap:10px;margin:22px 0 23px;font-size:13px;color:#ddeaff}.landing-bundle__list li{display:flex;align-items:flex-start;gap:10px}.landing-bundle__list .ui-icon{color:#77d9c0;flex-shrink:0}.bundle-art{position:relative;min-height:250px}.bundle-art__window{position:absolute;background:linear-gradient(145deg,#15345b,#091a2d);border:1px solid #4777af;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.bundle-art__window--one{width:65%;height:64%;left:5%;top:20%;transform:rotate(-16deg)}.bundle-art__window--two{width:65%;height:64%;left:21%;top:15%;transform:rotate(-6deg);background:linear-gradient(145deg,#153e56,#071c28)}.bundle-art__window--three{display:grid;place-items:center;width:72%;height:70%;left:35%;top:15%;transform:rotate(7deg);padding:23px}.bundle-art__window--three svg{width:100%;height:100%}.landing-about__grid{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center}.landing-about__symbol{min-height:310px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f2ff,#f9fbff);border:1px solid #e1ebfa}.landing-about__symbol>div{font-size:clamp(90px,13vw,160px);font-weight:800;font-family:var(--font-heading);letter-spacing:-.14em;color:#101f3f;line-height:1}.landing-about__symbol span{color:var(--brand-blue)}.landing-about__symbol p{font-size:10px;letter-spacing:.2em;color:#7890ad;margin-top:9px}.landing-about h2,.landing-faq h2{font-size:clamp(28px,3vw,42px);margin:10px 0 18px}.landing-about p,.landing-faq p{font-size:15px;color:var(--color-text-secondary);margin-bottom:14px}.landing-about .ui-text-link{margin-top:10px}.landing-faq{background:#f7f9fc}.landing-faq__grid{display:grid;grid-template-columns:35% 1fr;gap:80px}.landing-faq__items{border-top:1px solid #d9e3ee}.landing-faq__items details{border-bottom:1px solid #d9e3ee;padding:0}.landing-faq__items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:600;padding:21px 0;cursor:pointer}.landing-faq__items summary::-webkit-details-marker{display:none}.landing-faq__items summary .ui-icon{color:var(--brand-blue);transition:transform .2s}.landing-faq__items details[open] .ui-icon{transform:rotate(180deg)}.landing-faq__items details p{font-size:14px;max-width:660px;margin:-3px 35px 22px 0}
@media(max-width:1023px){.landing-showcase__grid{grid-template-columns:46% 54%}.landing-showcase__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-showcase__facts>div:nth-child(2){border:0}.landing-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-bundle__panel{padding:50px}.landing-about__grid{gap:45px}.landing-faq__grid{gap:40px}}
@media(max-width:767px){.landing-hero{padding-top:42px}.landing-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:29px auto 30px;max-width:480px}.landing-hero__visual{padding-inline:16px}.laptop{width:95%}.laptop__screen{padding:5px;border-radius:9px 9px 3px 3px}.laptop__base{height:12px}.dashboard__sidebar{padding:6px 4px;gap:4px}.dashboard__brand{font-size:10px}.dashboard__sidebar strong{font-size:6px}.dashboard__link{font-size:5px;padding:3px 2px}.dashboard__body{padding:6px;gap:5px}.dashboard__top{font-size:6px}.dashboard__kpis{gap:4px}.dashboard__kpis>div{gap:1px;padding:4px}.dashboard__kpis small{font-size:5px}.dashboard__kpis strong{font-size:6px}.dashboard__kpis em{font-size:5px}.dashboard__charts{gap:4px}.dashboard__chart{padding:4px}.dashboard__chart small{font-size:5px}.dashboard__bar{margin-top:3px}.dashboard__bar span{font-size:4px;width:22px}.dashboard__bar i{height:4px}.dashboard__donut{max-width:40px}.dashboard__donut span{font-size:7px}.landing-showcase__grid{grid-template-columns:1fr;min-height:auto;gap:0}.landing-showcase__copy{padding:48px 0 18px}.landing-showcase__art{min-height:240px}.showcase-window--back{height:88%;width:72%;left:7%;top:10%}.showcase-window--front{height:94%;width:81%;left:17%;top:10%}.landing-showcase__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-showcase__facts>div:nth-child(2){border-right:1px solid #1c3856}.landing-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.landing-bundle__panel{padding:34px 26px;grid-template-columns:1fr}.bundle-art{min-height:240px}.bundle-art__window--three{left:28%;width:65%}.landing-about__grid,.landing-faq__grid{grid-template-columns:1fr;gap:24px}.landing-about__symbol{min-height:240px}.landing-faq__grid{gap:15px}}
@media(max-width:520px){.landing-hero{padding-top:34px}.landing-hero h1{font-size:clamp(39px,10.1vw,50px)}.landing-hero__lead{font-size:14px;max-width:320px;margin-top:12px}.landing-hero__actions{flex-direction:column;align-items:stretch;gap:9px}.landing-hero__actions .ui-button{width:100%;max-width:330px;margin-inline:auto;min-height:44px}.landing-benefits{gap:14px;margin-block:22px 25px}.landing-benefits li{font-size:11px;gap:7px}.landing-benefits .ui-icon{width:17px;height:17px;flex-basis:17px}.landing-hero__visual{padding-inline:9px}.laptop{width:100%}.landing-hero__demo-label{font-size:10px}.landing-product-grid{grid-template-columns:1fr;gap:14px}.product-card__visual{height:215px}.product-card__body{padding:16px}.landing-showcase__copy{padding-top:38px}.landing-showcase h2{font-size:32px}.landing-showcase__facts strong{font-size:13px}.landing-showcase__facts span{font-size:9px}.landing-showcase__art{min-height:205px}.landing-showcase__art .dashboard{min-height:0}.landing-showcase__art .dashboard__body{padding:5px;gap:4px}.landing-showcase__art .dashboard__sidebar{padding:4px}.landing-bundle__panel{border-radius:17px;padding:28px 19px}.landing-bundle h2{font-size:33px}.landing-bundle .ui-button{width:100%}.landing-about__symbol{min-height:190px}.landing-about__symbol>div{font-size:100px}.landing-about__symbol p{font-size:8px}.landing-faq__items summary{font-size:13px}.landing-faq__items details p{font-size:12px}}