:root{
    --ink:#101510;
    --ink-2:#171d18;
    --muted:#667068;
    --line:#dfe6df;
    --soft:#f4f7f2;
    --soft-2:#eaf1e9;
    --green:#2bc977;
    --green-dark:#159954;
    --green-deep:#073f27;
    --lime:#d9ff63;
    --purple:#7859f5;
    --white:#fff;
    --shadow:0 28px 80px rgba(15,34,21,.12);
    --shadow-soft:0 18px 55px rgba(16,40,24,.08);
    --radius-xl:34px;
    --radius-lg:26px;
    --radius-md:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.platform-home{
    margin:0;
    color:var(--ink);
    background:#fff;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
body.menu-open{overflow:hidden}
.platform-home a{color:inherit;text-decoration:none}
.platform-home button,.platform-home input{font:inherit}
.platform-home img{max-width:100%}
.home-container{width:min(1240px,calc(100% - 48px));margin:0 auto}
.section{padding:120px 0}
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--green-dark);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.7px;
}
.section-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.section-kicker-light{color:#91f5b8}
.section-kicker-light:before{background:#91f5b8}
.section-kicker-dark{color:#12331f}
.section-kicker-dark:before{background:#12331f}
.section-heading{max-width:780px;margin-bottom:62px}
.section-heading h2,.pricing-copy h2,.faq-copy h2{
    margin:18px 0 18px;
    font-size:clamp(44px,5.5vw,72px);
    line-height:.99;
    letter-spacing:-4.2px;
    font-weight:850;
}
.section-heading h2 em{color:var(--green-dark);font-style:normal}
.section-heading p,.pricing-copy>p,.faq-copy>p{
    max-width:620px;
    margin:0;
    color:var(--muted);
    font-size:17px;
    line-height:1.75;
}
.section-heading-wide{display:grid;grid-template-columns:1.15fr .75fr;column-gap:85px;max-width:none;align-items:end}
.section-heading-wide .section-kicker{grid-column:1/-1}
.section-heading-wide h2{margin-bottom:0}
.section-heading-wide p{padding-bottom:8px}
.section-heading.centered{max-width:850px;margin-left:auto;margin-right:auto;text-align:center}
.section-heading.centered p{margin-left:auto;margin-right:auto}
.split-heading{display:grid;grid-template-columns:1fr .68fr;gap:90px;max-width:none;align-items:end}
.split-heading>p,.split-heading>div:last-child>p{margin:0;color:#aab4ac;font-size:17px;line-height:1.75}
.text-arrow{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:850}
.text-arrow span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--green);color:#fff;transition:.2s}
.text-arrow:hover span{transform:translate(3px,-3px)}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}
[data-reveal].is-visible{opacity:1;transform:none}

/* Header */
.announcement-bar{position:relative;z-index:150;background:var(--lime);color:#142016}
.announcement-inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}
.announcement-inner p{margin:0}
.announcement-pill{padding:4px 8px;border-radius:999px;background:#102015;color:#fff;font-size:8px;font-weight:950;letter-spacing:1px}
.announcement-inner a{display:inline-flex;align-items:center;gap:5px;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;z-index:120;top:0;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(218,228,219,.72);backdrop-filter:blur(20px);transition:box-shadow .2s,background .2s}
.site-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(15,35,22,.07)}
.header-inner{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;flex:none}
.brand-mark{position:relative;width:37px;height:37px;display:inline-flex;align-items:flex-end;gap:3px;padding:6px;border-radius:11px;background:var(--ink);overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:25px;height:25px;border:5px solid var(--green);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg);left:4px;top:4px}
.brand-mark i{position:relative;z-index:1;display:block;width:5px;border-radius:5px;background:#fff}
.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:20px}
.brand-name{font-size:21px;letter-spacing:-.9px}.brand-name b,.brand-name strong{font-weight:900}.brand-name strong{color:var(--green)}
.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.main-nav a{position:relative;padding:29px 0;color:#414a43;font-size:13px;font-weight:750;transition:.2s}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--green);transition:right .2s}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a:hover:after,.main-nav a.active:after{right:0}
.header-actions{display:flex;align-items:center;gap:17px}
.text-link{font-size:13px;font-weight:800;white-space:nowrap}
.menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:12px;background:#eef3ee;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.menu-toggle span{width:19px;height:2px;border-radius:3px;background:var(--ink)}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;cursor:pointer}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:43px;padding:0 18px;border-radius:11px;font-size:13px}
.button-large{min-height:59px;padding:0 29px;border-radius:15px;font-size:15px}
.button-dark{background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(12,20,14,.16)}
.button-dark:hover{background:#233027}
.button-primary{background:var(--green);color:#082316;box-shadow:0 18px 40px rgba(43,201,119,.28)}
.button-primary:hover{background:#39d687;box-shadow:0 22px 50px rgba(43,201,119,.34)}
.button-white{background:#fff;color:var(--ink);box-shadow:0 16px 35px rgba(8,30,15,.15)}
.button-outline{border-color:#ccd7ce;background:#fff;color:var(--ink)}
.button-outline:hover{border-color:var(--green);background:#f4fff8}
.button-light{border-color:#dfe7e0;background:#fff;color:var(--ink);box-shadow:0 12px 32px rgba(19,41,25,.07)}
.button.full{width:100%}

/* Hero */
.hero-section{position:relative;overflow:hidden;padding:15px 0 0;background:linear-gradient(180deg,#f4f8f1 0%,#f7faf6 70%,#fff 100%)}
.hero-section:before{content:"";position:absolute;width:780px;height:780px;left:-430px;top:-480px;border-radius:50%;background:radial-gradient(circle,rgba(43,201,119,.22),rgba(43,201,119,0) 69%)}
.hero-noise{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(rgba(15,50,27,.12) .65px,transparent .65px);background-size:11px 11px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.87fr 1.13fr;gap:75px;align-items:center}
.hero-copy{padding:34px 0 70px}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #d5e4d7;border-radius:999px;background:rgba(255,255,255,.76);color:#4a584d;font-size:10px;font-weight:900;letter-spacing:1.35px;box-shadow:0 10px 30px rgba(22,46,29,.05)}
.hero-badge span{color:var(--green);font-size:14px;line-height:0}
.hero-copy h1{max-width:690px;margin:25px 0 23px;font-size:clamp(62px,6.9vw,94px);line-height:.91;letter-spacing:-6.4px;font-weight:900}
.hero-copy h1 em{position:relative;color:var(--green-dark);font-style:normal;white-space:nowrap}
.hero-copy h1 em:after{content:"";position:absolute;left:2px;right:0;bottom:2px;height:9px;border-radius:50%;background:var(--lime);z-index:-1;transform:rotate(-1.5deg)}
.hero-lead{max-width:610px;margin:0;color:#59655c;font-size:18px;line-height:1.72}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px}
.video-link{display:flex;align-items:center;gap:11px}
.video-link>i{display:grid;place-items:center;width:47px;height:47px;border:1px solid #d2dcd4;border-radius:50%;background:#fff;color:var(--ink);font-size:11px;font-style:normal;box-shadow:0 10px 28px rgba(20,40,25,.08);transition:.2s}
.video-link:hover>i{transform:scale(1.06);background:var(--lime)}
.video-link span{display:flex;flex-direction:column;gap:3px}.video-link b{font-size:13px}.video-link small{color:#7b857d;font-size:10px}
.hero-trust{display:flex;align-items:center;gap:16px;margin-top:42px}
.trust-avatars{display:flex}.trust-avatars i{display:grid;place-items:center;width:35px;height:35px;margin-left:-7px;border:3px solid #f4f8f1;border-radius:50%;background:#172019;color:#fff;font-size:9px;font-style:normal;font-weight:900}.trust-avatars i:first-child{margin-left:0;background:#7559f3}.trust-avatars i:nth-child(2){background:#f29e55}.trust-avatars i:nth-child(3){background:#39b9a0}.trust-avatars i:last-child{background:var(--green);color:#0b2818}
.trust-stars{color:#f4a425;font-size:11px;letter-spacing:2px}.hero-trust p{margin:4px 0 0;color:#727d75;font-size:11px}
.hero-visual{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.hero-blob{position:absolute;border-radius:50%;filter:blur(.2px)}
.blob-one{width:520px;height:520px;right:-65px;top:34px;background:linear-gradient(145deg,var(--green),#91efa8);box-shadow:0 60px 120px rgba(31,163,91,.23)}
.blob-two{width:190px;height:190px;left:-25px;bottom:38px;background:var(--lime);opacity:.72}
.browser-shell{position:relative;z-index:3;width:740px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:#fff;box-shadow:0 48px 110px rgba(10,56,30,.22);transform:rotateY(-5deg) rotateX(2deg) rotateZ(-1deg);transform-origin:center}
.browser-bar{height:44px;display:flex;align-items:center;gap:14px;padding:0 15px;border-bottom:1px solid #e9eeea;background:#f8faf8}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#d1d7d2}.browser-dots i:first-child{background:#ff8f7f}.browser-dots i:nth-child(2){background:#f1c75c}.browser-dots i:nth-child(3){background:#55ca84}
.browser-address{display:flex;align-items:center;justify-content:center;gap:5px;min-width:210px;height:25px;margin:auto;border:1px solid #e6ebe7;border-radius:7px;background:#fff;color:#849087;font-size:9px}.browser-address span{color:#36bd76}
.browser-user{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#162019;color:#fff;font-size:8px;font-weight:900}
.app-shell{height:464px;display:grid;grid-template-columns:142px 1fr;background:#f6f8f6}
.app-sidebar{position:relative;padding:15px 11px;background:#121813;color:#fff}
.mini-brand{display:flex;align-items:center;gap:8px;margin:0 6px 22px}.mini-brand>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--green);color:#0a2c19;font-size:11px}.mini-brand span{font-size:10px;font-weight:850}
.app-nav{display:flex;align-items:center;gap:9px;height:35px;padding:0 9px;border-radius:8px;color:#9aa39c;font-size:8px;font-weight:700}.app-nav i{display:grid;place-items:center;width:16px;font-size:10px;font-style:normal}.app-nav b{margin-left:auto;padding:2px 5px;border-radius:6px;background:#263028;color:#b5beb7;font-size:7px}.app-nav .nav-alert{background:#f37e6c;color:#fff}.app-nav.active{background:#28332b;color:#fff}.app-nav.active i{color:#72e39f}
.sidebar-profile{position:absolute;left:12px;right:12px;bottom:13px;display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid #2b332d}.sidebar-profile>i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#7a5df5;font-size:8px;font-style:normal;font-weight:900}.sidebar-profile div{display:flex;flex-direction:column}.sidebar-profile b{font-size:8px}.sidebar-profile small{color:#88918b;font-size:6px}
.app-content{min-width:0;padding:24px 25px 20px}
.app-title{display:flex;align-items:flex-start;justify-content:space-between}.app-title small{color:#a1aaa3;font-size:6px;font-weight:900;letter-spacing:.8px}.app-title h3{margin:5px 0 3px;font-size:17px;letter-spacing:-.8px}.app-title p{margin:0;color:#7a847c;font-size:7px}.app-title button{height:28px;padding:0 11px;border:0;border-radius:8px;background:#171e19;color:#fff;font-size:7px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:8px;margin-top:17px}.metric-grid article{position:relative;min-height:90px;padding:13px;border:1px solid #e6ebe7;border-radius:11px;background:#fff;overflow:hidden}.metric-grid article>div:first-child{display:flex;flex-direction:column;gap:5px}.metric-grid span{color:#7f8981;font-size:7px}.metric-grid b{font-size:17px;letter-spacing:-.8px}.metric-grid>article>small{position:absolute;right:11px;top:13px;color:#88928a;font-size:6px}.metric-up{color:#1ba45c!important}.sparkline{position:absolute;left:12px;right:12px;bottom:10px;height:22px;display:flex;align-items:flex-end;gap:4px}.sparkline i{flex:1;border-radius:3px 3px 1px 1px;background:#a8edc1}.sparkline i:nth-child(1){height:26%}.sparkline i:nth-child(2){height:45%}.sparkline i:nth-child(3){height:34%}.sparkline i:nth-child(4){height:69%}.sparkline i:nth-child(5){height:53%}.sparkline i:nth-child(6){height:83%}.sparkline i:nth-child(7){height:100%;background:#28c674}.sparkline.alt i{background:#d6cdfd}.sparkline.alt i:last-child{background:#7b5ff4}
.visitor-ring{position:absolute;left:50%;bottom:8px;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--green) 72%,#e9eeea 0);transform:translateX(-50%)}.visitor-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.visitor-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:8px}
.app-main-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:8px;margin-top:9px}.sales-chart-card,.latest-orders-card{height:205px;padding:14px;border:1px solid #e6ebe7;border-radius:11px;background:#fff;overflow:hidden}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title>div{display:flex;flex-direction:column;gap:3px}.panel-title b{font-size:9px}.panel-title small{color:#9aa39c;font-size:6px}.panel-title>span{color:#7e8980;font-size:6px}
.chart-canvas{position:relative;height:145px;margin-top:8px}.chart-grid{position:absolute;inset:5px 0 20px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:#edf0ed}.chart-canvas svg{position:absolute;left:0;right:0;bottom:20px;width:100%;height:118px;overflow:visible}.chart-fill{fill:url(#chartGradient)}.chart-line{fill:none;stroke:#27c572;stroke-width:3;stroke-linecap:round}.chart-days{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#9ba49d;font-size:5px}
.mini-order{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid #edf0ed}.mini-order:last-child{border-bottom:0}.mini-order>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e9f7ef;color:#168a4d;font-size:6px;font-style:normal;font-weight:900}.mini-order:nth-child(3)>i{background:#eeeafd;color:#6d50e8}.mini-order:nth-child(4)>i{background:#fff0e5;color:#d47735}.mini-order div{display:flex;flex-direction:column;gap:2px}.mini-order b{font-size:7px}.mini-order small{color:#919a93;font-size:6px}.mini-order strong{margin-left:auto;font-size:7px}
.floating-sale{position:absolute;z-index:5;right:-17px;bottom:57px;display:flex;align-items:center;gap:10px;width:188px;padding:13px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(12,47,26,.18);backdrop-filter:blur(12px);animation:floatCard 4s ease-in-out infinite}.sale-check{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#dff8e8;color:#168e4f;font-weight:900}.floating-sale div:last-child{display:flex;flex-direction:column}.floating-sale small{color:#8a958d;font-size:7px;font-weight:900;letter-spacing:.7px}.floating-sale b{margin:2px 0;font-size:13px}.floating-sale span{color:#47a56e;font-size:7px}
.floating-mobile{position:absolute;z-index:4;left:-36px;bottom:24px;width:145px;height:286px;padding:10px;border:6px solid #171d18;border-radius:28px;background:#fff;box-shadow:0 30px 70px rgba(12,49,26,.25);transform:rotate(-6deg);animation:floatPhone 5s ease-in-out infinite}.phone-top{width:45px;height:5px;margin:-2px auto 8px;border-radius:5px;background:#171d18}.mobile-store-head{display:flex;align-items:center;justify-content:space-between;padding:5px 2px;font-size:8px}.mobile-store-head i{font-style:normal}.mobile-product{position:relative;height:220px;padding:120px 9px 10px;border-radius:16px;background:#edf1e9;overflow:hidden}.mobile-product>span{position:absolute;width:100px;height:145px;left:16px;top:2px;border-radius:47% 47% 26% 26%;background:linear-gradient(145deg,#bac3b7,#fff);transform:rotate(5deg)}.mobile-product small,.mobile-product b,.mobile-product strong{position:relative;z-index:1;display:block}.mobile-product small{color:#7b867d;font-size:6px}.mobile-product b{margin:4px 0;font-size:9px}.mobile-product strong{font-size:9px}
.hero-bottom-note{position:relative;z-index:4;display:flex;justify-content:center;gap:38px;padding:38px 0 48px;color:#657167;font-size:11px;font-weight:700}.hero-bottom-note span{display:flex;align-items:center;gap:7px}.hero-bottom-note span::first-letter{color:var(--green-dark)}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes floatPhone{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-10px)}}

/* Marquee */
.brand-marquee{overflow:hidden;padding:18px 0;background:var(--ink);color:#fff}
.marquee-track{display:flex;align-items:center;gap:32px;width:max-content;animation:marquee 24s linear infinite}.marquee-track span{font-size:12px;font-weight:900;letter-spacing:1.5px;white-space:nowrap}.marquee-track i{color:var(--green);font-style:normal}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Advantages */
.advantages-section{background:#fff}
.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.advantage-card{position:relative;min-height:590px;padding:38px;border-radius:var(--radius-xl);overflow:hidden}
.advantage-primary{grid-row:span 2;background:#e5f8ec}
.advantage-dark{background:#121813;color:#fff}
.advantage-lime{background:var(--lime)}
.advantage-top{display:flex;align-items:center;justify-content:space-between}.advantage-top>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(16,35,22,.15);border-radius:50%;font-size:10px;font-weight:900}.advantage-top>i{font-size:25px;font-style:normal}
.advantage-copy{max-width:490px;margin-top:90px}.advantage-copy small{font-size:9px;font-weight:950;letter-spacing:1.5px}.advantage-copy h3{margin:13px 0 16px;font-size:40px;line-height:1.02;letter-spacing:-2.2px}.advantage-copy p{margin:0;color:#5f6e63;font-size:15px;line-height:1.7}.advantage-dark .advantage-copy p{color:#a8b1aa}.advantage-dark .advantage-top>span{border-color:#3a443c}.advantage-dark .advantage-top>i{color:#71e69e}

.quick-start-media{
    position:relative;
    z-index:1;
    width:100%;
    margin:34px 0 190px;
    overflow:hidden;
    border:1px solid rgba(20,71,42,.12);
    border-radius:26px;
    background:#102018;
    box-shadow:0 28px 70px rgba(20,71,42,.18);
}
.quick-start-media:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}
.quick-start-media img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:905/400;
    object-fit:cover;
}

.setup-visual{position:absolute;left:38px;right:38px;bottom:40px;padding:15px;border-radius:21px;background:rgba(255,255,255,.83);box-shadow:var(--shadow-soft);backdrop-filter:blur(15px)}.setup-visual>div{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid #e8eee9}.setup-visual>div:last-child{border-bottom:0}.setup-visual i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dce5de;border-radius:10px;color:#66746a;font-size:10px;font-style:normal;font-weight:900}.setup-visual i.done{border-color:#ccebd7;background:#e4faec;color:#159652}.setup-visual span{display:flex;flex-direction:column;gap:3px}.setup-visual b{font-size:10px}.setup-visual small{color:#8c978f;font-size:7px}
.operation-visual{display:grid;grid-template-columns:145px 1fr;gap:25px;align-items:center;margin-top:60px;padding:25px;border:1px solid #2e3931;border-radius:22px;background:#1a221c}.operation-ring{position:relative;width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--green) 72%,#303a32 0)}.operation-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#1a221c}.operation-ring span,.operation-ring small{position:absolute;z-index:1;left:0;right:0;text-align:center}.operation-ring span{top:39px;font-size:24px;font-weight:900}.operation-ring small{top:71px;color:#7f8c82;font-size:8px}.operation-visual ul{margin:0;padding:0;list-style:none}.operation-visual li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #2d3730;font-size:9px}.operation-visual li:last-child{border-bottom:0}.operation-visual li i{width:6px;height:6px;border-radius:50%;background:var(--green)}.operation-visual li:nth-child(2) i{background:var(--purple)}.operation-visual li:nth-child(3) i{background:#f19a56}.operation-visual li b{margin-left:auto}
.domain-card{margin-top:55px;padding:24px;border-radius:22px;background:#fff;box-shadow:0 22px 55px rgba(44,67,26,.12)}.domain-card>small{color:#8a968c;font-size:8px;font-weight:900;letter-spacing:1px}.domain-card>div{display:flex;align-items:center;margin:12px 0;padding:15px;border:1px solid #dde6de;border-radius:12px;font-size:18px}.domain-card>div span{color:#a1aaa3}.domain-card>div b{letter-spacing:-.6px}.domain-card>div i{display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border-radius:50%;background:#e1f9e9;color:#168e4e;font-size:11px;font-style:normal}.domain-card p{margin:0;color:#62906f;font-size:9px}

/* Store showcase */
.showcase-section{position:relative;overflow:hidden;background:#101510;color:#fff}
.showcase-section:before{content:"";position:absolute;width:700px;height:700px;right:-260px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(43,201,119,.22),transparent 67%)}
.showcase-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}
.showcase-copy h2{margin:18px 0 22px;font-size:clamp(45px,5.3vw,70px);line-height:.98;letter-spacing:-4px}
.showcase-copy>p{margin:0;color:#aab4ac;font-size:16px;line-height:1.75}
.check-list{margin:34px 0 38px;padding:0;list-style:none}.check-list li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #293129}.check-list li>i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#22452f;color:#61e492;font-size:11px;font-style:normal}.check-list li span{display:flex;flex-direction:column;gap:4px}.check-list li b{font-size:12px}.check-list li small{color:#89948b;font-size:9px}
.store-showcase{position:relative;min-height:620px;display:flex;align-items:center}
.store-window{width:770px;overflow:hidden;border:8px solid #212922;border-radius:29px;background:#fff;color:#151915;box-shadow:0 55px 120px rgba(0,0,0,.38);transform:rotate(1deg)}
.store-nav{height:58px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #ecefec}.store-nav>b{font-size:20px;letter-spacing:-1px}.store-nav>div{display:flex;gap:22px;margin-left:auto;margin-right:30px;font-size:8px;font-weight:700}.store-nav>i{font-size:9px;font-style:normal}
.store-hero{height:300px;display:grid;grid-template-columns:1fr .9fr;background:#ebe9e2}.store-hero>div:first-child{padding:45px}.store-hero small{font-size:7px;font-weight:900;letter-spacing:1px}.store-hero h3{margin:13px 0 23px;font-family:Georgia,serif;font-size:47px;line-height:.9;font-weight:500;letter-spacing:-2px}.store-hero button{height:34px;padding:0 14px;border:0;background:#151915;color:#fff;font-size:7px;font-weight:800}.store-model{position:relative;overflow:hidden;background:linear-gradient(150deg,#b8b5aa,#e3ded1)}.model-shape{position:absolute;width:210px;height:290px;left:44px;top:20px;border-radius:48% 48% 12% 12%;background:linear-gradient(145deg,#222,#777);transform:rotate(-5deg)}.model-shape:before{content:"";position:absolute;width:82px;height:82px;left:63px;top:-36px;border-radius:50%;background:#a47b61}.model-shape:after{content:"";position:absolute;width:140px;height:180px;left:35px;top:58px;border-radius:70% 70% 20% 20%;border:18px solid rgba(255,255,255,.28)}
.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:18px 20px 22px}.store-products article{display:flex;flex-direction:column;gap:5px}.store-products b{font-size:8px}.store-products span{font-size:7px}.product-image{height:128px;border-radius:8px;background:#eceeea}.product-image:after{content:"";display:block;width:78px;height:55px;margin:35px auto;border-radius:55% 45% 35% 30%;background:linear-gradient(145deg,#333,#aaa);transform:rotate(-8deg);box-shadow:0 15px 18px rgba(0,0,0,.12)}.product-image.p2{background:#eee8e1}.product-image.p2:after{background:linear-gradient(145deg,#f4f2ef,#b9b4aa)}.product-image.p3{background:#e7e4dc}.product-image.p3:after{width:56px;height:76px;margin-top:23px;border-radius:16px 16px 25px 25px;background:linear-gradient(145deg,#806c55,#c2aa88);transform:none}
.showcase-badge{position:absolute;right:-8px;bottom:45px;display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:16px;background:var(--lime);color:#172019;box-shadow:0 20px 55px rgba(0,0,0,.28);animation:floatCard 4.4s ease-in-out infinite}.showcase-badge>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;font-style:normal}.showcase-badge div{display:flex;flex-direction:column;gap:3px}.showcase-badge b{font-size:10px}.showcase-badge small{font-size:7px}

/* Feature bento */
.feature-bento-section{background:#f5f7f3}
.feature-bento{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.bento-card{position:relative;min-height:370px;padding:37px;border:1px solid #e1e7e1;border-radius:var(--radius-lg);background:#fff;overflow:hidden}
.bento-card small{color:var(--green-dark);font-size:9px;font-weight:950;letter-spacing:1.3px}.bento-card h3{max-width:450px;margin:13px 0 12px;font-size:31px;line-height:1.05;letter-spacing:-1.6px}.bento-card p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.bento-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:30px;border-radius:14px;background:#e3f8eb;color:#158d4e;font-size:19px;font-weight:900}
.bento-products{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;grid-row:span 2;min-height:760px;background:linear-gradient(145deg,#fff,#f3faf5)}
.product-manager{align-self:end;margin-bottom:8px;padding:17px;border:1px solid #e1e9e2;border-radius:18px;background:#fff;box-shadow:0 25px 65px rgba(19,55,31,.1);transform:rotate(1.5deg)}.pm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pm-head b{font-size:12px}.pm-head button{height:27px;padding:0 9px;border:0;border-radius:7px;background:var(--ink);color:#fff;font-size:6px}.pm-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ed}.pm-row:last-child{border-bottom:0}.pm-image{width:36px;height:36px;border-radius:9px;background:#e3e7e2}.pm-image.one{background:linear-gradient(145deg,#dedcd3,#a4a59e)}.pm-image.two{background:linear-gradient(145deg,#efdccf,#b99176)}.pm-image.three{background:linear-gradient(145deg,#d9d3eb,#8d7ab9)}.pm-row span{display:flex;flex-direction:column;gap:3px}.pm-row b{font-size:7px}.pm-row small{color:#9aa39c;font-size:6px;letter-spacing:0}.pm-row strong{font-size:7px}.pm-row em{padding:4px 6px;border-radius:6px;background:#e6f8ec;color:#178c4e;font-size:6px;font-style:normal}
.bento-payment{background:#171d18;color:#fff}.bento-payment p{color:#a9b2ab}.bento-payment .bento-icon{background:#2b372d;color:#6fe69c}.payment-stack{position:absolute;left:35px;right:35px;bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-stack i{display:grid;place-items:center;height:52px;border:1px solid #303a32;border-radius:12px;background:#222b24;font-size:10px;font-style:normal;font-weight:900}.payment-stack i:nth-child(2){font-style:italic}.payment-stack i:nth-child(3){font-size:9px}.payment-stack i:nth-child(4){color:#7de6a5}
.bento-language{background:var(--lime)}.bento-language .bento-icon{background:#fff;color:#1a2a1d}.language-cloud{position:absolute;right:20px;bottom:18px;width:195px;height:145px}.language-cloud i{position:absolute;display:grid;place-items:center;border-radius:50%;background:#fff;color:#172019;font-style:normal;font-weight:900;box-shadow:0 12px 30px rgba(43,69,25,.13)}.language-cloud i:nth-child(1){width:67px;height:67px;left:54px;top:35px;font-size:14px}.language-cloud i:nth-child(2){width:46px;height:46px;left:2px;top:15px;font-size:9px}.language-cloud i:nth-child(3){width:41px;height:41px;right:5px;top:6px;font-size:8px}.language-cloud i:nth-child(4){width:50px;height:50px;left:6px;bottom:0;font-size:9px}.language-cloud i:nth-child(5){width:43px;height:43px;right:10px;bottom:6px;font-size:8px}
.bento-seo{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;grid-column:1/-1;background:#e7f8ed}.seo-result{align-self:center;padding:23px;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(25,70,40,.1)}.seo-result>div{display:flex;align-items:center;gap:9px}.seo-result>div>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#12301e;font-size:10px;font-style:normal;font-weight:900}.seo-result>div span{display:flex;flex-direction:column}.seo-result>div b{font-size:8px}.seo-result>div small{color:#588d68;font-size:6px;letter-spacing:0}.seo-result h4{margin:14px 0 4px;color:#2b5fc0;font-size:12px;font-weight:600}.seo-result p{font-size:8px;line-height:1.55}
.section-center-action{display:flex;justify-content:center;margin-top:42px}

/* Steps */
.steps-section{background:#111713;color:#fff}
.steps-section .section-heading h2{color:#fff}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:65px}
.steps-grid article{position:relative;min-height:425px;padding:30px;border:1px solid #2b342d;border-radius:25px;background:#19201a;overflow:hidden}
.step-number{position:absolute;right:27px;top:25px;color:#58625a;font-size:10px;font-weight:900;letter-spacing:1px}
.step-illustration{position:relative;width:180px;height:150px;margin:18px auto 28px}.step-illustration>i{position:absolute;left:20px;right:20px;top:20px;bottom:20px;border-radius:20px;background:#273129;transform:rotate(-6deg)}.step-illustration>span{position:absolute;left:38px;right:5px;top:8px;bottom:30px;border-radius:20px;background:#f5f7f4;box-shadow:0 20px 45px rgba(0,0,0,.25)}.step-illustration>b{position:absolute;display:grid;place-items:center;width:44px;height:44px;right:0;bottom:18px;border-radius:15px;background:var(--green);color:#12301e;font-size:17px}
.signup-illustration>span:before{content:"";position:absolute;left:18px;right:18px;top:22px;height:8px;border-radius:8px;background:#dbe1dc;box-shadow:0 20px #e6eae7,0 40px #e6eae7}.signup-illustration>span:after{content:"";position:absolute;left:18px;right:45px;bottom:18px;height:21px;border-radius:7px;background:#1b251d}
.product-illustration>span:before{content:"";position:absolute;width:55px;height:65px;left:17px;top:20px;border-radius:12px;background:#d8ddd9}.product-illustration>span:after{content:"";position:absolute;left:82px;right:15px;top:22px;height:7px;border-radius:7px;background:#d4dad5;box-shadow:0 19px #e1e5e2,0 38px #e1e5e2}
.launch-illustration>span:before{content:"";position:absolute;width:68px;height:68px;left:39px;top:26px;border-radius:50%;border:12px solid #d7ddd8}.launch-illustration>span:after{content:"";position:absolute;width:20px;height:34px;left:63px;top:44px;border-radius:10px 10px 4px 4px;background:var(--green)}
.steps-grid h3{margin:0 0 12px;font-size:25px;letter-spacing:-1px}.steps-grid p{margin:0;color:#a3ada5;font-size:13px;line-height:1.7}.steps-action{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:46px}.steps-action small{color:#7f8981;font-size:10px}

/* References */
.home-references-section{background:#fff}
.home-references-section .split-heading>div:last-child>p{color:var(--muted)}
.reference-preview-grid,.references-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reference-card{display:block;overflow:hidden;border:1px solid #e1e7e2;border-radius:24px;background:#fff;transition:transform .25s,box-shadow .25s}
.reference-card:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(17,45,27,.12)}
.reference-image{position:relative;height:285px;overflow:hidden;background:#edf1ed}.reference-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.reference-card:hover .reference-image img{transform:scale(1.035)}
.reference-placeholder{position:relative;width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#e6f8ed,#f5f7f3)}.reference-placeholder span{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:#fff;color:var(--green-dark);font-size:36px;font-weight:900;box-shadow:0 18px 45px rgba(25,75,43,.13)}.reference-placeholder small{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#7d8980;font-size:9px}
.reference-open{position:absolute;right:15px;bottom:15px;padding:10px 13px;border-radius:999px;background:rgba(15,22,17,.9);color:#fff;font-size:9px;font-weight:850;backdrop-filter:blur(9px)}
.reference-featured{position:absolute;left:15px;top:15px;padding:8px 10px;border-radius:999px;background:var(--lime);color:#172019;font-size:8px;font-weight:950;letter-spacing:.7px}
.reference-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px}.reference-meta>div>small{color:var(--green-dark);font-size:8px;font-weight:900;letter-spacing:1px}.reference-meta h3,.reference-meta h2{margin:7px 0 8px;font-size:21px;letter-spacing:-.7px}.reference-meta h2{font-size:25px}.reference-meta p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.reference-meta>div>small:last-child{display:block;margin-top:7px;letter-spacing:0}.reference-meta>b{display:grid;place-items:center;min-width:39px;height:39px;border-radius:50%;background:#edf3ee;color:var(--green-dark);font-size:17px}.reference-card-large .reference-image{height:340px}

/* Pricing */
.pricing-section{background:#f4f7f2}
.pricing-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.pricing-copy h2{font-size:clamp(45px,5vw,68px)}
.pricing-benefit{display:flex;gap:12px;margin-top:22px}.pricing-benefit>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dff7e8;color:#168e4f;font-size:11px;font-style:normal}.pricing-benefit span{display:flex;flex-direction:column;gap:3px}.pricing-benefit b{font-size:12px}.pricing-benefit small{color:#7e8981;font-size:9px}
.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.price-card{position:relative;padding:35px;border:1px solid #dce5dd;border-radius:28px;background:#fff;box-shadow:0 20px 65px rgba(22,48,29,.07)}
.featured-price{border-color:#1c2b20;background:#151c17;color:#fff;box-shadow:0 30px 80px rgba(10,30,17,.22)}
.price-tag{display:inline-flex;padding:7px 9px;border-radius:7px;background:#e8f8ed;color:#168b4d;font-size:8px;font-weight:950;letter-spacing:1px}.featured-price .price-tag{background:#27332a;color:#71e49d}
.price-card h3{margin:22px 0 8px;font-size:30px;letter-spacing:-1.5px}.price-card>p{min-height:40px;margin:0;color:#78847b;font-size:11px;line-height:1.6}.featured-price>p{color:#9da8a0}
.price{display:flex;align-items:end;gap:8px;margin:29px 0 25px}.price b{font-size:43px;line-height:1;letter-spacing:-2.5px}.price span{padding-bottom:5px;color:#7c887f;font-size:9px}.featured-price .price span{color:#8d9990}
.price-card ul{margin:28px 0 0;padding:0;list-style:none}.price-card li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0ed;color:#4f5c52;font-size:10px}.price-card li:last-child{border-bottom:0}.price-card li i{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#e4f8eb;color:#168e4f;font-size:8px;font-style:normal}.featured-price li{border-color:#2d362f;color:#c2c9c4}.featured-price li i{background:#294131;color:#68df96}
.popular-badge{position:absolute;right:20px;top:-12px;padding:7px 10px;border-radius:999px;background:var(--lime);color:#19221b;font-size:7px;font-weight:950;letter-spacing:.7px}

/* FAQ */
.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:95px;align-items:start}
.faq-copy{position:sticky;top:125px}.faq-copy h2{font-size:clamp(45px,5vw,68px)}
.faq-list{border-top:1px solid #dce4dd}
.faq-list details{border-bottom:1px solid #dce4dd}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:89px;cursor:pointer;list-style:none;font-size:17px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{display:grid;place-items:center;min-width:35px;height:35px;border-radius:50%;background:#eff4ef;font-size:19px;font-style:normal;font-weight:400;transition:.2s}.faq-list details[open] summary i{transform:rotate(45deg);background:var(--green);color:#10301d}.faq-list details p{max-width:720px;margin:-5px 65px 27px 0;color:var(--muted);font-size:13px;line-height:1.75}

/* Final CTA & Footer */
.final-cta-section{padding:30px 0 0;background:#fff}
.final-cta{position:relative;min-height:360px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:64px 72px;border-radius:34px 34px 0 0;background:var(--green);overflow:hidden}
.final-cta-copy{position:relative;z-index:2;max-width:760px}.final-cta h2{margin:16px 0 15px;font-size:clamp(45px,5.4vw,72px);line-height:.95;letter-spacing:-4px}.final-cta p{max-width:590px;margin:0;color:#164c2b;font-size:15px;line-height:1.7}
.final-cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;flex:none}.final-cta-actions small{color:#17502d;font-size:9px}
.cta-orb{position:absolute;border-radius:50%;border:45px solid rgba(255,255,255,.18)}.cta-orb-one{width:270px;height:270px;right:-80px;top:-100px}.cta-orb-two{width:170px;height:170px;left:45%;bottom:-120px;border-width:30px}
.site-footer{background:#101510;color:#fff}
.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:65px;padding:75px 0 65px}.footer-logo .brand-name b{color:#fff}.footer-brand>p{max-width:355px;margin:25px 0;color:#8f9a91;font-size:12px;line-height:1.75}.footer-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2c352e;border-radius:999px;color:#aab3ac;font-size:8px}.footer-status i{width:7px;height:7px;border-radius:50%;background:#4dd886;box-shadow:0 0 0 5px rgba(77,216,134,.1)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-column>b{margin-bottom:8px;color:#fff;font-size:10px;letter-spacing:.5px}.footer-column a,.footer-column span{color:#8d9890;font-size:10px;transition:.2s}.footer-column a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #262e28;color:#747f77;font-size:8px}.footer-bottom>div{display:flex;gap:22px}

/* Inner pages */
.page-hero{position:relative;overflow:hidden;padding:112px 0 118px;background:#f3f8f1}
.page-hero:before{content:"";position:absolute;width:560px;height:560px;right:-150px;top:-300px;border-radius:50%;background:var(--green);opacity:.13}
.page-hero:after{content:"";position:absolute;width:230px;height:230px;left:-95px;bottom:-120px;border-radius:50%;background:var(--lime);opacity:.75}
.page-hero-inner{position:relative;z-index:2;max-width:1000px;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:10px;font-weight:950;letter-spacing:1.5px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.page-hero h1{max-width:930px;margin:20px auto 22px;font-size:clamp(58px,7.2vw,94px);line-height:.92;letter-spacing:-6px}.page-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.75}.page-hero .hero-actions{justify-content:center}.compact-hero{padding-bottom:128px}
.feature-index-section{padding-top:0;background:#fff}.feature-category-nav{position:sticky;z-index:35;top:98px;display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:-28px auto 70px;padding:8px;border:1px solid #dfe7e0;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(18,42,26,.1);backdrop-filter:blur(15px)}.feature-category-nav a{padding:11px 14px;border-radius:9px;color:#59655c;font-size:10px;font-weight:850;white-space:nowrap}.feature-category-nav a:hover{background:#e6f8ed;color:var(--green-dark)}
.feature-category{scroll-margin-top:165px;padding:90px 0;border-bottom:1px solid #e2e8e3}.feature-category:last-child{border-bottom:0}.feature-category:nth-child(even){position:relative}.feature-category-head{display:grid;grid-template-columns:100px 1fr;gap:35px;max-width:1000px;margin-bottom:48px}.feature-category-head>span{color:#dbe4dc;font-size:76px;line-height:.8;font-weight:950;letter-spacing:-5px}.feature-category-head small{color:var(--green-dark);font-size:9px;font-weight:950;letter-spacing:1.5px}.feature-category-head h2{max-width:850px;margin:12px 0 15px;font-size:46px;line-height:1.02;letter-spacing:-2.5px}.feature-category-head p{max-width:720px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-detail-grid article{min-height:245px;padding:28px;border:1px solid #e0e6e1;border-radius:20px;background:#fff;transition:.25s}.feature-detail-grid article:hover{transform:translateY(-5px);border-color:#cce8d5;box-shadow:0 22px 60px rgba(21,52,31,.09)}.feature-detail-grid i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:38px;border-radius:14px;background:#e5f8ec;color:#158d4e;font-size:18px;font-style:normal;font-weight:900}.feature-detail-grid h3{margin:0 0 10px;font-size:19px;letter-spacing:-.6px}.feature-detail-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.72}
.feature-bottom-banner{padding:15px 0 105px}.feature-bottom-inner{position:relative;min-height:310px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:60px 68px;border-radius:30px;background:#121813;color:#fff;overflow:hidden}.feature-bottom-inner:after{content:"";position:absolute;width:330px;height:330px;right:-100px;top:-170px;border-radius:50%;border:50px solid rgba(43,201,119,.2)}.feature-bottom-inner>div,.feature-bottom-inner>a{position:relative;z-index:2}.feature-bottom-inner small{color:#6be399;font-size:9px;font-weight:950;letter-spacing:1.4px}.feature-bottom-inner h2{margin:13px 0;font-size:43px;letter-spacing:-2.4px}.feature-bottom-inner p{margin:0;color:#a5afa7;font-size:13px}
.references-hero{padding-bottom:120px}.references-page-section{padding-top:82px}.references-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.references-toolbar>div{display:flex;align-items:end;gap:10px}.references-toolbar b{font-size:50px;line-height:1;letter-spacing:-3px}.references-toolbar span{padding-bottom:5px;color:var(--muted);font-size:11px}.references-toolbar p{margin:0;color:var(--muted);font-size:10px}.references-grid{grid-template-columns:repeat(2,1fr)}
.empty-references{max-width:760px;margin:20px auto;padding:75px 35px;border:1px dashed #cdd7cf;border-radius:28px;background:#f7faf7;text-align:center}.empty-references>span{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 23px;border-radius:22px;background:#e2f8ea;color:#158d4e;font-size:31px}.empty-references h2{margin:0 0 12px;font-size:38px;letter-spacing:-1.7px}.empty-references p{max-width:570px;margin:0 auto 28px;color:var(--muted);font-size:13px;line-height:1.75}

/* Responsive */
@media(max-width:1180px){
    .main-nav{gap:18px}.header-actions{gap:12px}
    .hero-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.browser-shell{width:650px}.app-shell{grid-template-columns:125px 1fr}.hero-copy h1{font-size:72px}
    .floating-mobile{left:-12px}.floating-sale{right:-5px}
    .showcase-grid{gap:45px}.store-window{width:670px}
    .footer-main{gap:35px}
}
@media(max-width:1020px){
    .home-container{width:min(100% - 36px,1240px)}
    .header-inner{height:70px}.main-nav{position:fixed;left:18px;right:18px;top:116px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:15px;border:1px solid #dfe6e0;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(15,35,21,.18)}.main-nav.is-open{display:flex}.main-nav a{padding:14px 12px;border-radius:10px}.main-nav a:after{display:none}.main-nav a:hover,.main-nav a.active{background:#eff7f1}.menu-toggle{display:flex;margin-left:auto}.header-actions{margin-left:0}.text-link{display:none}
    .hero-section{padding-top:15px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:20px 0 10px;text-align:center}.hero-copy h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{min-height:620px}.browser-shell{width:min(790px,92vw);transform:none}.floating-mobile{left:2%}.floating-sale{right:1%}
    .section-heading-wide,.split-heading{grid-template-columns:1fr;gap:24px}.section-heading-wide p{padding-bottom:0}.advantage-card{min-height:530px}.advantage-copy{margin-top:60px}
    .showcase-grid{grid-template-columns:1fr}.showcase-copy{max-width:720px}.store-showcase{justify-content:center}.store-window{width:min(820px,92vw)}
    .feature-bento{grid-template-columns:1fr 1fr}.bento-products{grid-column:1/-1;grid-row:auto;min-height:520px}.bento-seo{grid-column:1/-1}
    .pricing-layout,.faq-layout{grid-template-columns:1fr;gap:55px}.pricing-copy{max-width:760px}.faq-copy{position:static;max-width:760px}
    .footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{grid-column:2/4}.feature-detail-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .section{padding:85px 0}.section-heading h2,.pricing-copy h2,.faq-copy h2{font-size:47px;letter-spacing:-2.8px}.section-heading p,.pricing-copy>p,.faq-copy>p{font-size:15px}.announcement-inner p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-inner .announcement-pill{display:none}
    .header-actions .button{min-height:40px;padding:0 13px;font-size:11px}.brand-name{font-size:18px}.brand-mark{width:34px;height:34px}
    .hero-copy h1{font-size:58px;letter-spacing:-4px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%;max-width:380px}.hero-trust{flex-direction:column}.hero-visual{min-height:500px;margin-top:15px}.browser-shell{width:720px;transform:scale(.78);transform-origin:center}.floating-mobile{display:none}.floating-sale{right:5%;bottom:35px}.hero-bottom-note{flex-wrap:wrap;gap:14px 24px;text-align:center}.hero-bottom-note span{font-size:9px}
    .advantage-grid{grid-template-columns:1fr}.advantage-primary{grid-row:auto}.advantage-card{min-height:520px}.advantage-copy h3{font-size:34px}.operation-visual{grid-template-columns:120px 1fr}.operation-ring{width:110px;height:110px}.operation-ring span{top:33px}.operation-ring small{top:64px}
    .store-showcase{min-height:500px}.store-window{width:720px;transform:scale(.76);transform-origin:center}.showcase-badge{right:0;bottom:15px}
    .feature-bento{grid-template-columns:1fr}.bento-card,.bento-products,.bento-seo{grid-column:auto;min-height:410px}.bento-products,.bento-seo{grid-template-columns:1fr}.product-manager{margin-top:35px}.bento-products{min-height:650px}.bento-seo{min-height:540px}.seo-result{margin-top:30px}
    .steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:390px}.reference-preview-grid,.references-grid{grid-template-columns:1fr}.reference-image,.reference-card-large .reference-image{height:300px}
    .pricing-cards{grid-template-columns:1fr}.featured-price{margin-top:12px}.faq-list summary{font-size:15px}
    .final-cta{align-items:flex-start;flex-direction:column;padding:50px 38px}.final-cta h2{font-size:48px;letter-spacing:-2.8px}.final-cta-actions{align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
    .page-hero{padding:82px 0 90px}.page-hero h1{font-size:55px;letter-spacing:-3.5px}.feature-category-nav{top:85px;justify-content:flex-start;width:100%;overflow-x:auto;margin-bottom:50px}.feature-category{padding:68px 0}.feature-category-head{grid-template-columns:70px 1fr;gap:22px}.feature-category-head>span{font-size:58px}.feature-category-head h2{font-size:38px}.feature-bottom-inner{align-items:flex-start;flex-direction:column;padding:45px}.references-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.references-toolbar p{display:none}
}
@media(max-width:520px){
    .home-container{width:calc(100% - 28px)}.section{padding:72px 0}.announcement-inner{font-size:10px}.announcement-inner p b{font-weight:800}.announcement-inner a{display:none}
    .header-inner{gap:10px}.header-actions .button span{display:none}.menu-toggle{width:39px;height:39px}.main-nav{top:109px}
    .hero-section{padding-top:15px}.hero-badge{font-size:8px}.hero-copy h1{font-size:47px;letter-spacing:-3px}.hero-copy h1 em:after{height:6px}.hero-lead{font-size:14px}.video-link{display:none}.hero-actions{margin-top:27px}.hero-visual{min-height:350px}.browser-shell{width:720px;transform:scale(.47)}.floating-sale{right:0;bottom:10px;transform:scale(.8);transform-origin:right bottom}.hero-bottom-note{padding-top:5px}.brand-marquee{padding:14px 0}.marquee-track{gap:22px}.marquee-track span{font-size:9px}
    .section-heading h2,.pricing-copy h2,.faq-copy h2{font-size:39px;letter-spacing:-2.3px}.section-heading{margin-bottom:42px}.section-heading-wide{display:block}.section-heading-wide h2{margin-bottom:18px}
    .advantage-card{min-height:480px;padding:27px;border-radius:24px}.advantage-copy{margin-top:55px}.advantage-copy h3{font-size:31px}.setup-visual{left:27px;right:27px;bottom:27px}.operation-visual{grid-template-columns:1fr;margin-top:35px}.operation-ring{margin:auto}.domain-card{margin-top:36px;padding:19px}.domain-card>div{font-size:15px}
    .showcase-grid{gap:25px}.showcase-copy h2{font-size:41px;letter-spacing:-2.4px}.store-showcase{min-height:340px}.store-window{width:720px;transform:scale(.46)}.showcase-badge{transform:scale(.8);transform-origin:right bottom}
    .bento-card{padding:28px;border-radius:22px}.bento-card h3{font-size:27px}.bento-products{min-height:620px}.pm-row{grid-template-columns:34px 1fr auto}.pm-row em{display:none}.payment-stack{left:28px;right:28px;bottom:28px}.language-cloud{transform:scale(.8);transform-origin:right bottom}.bento-seo{min-height:520px}
    .split-heading{gap:15px}.steps-grid{margin-top:42px}.steps-grid article{min-height:375px;padding:25px}.steps-action .button{width:100%}.reference-image,.reference-card-large .reference-image{height:245px}.reference-meta{padding:21px}.pricing-layout{gap:40px}.price-card{padding:28px}.price b{font-size:38px}.faq-list summary{min-height:78px;font-size:14px}.faq-list details p{margin-right:0}.final-cta{padding:42px 27px;border-radius:25px 25px 0 0}.final-cta h2{font-size:39px}.final-cta-actions,.final-cta-actions .button{width:100%}.footer-main{grid-template-columns:1fr;gap:32px;padding-top:55px}.footer-brand,.footer-column:last-child{grid-column:auto}
    .page-hero{padding:65px 0 75px}.page-hero h1{font-size:43px;letter-spacing:-2.7px}.page-hero p{font-size:14px}.page-hero .hero-actions{margin-top:28px}.feature-category-nav{margin-top:-26px}.feature-category-head{grid-template-columns:1fr;gap:8px}.feature-category-head>span{font-size:42px}.feature-category-head h2{font-size:33px}.feature-detail-grid{grid-template-columns:1fr}.feature-detail-grid article{min-height:0}.feature-bottom-inner{padding:35px 28px}.feature-bottom-inner h2{font-size:33px}.feature-bottom-inner .button{width:100%}.empty-references{padding:55px 24px}.empty-references h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}
}

/* Feature page visual */
.feature-page-hero{padding:92px 0 105px;text-align:left}
.feature-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.feature-hero-copy h1{margin:21px 0 22px;font-size:clamp(58px,6.6vw,88px);line-height:.93;letter-spacing:-5.5px}
.feature-hero-copy>p{max-width:610px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.feature-hero-copy .hero-actions{justify-content:flex-start}
.feature-hero-points{display:flex;flex-wrap:wrap;gap:15px 22px;margin-top:30px;color:#657168;font-size:10px;font-weight:750}.feature-hero-points span{display:flex;align-items:center;gap:7px}.feature-hero-points i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#def7e7;color:#148b4c;font-size:8px;font-style:normal}
.feature-hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.feature-orbit{position:absolute;border-radius:50%}.feature-orbit-one{width:470px;height:470px;right:-25px;top:15px;background:var(--green)}.feature-orbit-two{width:165px;height:165px;left:-25px;bottom:20px;background:var(--lime)}
.feature-command-card{position:relative;z-index:2;width:650px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fff;box-shadow:0 45px 105px rgba(13,55,29,.22);transform:rotate(-2deg)}
.command-head{height:42px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e9eeea;background:#f7f9f7}.command-head>span{display:flex;gap:5px}.command-head>span i{width:7px;height:7px;border-radius:50%;background:#d0d6d1}.command-head>span i:first-child{background:#ff8878}.command-head>span i:nth-child(2){background:#efc052}.command-head>span i:nth-child(3){background:#56c982}.command-head>b{margin:auto;font-size:8px}.command-head>em{padding:4px 7px;border-radius:999px;background:#ddf7e6;color:#148b4c;font-size:6px;font-style:normal;font-weight:900}
.command-body{height:380px;display:grid;grid-template-columns:58px 1fr;background:#f4f7f4}.command-body>aside{display:flex;align-items:center;flex-direction:column;gap:9px;padding:14px 8px;background:#141a15}.command-logo{display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:9px;background:var(--green);color:#0a2b18;font-size:11px;font-weight:900}.command-body>aside>i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#768078;font-size:11px;font-style:normal}.command-body>aside>i.active{background:#29322b;color:#6de299}
.command-content{padding:22px}.command-title{display:flex;align-items:flex-start;justify-content:space-between}.command-title small{color:#929d95;font-size:6px;font-weight:900;letter-spacing:.8px}.command-title h3{margin:5px 0 0;font-size:18px;letter-spacing:-.8px}.command-title button{height:28px;padding:0 10px;border:0;border-radius:8px;background:#171d18;color:#fff;font-size:7px;font-weight:800}.command-tabs{display:flex;gap:17px;margin-top:18px;border-bottom:1px solid #dde4de}.command-tabs span{position:relative;padding-bottom:9px;color:#8a958c;font-size:7px;font-weight:700}.command-tabs span.active{color:#172019}.command-tabs span.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}
.command-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.command-widgets article{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #e2e8e3;border-radius:10px;background:#fff}.command-widgets small{color:#89958c;font-size:6px}.command-widgets b{font-size:16px}.command-widgets i{color:#229d5d;font-size:6px;font-style:normal}.command-chart{margin-top:9px;padding:13px;border:1px solid #e2e8e3;border-radius:10px;background:#fff}.command-chart>div{display:flex;align-items:center;justify-content:space-between}.command-chart b{font-size:8px}.command-chart small{color:#939d96;font-size:6px}.command-chart svg{width:100%;height:82px;margin-top:7px;overflow:visible}.command-chart path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round}
.feature-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(15,53,29,.18);backdrop-filter:blur(12px)}.feature-float-card>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e1f8e9;color:#168d4e;font-style:normal;font-weight:900}.feature-float-card>div{display:flex;flex-direction:column;gap:2px}.feature-float-card small{color:#89958c;font-size:6px;font-weight:900;letter-spacing:.6px}.feature-float-card b{font-size:9px}.float-stock{left:-10px;bottom:65px;animation:floatCard 4s ease-in-out infinite}.float-payment{right:-5px;top:65px;animation:floatCard 4.7s ease-in-out infinite}.float-payment>i{background:#ebe6ff;color:#684de1}
.feature-tone-green,.feature-tone-lime,.feature-tone-dark,.feature-tone-purple,.feature-tone-blue{position:relative;padding-left:34px;padding-right:34px;border:0;border-radius:30px;margin-bottom:28px}.feature-tone-green{background:#eef9f2}.feature-tone-lime{background:#f7ffd9}.feature-tone-dark{background:#121813;color:#fff}.feature-tone-purple{background:#f1edff}.feature-tone-blue{background:#edf5ff}.feature-tone-dark .feature-category-head>span{color:#354139}.feature-tone-dark .feature-category-head small{color:#6fe59b}.feature-tone-dark .feature-category-head p{color:#a4afa6}.feature-tone-dark .feature-detail-grid article{border-color:#2c352e;background:#1a211b;color:#fff}.feature-tone-dark .feature-detail-grid article:hover{border-color:#3c6048;box-shadow:none}.feature-tone-dark .feature-detail-grid i{background:#263b2d;color:#6fe59b}.feature-tone-dark .feature-detail-grid p{color:#9da79f}.feature-tone-lime .feature-detail-grid i{background:#fff;color:#26361f}.feature-tone-purple .feature-detail-grid i{background:#e4dcff;color:#6243dc}.feature-tone-blue .feature-detail-grid i{background:#dcecff;color:#3267b1}

/* Reference page visual */
.references-hero{padding:95px 0 115px;text-align:left}
.references-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}
.references-hero-copy h1{margin:20px 0 22px;font-size:clamp(58px,6.8vw,90px);line-height:.93;letter-spacing:-5.7px}.references-hero-copy>p{max-width:590px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.references-hero-copy .hero-actions{justify-content:flex-start}
.references-collage{position:relative;min-height:550px}.collage-card{position:absolute;width:350px;height:450px;padding:16px;border:7px solid #fff;border-radius:27px;background:#fff;box-shadow:0 35px 90px rgba(15,50,27,.2);overflow:hidden}.collage-one{left:25px;top:20px;transform:rotate(-7deg)}.collage-two{right:10px;top:70px;transform:rotate(7deg)}.collage-nav{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.collage-nav>b{letter-spacing:-.5px}.collage-nav span{font-size:9px}.collage-product{position:relative;height:250px;border-radius:15px;overflow:hidden}.collage-product.fashion{background:linear-gradient(145deg,#d5d0c7,#f0ede7)}.collage-product.home{background:linear-gradient(145deg,#c8baaa,#efe7dd)}.collage-product>i{position:absolute;display:block}.collage-product.fashion>i{width:155px;height:225px;left:82px;top:25px;border-radius:47% 47% 18% 18%;background:linear-gradient(145deg,#252525,#8e8e8e)}.collage-product.fashion>i:before{content:"";position:absolute;width:65px;height:65px;left:45px;top:-26px;border-radius:50%;background:#a77b62}.collage-product.home>i{width:190px;height:115px;left:62px;bottom:18px;border-radius:52px 52px 18px 18px;background:#9c7653;box-shadow:-70px -65px 0 -32px #d8c8b6,75px -55px 0 -25px #e2d6c6}.collage-card>small{display:block;margin-top:17px;color:#7e8980;font-size:7px;font-weight:900;letter-spacing:1px}.collage-card>h3{margin:7px 0 0;font-size:22px;line-height:1.05;letter-spacing:-1px}.collage-badge{position:absolute;z-index:5;left:50%;bottom:28px;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;background:var(--lime);box-shadow:0 20px 55px rgba(24,59,30,.2);transform:translateX(-50%)}.collage-badge>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#168d4e;font-style:normal;font-weight:900}.collage-badge div{display:flex;flex-direction:column;gap:2px}.collage-badge b{font-size:10px}.collage-badge small{font-size:7px}
.reference-stats-strip{background:#111713;color:#fff}.reference-stats-strip>.home-container{display:grid;grid-template-columns:repeat(4,1fr)}.reference-stats-strip article{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:145px;border-right:1px solid #2a332c}.reference-stats-strip article:first-child{border-left:1px solid #2a332c}.reference-stats-strip b{font-size:34px;letter-spacing:-1.5px}.reference-stats-strip span{margin-top:6px;color:#879289;font-size:9px}
.reference-story-section{padding:25px 0 110px;background:#fff}.reference-story{display:flex;align-items:center;justify-content:space-between;gap:60px;min-height:320px;padding:55px 65px;border-radius:30px;background:#151c17;color:#fff}.reference-story>div{max-width:750px}.reference-story h2{margin:15px 0 13px;font-size:52px;line-height:.98;letter-spacing:-3px}.reference-story p{margin:0;color:#9da8a0;font-size:13px;line-height:1.7}

@media(max-width:1020px){
    .feature-hero-grid,.references-hero-grid{grid-template-columns:1fr}.feature-hero-copy,.references-hero-copy{text-align:center}.feature-hero-copy>p,.references-hero-copy>p{margin-left:auto;margin-right:auto}.feature-hero-copy .hero-actions,.references-hero-copy .hero-actions,.feature-hero-points{justify-content:center}.feature-hero-visual{min-height:520px}.feature-command-card{width:min(700px,88vw)}
    .references-collage{width:min(760px,100%);margin:0 auto}.collage-one{left:12%}.collage-two{right:12%}
}
@media(max-width:760px){
    .feature-page-hero,.references-hero{padding:75px 0 90px}.feature-hero-copy h1,.references-hero-copy h1{font-size:55px;letter-spacing:-3.5px}.feature-hero-visual{min-height:440px}.feature-command-card{width:650px;transform:scale(.83) rotate(-2deg)}.float-stock{left:5%}.float-payment{right:4%}
    .feature-tone-green,.feature-tone-lime,.feature-tone-dark,.feature-tone-purple,.feature-tone-blue{padding-left:24px;padding-right:24px;border-radius:24px}
    .references-collage{min-height:490px}.collage-card{width:310px;height:410px}.collage-one{left:5%}.collage-two{right:5%}.collage-product{height:215px}.collage-product.fashion>i{left:66px}.collage-product.home>i{left:45px}.reference-stats-strip>.home-container{grid-template-columns:1fr 1fr}.reference-stats-strip article:nth-child(3){border-left:1px solid #2a332c;border-top:1px solid #2a332c}.reference-stats-strip article:nth-child(4){border-top:1px solid #2a332c}.reference-story{align-items:flex-start;flex-direction:column;padding:45px}.reference-story h2{font-size:43px}.reference-story .button{width:100%}
}
@media(max-width:520px){
    .feature-hero-copy h1,.references-hero-copy h1{font-size:43px;letter-spacing:-2.7px}.feature-hero-copy>p,.references-hero-copy>p{font-size:14px}.feature-hero-points{gap:10px}.feature-hero-visual{min-height:310px}.feature-command-card{width:650px;transform:scale(.49) rotate(-2deg)}.feature-orbit-one{width:300px;height:300px;right:0}.feature-orbit-two{width:100px;height:100px}.feature-float-card{transform:scale(.75)}.float-stock{left:0;bottom:20px}.float-payment{right:0;top:35px}.feature-tone-green,.feature-tone-lime,.feature-tone-dark,.feature-tone-purple,.feature-tone-blue{padding:55px 18px;margin-left:-3px;margin-right:-3px}
    .references-collage{min-height:380px}.collage-card{width:255px;height:345px;padding:11px;border-width:5px}.collage-one{left:-2%;transform:rotate(-7deg) scale(.88)}.collage-two{right:-2%;transform:rotate(7deg) scale(.88)}.collage-product{height:175px}.collage-product.fashion>i{width:120px;height:175px;left:55px}.collage-product.home>i{width:150px;height:90px;left:38px}.collage-card>h3{font-size:18px}.collage-badge{bottom:5px;transform:translateX(-50%) scale(.82)}.reference-stats-strip article{min-height:110px}.reference-stats-strip b{font-size:27px}.reference-story{padding:36px 26px}.reference-story h2{font-size:35px;letter-spacing:-2px}
}

/* YiziSoft logo, canlı hero ve video popup güncellemesi */
.brand-image-link{min-width:0}
.brand-logo{display:block;width:190px;height:auto;max-height:48px;object-fit:contain}
.footer-logo{display:inline-flex;width:max-content;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.96)}
.footer-logo .brand-logo{width:190px;max-height:44px}
.header-actions .button-dark,
.header-actions .button-dark span{color:#fff!important;opacity:1!important;visibility:visible!important}
.header-actions .button-dark{white-space:nowrap;min-width:142px}
.hero-badge{position:relative;transform:translateY(-20px);margin-bottom:-20px}
button.video-link{padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
button.video-link:focus-visible{outline:3px solid rgba(43,201,119,.3);outline-offset:5px;border-radius:999px}

.setup-visual>div{position:relative;overflow:hidden;opacity:.45;transform:translateX(-8px);animation:setupStepReveal 6s ease-in-out infinite}
.setup-visual>div:nth-child(1){animation-delay:0s}
.setup-visual>div:nth-child(2){animation-delay:.7s}
.setup-visual>div:nth-child(3){animation-delay:1.4s}
.setup-visual>div>em{position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),var(--lime));animation:setupProgress 6s ease-in-out infinite}
.setup-visual>div:nth-child(2)>em{animation-delay:.7s}
.setup-visual>div:nth-child(3)>em{animation-delay:1.4s}
.setup-visual>div i{transition:transform .25s,box-shadow .25s}
.setup-visual>div:nth-child(3) i{background:var(--lime);border-color:#bde63e;color:#263313;animation:setupPulse 1.35s ease-in-out infinite}
@keyframes setupStepReveal{
    0%,8%{opacity:.42;transform:translateX(-8px)}
    14%,55%{opacity:1;transform:none}
    70%,100%{opacity:.58;transform:none}
}
@keyframes setupProgress{
    0%,8%{right:100%}
    18%,55%{right:0}
    70%,100%{right:0;opacity:.25}
}
@keyframes setupPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(217,255,99,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(217,255,99,0)}}

.order-count-bubble{position:absolute;z-index:7;right:24px;top:82px;width:168px;padding:14px 15px 13px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:rgba(16,21,16,.94);color:#fff;box-shadow:0 22px 55px rgba(11,35,20,.22);backdrop-filter:blur(14px);animation:orderBubbleFloat 4.5s ease-in-out infinite}
.order-count-bubble>span{display:block;color:#9eaaa1;font-size:7px;font-weight:950;letter-spacing:1.15px}
.order-count-bubble>b{display:block;margin-top:3px;color:var(--lime);font-size:34px;line-height:1;font-weight:950;letter-spacing:-2px}
.order-count-bubble>i{position:absolute;right:15px;top:17px;padding:5px 7px;border-radius:999px;background:var(--green);color:#092316;font-size:8px;font-style:normal;font-weight:950}
.order-count-dots{display:flex;gap:5px;margin-top:10px}
.order-count-dots em{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#253028;color:#92a096;font-size:7px;font-style:normal;font-weight:900;transition:.25s}
.order-count-bubble[data-count="1"] .order-count-dots em:nth-child(1),
.order-count-bubble[data-count="2"] .order-count-dots em:nth-child(2),
.order-count-bubble[data-count="3"] .order-count-dots em:nth-child(3),
.order-count-bubble[data-count="4"] .order-count-dots em:nth-child(4),
.order-count-bubble[data-count="5"] .order-count-dots em:nth-child(5){background:var(--lime);color:#1b281c;transform:translateY(-3px)}
.order-count-bubble.is-bumping>b{animation:orderNumberBump .36s ease}
@keyframes orderBubbleFloat{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes orderNumberBump{0%{transform:scale(.72);opacity:.35}70%{transform:scale(1.16)}100%{transform:scale(1);opacity:1}}

body.video-modal-open{overflow:hidden}
.video-modal[hidden]{display:none!important}
.video-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.video-modal.is-open{opacity:1;visibility:visible}
.video-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(6,12,8,.78);backdrop-filter:blur(14px);cursor:pointer}
.video-modal-panel{position:relative;width:min(1080px,100%);max-height:calc(100vh - 56px);overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:#111712;color:#fff;box-shadow:0 45px 130px rgba(0,0,0,.45);transform:translateY(18px) scale(.98);transition:transform .22s ease}
.video-modal.is-open .video-modal-panel{transform:none}
.video-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:25px 27px 20px}
.video-modal-head small{color:#8fe5ae;font-size:9px;font-weight:950;letter-spacing:1.5px}
.video-modal-head h2{margin:7px 0 0;font-size:clamp(24px,3vw,39px);line-height:1.05;letter-spacing:-1.7px}
.video-modal-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #354039;border-radius:50%;background:#202922;color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:.2s}
.video-modal-close:hover{transform:rotate(8deg);background:var(--green);color:#082316}
.video-frame{margin:0 27px;overflow:hidden;border:1px solid #2c362f;border-radius:21px;background:#050806;aspect-ratio:16/9}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#050806}
.video-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 27px 27px;color:#a9b4ac;font-size:12px}
.video-modal-foot .button{flex:none}

@media(max-width:1120px){
    .brand-logo{width:165px}
    .header-inner{gap:18px}
    .main-nav{gap:18px}
    .order-count-bubble{right:5px;top:68px;transform:scale(.88);transform-origin:right top}
}
@media(max-width:760px){
    .brand-logo{width:145px;max-height:40px}
    .header-actions .button-dark{min-width:0}
    .hero-badge{transform:translateY(-10px);margin-bottom:-10px}
    .order-count-bubble{right:1%;top:25px;transform:scale(.72);transform-origin:right top}
    .video-modal{padding:12px}
    .video-modal-panel{max-height:calc(100vh - 24px);border-radius:20px}
    .video-modal-head{padding:19px 18px 15px}
    .video-modal-head h2{font-size:24px}
    .video-modal-close{width:38px;height:38px}
    .video-frame{margin:0 12px;border-radius:14px}
    .video-modal-foot{align-items:stretch;flex-direction:column;padding:17px 18px 19px}
    .video-modal-foot .button{width:100%}
    .footer-logo .brand-logo{width:170px}
}
@media(max-width:480px){
    .brand-logo{width:122px}
    .order-count-bubble{top:10px;right:-8px;transform:scale(.62)}
}
@media(prefers-reduced-motion:reduce){
    .setup-visual>div,.setup-visual>div>em,.setup-visual>div:nth-child(3) i,.order-count-bubble{animation:none!important;opacity:1;transform:none}
}

/* =========================================================
   YiziSoft mobil tam sığma düzeltmesi — v4.3.0
   ========================================================= */
html,
body.platform-home{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}
.platform-home main,
.platform-home section,
.platform-home header,
.platform-home footer{
    max-width:100%;
}
.platform-home img,
.platform-home video,
.platform-home svg{
    max-width:100%;
}
.hero-grid,
.hero-copy,
.hero-visual,
.showcase-grid,
.store-showcase,
.feature-bento,
.pricing-layout,
.faq-layout,
.footer-main{
    min-width:0;
}

@media(max-width:760px){
    .home-container{width:calc(100% - 24px);max-width:100%}

    /* Üst bilgi ve header */
    .announcement-inner{
        min-height:34px;
        padding:7px 0;
        gap:6px;
        text-align:center;
    }
    .announcement-inner p{
        min-width:0;
        margin:0;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        font-size:10px;
        line-height:1.35;
    }
    .announcement-inner a{display:none}
    .header-inner{
        width:100%;
        height:64px;
        gap:7px;
    }
    .brand-image-link{max-width:145px;overflow:hidden}
    .brand-logo{
        width:clamp(108px,34vw,145px);
        max-width:100%;
        max-height:38px;
    }
    .header-actions{
        min-width:0;
        margin-left:auto;
        gap:5px;
    }
    .header-actions .button-dark{
        min-width:0;
        min-height:38px;
        padding:0 10px;
        border-radius:10px;
        font-size:10px;
        white-space:nowrap;
    }
    .header-actions .button-dark span{display:none}
    .menu-toggle{
        flex:0 0 39px;
        width:39px;
        height:39px;
        margin-left:0;
        order:4;
    }
    .main-nav{
        left:12px;
        right:12px;
        top:106px;
        max-height:calc(100dvh - 118px);
        overflow-y:auto;
        overscroll-behavior:contain;
    }

    /* Hero */
    .hero-section{padding:15px 0 0}
    .hero-grid{width:100%;grid-template-columns:minmax(0,1fr);gap:0}
    .hero-copy{
        width:100%;
        min-width:0;
        padding:15px 0 0;
        text-align:center;
    }
    .hero-copy h1{
        width:100%;
        max-width:100%;
        margin:0 auto 18px;
        font-size:clamp(40px,12vw,56px);
        line-height:.97;
        letter-spacing:-2.8px;
        overflow-wrap:anywhere;
    }
    .hero-copy h1 em{white-space:normal}
    .hero-copy h1 em:after{left:0;right:0;height:6px}
    .hero-lead{
        max-width:560px;
        padding:0 2px;
        font-size:14px;
        line-height:1.62;
    }
    .hero-actions{
        width:100%;
        flex-direction:column;
        gap:12px;
        margin-top:24px;
    }
    .hero-actions .button{
        width:100%;
        max-width:none;
        min-height:50px;
        padding:0 18px;
    }
    .video-link{
        display:flex;
        width:100%;
        justify-content:center;
        text-align:left;
    }
    .hero-trust{
        margin-top:25px;
        gap:10px;
    }
    .hero-visual{
        width:100%;
        min-height:0;
        margin:28px 0 0;
        padding:0;
        overflow:visible;
    }
    .browser-shell{
        width:100%;
        max-width:100%;
        border-radius:18px;
        transform:none;
        transform-origin:center;
        box-shadow:0 30px 70px rgba(10,56,30,.18);
    }
    .browser-bar{
        height:38px;
        gap:8px;
        padding:0 10px;
    }
    .browser-address{
        width:58%;
        min-width:0;
        margin:auto;
        padding:0 7px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .app-shell{
        height:auto;
        min-height:342px;
        grid-template-columns:minmax(0,1fr);
    }
    .app-sidebar{display:none}
    .app-content{min-width:0;padding:14px 12px 13px}
    .app-title h3{font-size:15px}
    .app-title button{height:26px;padding:0 8px}
    .metric-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
        margin-top:13px;
    }
    .metric-grid article{
        min-width:0;
        min-height:76px;
        padding:10px;
    }
    .metric-grid article:nth-child(3){grid-column:1/-1;min-height:68px}
    .metric-grid b{font-size:14px}
    .app-main-grid{grid-template-columns:minmax(0,1fr);gap:7px}
    .sales-chart-card{height:158px;padding:10px}
    .latest-orders-card{display:none}
    .chart-canvas{height:112px}
    .floating-mobile,.floating-sale{display:none}
    .order-count-bubble{
        right:8px;
        top:48px;
        width:130px;
        padding:10px 11px;
        border-radius:15px;
        transform:none;
        transform-origin:right top;
    }
    .order-count-bubble>span{font-size:6px}
    .order-count-bubble>b{font-size:27px}
    .order-count-bubble>i{right:10px;top:12px;font-size:7px}
    .order-count-dots{gap:3px;margin-top:7px}
    .order-count-dots em{width:17px;height:17px;font-size:6px}
    .blob-one{width:330px;height:330px;right:-120px;top:5px}
    .blob-two{width:110px;height:110px;left:-35px;bottom:5px}
    .hero-bottom-note{
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
        gap:8px;
        padding:22px 0 30px;
        text-align:center;
    }
    .hero-bottom-note span{font-size:9px}

    /* Büyük başlıkların mobilde taşmasını engelle */
    .section-heading h2,
    .pricing-copy h2,
    .faq-copy h2,
    .showcase-copy h2,
    .final-cta h2,
    .reference-story h2{
        max-width:100%;
        overflow-wrap:anywhere;
    }

    /* Mağaza vitrin maketi */
    .store-showcase{
        width:100%;
        min-height:0;
        margin-top:28px;
        display:block;
    }
    .store-window{
        width:100%;
        max-width:100%;
        border-width:4px;
        border-radius:18px;
        transform:none;
    }
    .store-nav{height:48px;padding:0 14px}
    .store-nav>div{display:none}
    .store-hero{
        height:auto;
        min-height:245px;
        grid-template-columns:minmax(0,1fr);
    }
    .store-hero>div:first-child{padding:28px 22px}
    .store-hero h3{font-size:38px;letter-spacing:-1.7px}
    .store-model{display:none}
    .store-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
    .store-products article:nth-child(3){display:none}
    .product-image{height:105px}
    .showcase-badge{
        right:8px;
        bottom:8px;
        max-width:calc(100% - 16px);
        transform:scale(.82);
        transform-origin:right bottom;
    }

    /* Bento ve kart alanları */
    .feature-bento{grid-template-columns:minmax(0,1fr)}
    .bento-card,.bento-products,.bento-seo{
        width:100%;
        min-width:0;
        grid-column:auto;
    }
    .bento-products,.bento-seo{grid-template-columns:minmax(0,1fr)}
    .product-manager{max-width:100%;transform:none}
    .payment-stack{
        position:static;
        margin-top:30px;
    }
    .language-cloud{
        position:relative;
        right:auto;
        bottom:auto;
        margin:25px auto 0;
    }
    .seo-result{max-width:100%}

    /* Özellikler ve referanslar sayfası */
    .feature-command-card{
        width:100%!important;
        max-width:100%;
        transform:none!important;
    }
    .command-body{grid-template-columns:46px minmax(0,1fr)}
    .command-content{min-width:0;padding:16px 12px}
    .command-widgets{grid-template-columns:minmax(0,1fr)}
    .references-collage{
        width:100%;
        max-width:100%;
        overflow:hidden;
    }
    .collage-card{max-width:78vw}

    /* CTA ve footer */
    .final-cta{
        width:100%;
        padding:42px 24px;
        overflow:hidden;
    }
    .final-cta-actions,.final-cta-actions .button{width:100%}
    .footer-main,.footer-bottom{min-width:0}
    .footer-column,.footer-brand{min-width:0}
    .footer-column a,.footer-column span,.footer-brand p{overflow-wrap:anywhere}

    /* Popup */
    .video-modal-panel{width:100%}
    .video-modal-head,.video-modal-foot{min-width:0}
}

@media(max-width:480px){
    .home-container{width:calc(100% - 20px)}
    .brand-image-link{max-width:112px}
    .brand-logo{width:108px;max-height:34px}
    .header-actions .button-dark{
        min-height:36px;
        padding:0 8px;
        font-size:9px;
    }
    .menu-toggle{flex-basis:37px;width:37px;height:37px}
    .hero-copy h1{
        font-size:clamp(37px,11.7vw,46px);
        letter-spacing:-2.25px;
    }
    .hero-lead{font-size:13.5px}
    .hero-trust{align-items:center}
    .browser-shell{border-radius:15px}
    .app-shell{min-height:322px}
    .metric-grid article{padding:8px}
    .order-count-bubble{
        right:6px;
        top:44px;
        width:116px;
        padding:9px;
    }
    .order-count-dots em{width:15px;height:15px}
    .store-products{grid-template-columns:minmax(0,1fr)}
    .store-products article:nth-child(2){display:none}
    .showcase-badge{transform:scale(.72)}
    .section-heading h2,.pricing-copy h2,.faq-copy h2{font-size:36px;letter-spacing:-2px}
    .final-cta h2{font-size:35px;letter-spacing:-2px}
}

@supports(padding:max(0px)){
    @media(max-width:760px){
        .announcement-inner,
        .header-inner,
        .hero-section,
        .site-footer{
            padding-left:max(0px,env(safe-area-inset-left));
            padding-right:max(0px,env(safe-area-inset-right));
        }
    }
}


/* YiziSoft logo giriş animasyonu — v4.4.0 */
.site-header .brand-image-link{
    animation:yizisoftLogoSlideIn .9s cubic-bezier(.22,1,.36,1) both;
    transform-origin:left center;
    will-change:transform,opacity;
}
@keyframes yizisoftLogoSlideIn{
    0%{opacity:0;transform:translateX(-72px)}
    65%{opacity:1;transform:translateX(7px)}
    100%{opacity:1;transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
    .site-header .brand-image-link{animation:none!important;opacity:1;transform:none}
}


@media(max-width:760px){
    .advantage-primary{min-height:760px}
    .quick-start-media{margin:25px 0 175px;border-radius:21px}
}
@media(max-width:520px){
    .advantage-primary{min-height:700px}
    .quick-start-media{margin:22px 0 168px;border-radius:18px}
    .quick-start-media img{min-height:155px;object-position:center}
}

/* =========================================================
   PLATFORM BLOG — v4.5.0
   ========================================================= */
.blog-hero{
    position:relative;
    overflow:hidden;
    padding:105px 0 112px;
    background:
        radial-gradient(circle at 78% 18%,rgba(217,255,99,.2),transparent 24%),
        linear-gradient(135deg,#0c1710 0%,#10251a 54%,#0b1410 100%);
    color:#fff;
}
.blog-hero:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.14;
    background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:linear-gradient(to right,#000,transparent 78%);
    mask-image:linear-gradient(to right,#000,transparent 78%);
}
.blog-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:90px;align-items:center;min-height:500px}
.blog-hero-copy{position:relative;z-index:2}
.blog-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b8c6bb;font-size:11px;font-weight:900;letter-spacing:1.8px}
.blog-hero-copy .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(217,255,99,.12)}
.blog-hero-copy h1{margin:24px 0 24px;max-width:760px;font-size:clamp(54px,7.4vw,98px);line-height:.91;letter-spacing:-6px;font-weight:880}
.blog-hero-copy h1 em{display:inline-block;color:var(--lime);font-style:normal}
.blog-hero-copy p{max-width:640px;margin:0;color:#b9c6bc;font-size:18px;line-height:1.75}
.blog-topic-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}
.blog-topic-row span{padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.05);color:#d8e0da;font-size:11px;font-weight:800;letter-spacing:.5px}
.blog-hero-art{position:relative;min-height:460px}
.blog-hero-art:before{content:"";position:absolute;width:330px;height:330px;right:70px;top:46px;border:1px solid rgba(217,255,99,.25);border-radius:50%;box-shadow:0 0 0 38px rgba(217,255,99,.025),0 0 0 76px rgba(217,255,99,.018)}
.blog-art-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(14,31,21,.82);backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.art-card-one{left:8px;top:72px;width:320px;padding:28px;border-radius:26px;transform:rotate(-7deg)}
.art-card-one:before{content:"";display:block;height:115px;margin-bottom:24px;border-radius:17px;background:linear-gradient(135deg,var(--lime),#32d682 58%,#0f4f31);clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}
.art-card-one small{display:block;color:#91a397;font-size:10px;font-weight:900;letter-spacing:1.6px}
.art-card-one b{display:block;margin-top:10px;font-size:25px;line-height:1.08;letter-spacing:-1px}
.art-card-one span{position:absolute;right:22px;bottom:24px;color:var(--lime);font-size:11px;font-weight:900}
.art-card-two{right:0;bottom:54px;width:190px;padding:24px;border-radius:24px;transform:rotate(8deg)}
.art-card-two i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#0c1710;font-style:normal;font-weight:900}
.art-card-two b{display:block;margin-top:24px;font-size:42px;letter-spacing:-2px}
.art-card-two small{color:#91a397;font-size:10px;font-weight:900;letter-spacing:1.3px}
.blog-art-lines{position:absolute;right:30px;top:34px;display:flex;gap:8px;align-items:flex-end;height:76px;transform:rotate(8deg)}
.blog-art-lines i{display:block;width:8px;border-radius:999px;background:var(--lime)}
.blog-art-lines i:nth-child(1){height:22px;opacity:.3}.blog-art-lines i:nth-child(2){height:40px;opacity:.5}.blog-art-lines i:nth-child(3){height:58px;opacity:.7}.blog-art-lines i:nth-child(4){height:76px}
.blog-art-orbit{position:absolute;right:120px;top:145px;width:94px;height:94px;border:1px dashed rgba(255,255,255,.32);border-radius:50%;animation:blogOrbit 12s linear infinite}
.blog-art-orbit span{position:absolute;right:-8px;top:28px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#10251a;font-size:11px;font-weight:950}
@keyframes blogOrbit{to{transform:rotate(360deg)}}

.blog-featured-section{padding-bottom:54px;background:#fff}
.blog-featured-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:540px;border-radius:34px;overflow:hidden;background:#f3f7f1;border:1px solid #e0e8df;transition:transform .35s ease,box-shadow .35s ease}
.blog-featured-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.blog-featured-media{position:relative;min-height:480px;overflow:hidden;background:#dfe8de}
.blog-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.blog-featured-card:hover .blog-featured-media img{transform:scale(1.045)}
.blog-featured-label{position:absolute;left:24px;top:24px;padding:9px 12px;border-radius:999px;background:#fff;color:#183120;font-size:10px;font-weight:950;letter-spacing:1px}
.blog-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:64px}
.blog-featured-copy h2{margin:20px 0 20px;font-size:clamp(38px,4.6vw,64px);line-height:.98;letter-spacing:-3.2px}
.blog-featured-copy>p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.blog-featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:42px;padding-top:23px;border-top:1px solid #d9e2d8;color:#718076;font-size:12px;font-weight:750}
.blog-featured-bottom b{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:14px}
.blog-featured-bottom b i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-style:normal;transition:.25s}
.blog-featured-card:hover .blog-featured-bottom b i{transform:translate(3px,-3px)}

.blog-list-section{padding-top:75px;background:#f6f8f4}
.home-blog-section{background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{display:flex;min-width:0;flex-direction:column;border:1px solid #e0e7df;border-radius:25px;overflow:hidden;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.blog-card:hover{transform:translateY(-8px);border-color:#cbd9cc;box-shadow:0 25px 60px rgba(19,45,27,.1)}
.blog-card-offset{transform:translateY(36px)}
.blog-card-offset:hover{transform:translateY(28px)}
.blog-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e8eee7}
.blog-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.blog-card:hover .blog-card-image>img{transform:scale(1.06)}
.blog-card-image>span{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);font-size:11px;font-weight:900}
.blog-image-placeholder{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#dff4e3,#c4eccf 48%,#d9ff63)}
.blog-image-placeholder:before{content:"";position:absolute;width:62%;aspect-ratio:1;border:1px solid rgba(10,53,29,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(10,53,29,.035),0 0 0 60px rgba(10,53,29,.025)}
.blog-image-placeholder span{position:relative;z-index:2;font-size:31px;font-weight:950;letter-spacing:-2px;color:#0c4b2b}
.blog-image-placeholder i{position:absolute;width:12px;height:90%;background:rgba(255,255,255,.45);transform:rotate(35deg)}
.blog-image-placeholder i:last-child{transform:rotate(-35deg)}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:26px}
.blog-card-meta{display:flex;align-items:center;gap:9px;color:#7a867e;font-size:10px;font-weight:850;letter-spacing:.4px;text-transform:uppercase}
.blog-card-meta span:first-child{color:var(--green-dark)}
.blog-card-meta i{width:4px;height:4px;border-radius:50%;background:#b5c0b7}
.blog-card h3{margin:17px 0 13px;font-size:25px;line-height:1.08;letter-spacing:-1.1px}
.blog-card-body>p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.blog-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px;color:#829087;font-size:11px;font-weight:750}
.blog-card-link b{color:var(--ink);font-size:13px}
.home-blog-grid .blog-card{background:#f8faf7}
.blog-empty{padding:70px 25px;text-align:center;border:1px dashed #cbd7cb;border-radius:28px;background:#fff}
.blog-empty>span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:var(--soft-2);color:var(--green-dark);font-size:28px}
.blog-empty h2{margin:0 0 12px;font-size:36px;letter-spacing:-1.8px}.blog-empty p{margin:0 0 25px;color:var(--muted)}

.blog-detail-header{padding:92px 0 105px;background:#f4f8f1}
.blog-detail-head-inner{max-width:1000px;text-align:center}
.blog-back-link{display:inline-flex;margin-bottom:38px;color:#5f7064;font-size:12px;font-weight:850}
.blog-detail-header .blog-card-meta{justify-content:center}
.blog-detail-header h1{max-width:1000px;margin:23px auto 24px;font-size:clamp(50px,7vw,90px);line-height:.94;letter-spacing:-5.2px}
.blog-detail-header>div>p{max-width:790px;margin:0 auto;color:#657268;font-size:19px;line-height:1.7}
.blog-author-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:33px;text-align:left}
.blog-author-line>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#143a25;color:#fff;font-size:11px;font-weight:900}
.blog-author-line div{display:grid;gap:2px}.blog-author-line b{font-size:12px}.blog-author-line small{color:#79867d;font-size:10px}
.blog-detail-media-wrap{margin-top:-54px;position:relative;z-index:2}
.blog-detail-media{height:min(650px,56vw);min-height:370px;overflow:hidden;border:9px solid #fff;border-radius:33px;background:#dfe8de;box-shadow:0 30px 90px rgba(11,35,20,.14)}
.blog-detail-media img{width:100%;height:100%;object-fit:cover}
.blog-detail-placeholder span{font-size:clamp(40px,8vw,110px);letter-spacing:-5px}
.blog-detail-layout{display:grid;grid-template-columns:90px minmax(0,760px) 280px;gap:45px;justify-content:center;align-items:start;padding-top:85px;padding-bottom:120px}
.blog-content{min-width:0;color:#273229;font-size:18px;line-height:1.9}
.blog-content p{margin:0 0 29px}.blog-content h2{margin:58px 0 20px;font-size:38px;line-height:1.06;letter-spacing:-1.9px}.blog-content h3{margin:45px 0 17px;font-size:28px;letter-spacing:-1px}.blog-content ul{display:grid;gap:12px;margin:25px 0 34px;padding-left:22px}.blog-content li::marker{color:var(--green-dark)}
.blog-share-panel{position:sticky;top:115px;display:grid;justify-items:center;gap:10px}
.blog-share-panel>span{margin-bottom:6px;color:#8b968e;font-size:9px;font-weight:900;letter-spacing:1.3px;writing-mode:vertical-rl;transform:rotate(180deg)}
.blog-share-panel a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfe6df;border-radius:50%;font-size:12px;font-weight:900;transition:.2s}
.blog-share-panel a:hover{background:var(--green);border-color:var(--green);color:#fff}
.blog-detail-cta{position:sticky;top:115px;padding:25px;border-radius:22px;background:#10251a;color:#fff}
.blog-detail-cta small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:1.4px}
.blog-detail-cta h3{margin:14px 0 12px;font-size:25px;line-height:1.05;letter-spacing:-1px}.blog-detail-cta p{margin:0 0 22px;color:#b5c2b8;font-size:13px;line-height:1.6}
.related-blog-section{background:#f6f8f4}.compact-blog-grid .blog-card h3{font-size:21px}
.blog-not-found{padding:150px 0;text-align:center;background:#f4f8f1}.blog-not-found span{color:var(--green);font-size:88px;font-weight:950;letter-spacing:-6px}.blog-not-found h1{margin:10px 0 12px;font-size:54px;letter-spacing:-3px}.blog-not-found p{margin:0 0 28px;color:var(--muted)}

@media(max-width:1050px){
    .blog-hero-grid{grid-template-columns:1fr;gap:45px}.blog-hero-art{min-height:410px;max-width:650px;width:100%;margin:0 auto}
    .blog-featured-card{grid-template-columns:1fr}.blog-featured-media{min-height:400px}.blog-featured-copy{padding:45px}
    .blog-detail-layout{grid-template-columns:minmax(0,760px);padding-left:20px;padding-right:20px}.blog-share-panel{position:static;display:flex;justify-content:flex-start}.blog-share-panel>span{writing-mode:initial;transform:none;align-self:center;margin:0 6px 0 0}.blog-detail-cta{position:static;margin-top:20px}
}
@media(max-width:840px){
    .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-offset,.blog-card-offset:hover{transform:none}
    .blog-hero{padding:75px 0 85px}.blog-hero-copy h1{letter-spacing:-4px}.blog-detail-header h1{letter-spacing:-3.5px}
}
@media(max-width:620px){
    .blog-hero-grid{min-height:0}.blog-hero-copy h1{font-size:49px;letter-spacing:-3px}.blog-hero-copy p{font-size:15px}.blog-topic-row{gap:7px}
    .blog-hero-art{min-height:330px}.art-card-one{left:0;top:30px;width:250px;padding:20px}.art-card-one:before{height:88px;margin-bottom:18px}.art-card-one b{font-size:20px}.art-card-two{right:0;bottom:25px;width:150px;padding:18px}.art-card-two b{font-size:33px}.blog-hero-art:before{width:230px;height:230px;right:35px}.blog-art-orbit{right:60px;top:112px}
    .blog-featured-section{padding-top:65px}.blog-featured-card{border-radius:24px}.blog-featured-media{min-height:270px}.blog-featured-copy{padding:28px}.blog-featured-copy h2{font-size:38px;letter-spacing:-2px}.blog-featured-bottom{align-items:flex-start;flex-direction:column}
    .blog-grid{grid-template-columns:1fr}.blog-card-body{padding:23px}.blog-card h3{font-size:24px}
    .blog-detail-header{padding:65px 0 82px}.blog-detail-header h1{font-size:46px;letter-spacing:-2.7px}.blog-detail-header>div>p{font-size:16px}.blog-detail-media-wrap{margin-top:-36px}.blog-detail-media{height:62vw;min-height:250px;border-width:5px;border-radius:22px}.blog-detail-layout{padding-top:58px;padding-bottom:85px}.blog-content{font-size:16px;line-height:1.8}.blog-content h2{font-size:31px}.blog-content h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.blog-art-orbit{animation:none}.blog-card,.blog-featured-card,.blog-card img,.blog-featured-card img{transition:none!important}}