:root{--ink:#eaf4f1;--ink-deep:#071c22;--muted:#9ab2b3;--paper:#f5f8f7;--card:#ffffff;--cyan:#7ce6d0;--blue:#3975ff;--line:#dce7e5;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink-deep);background:var(--paper);line-height:1.7}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:16px;top:-48px;z-index:20;padding:9px 14px;background:#0b2730;color:#fff;border-radius:0 0 10px 10px}.skip-link:focus{top:0}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;padding:0 24px;margin:auto}.brand{position:relative;z-index:11;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand-mark{display:block;width:34px;height:34px;border-radius:11px;object-fit:cover}.brand-sub{display:block;color:#779193;font-size:10px;letter-spacing:.12em;font-weight:600}.site-header nav{display:flex;gap:24px;align-items:center;font-size:14px}.site-header nav a:not(.nav-cta){color:#557174}.nav-cta{padding:10px 17px;background:#0b2730;color:#fff;border-radius:999px;box-shadow:0 8px 20px #0825301c}.mobile-menu{display:none;z-index:10}.menu-scrim{display:none}.mobile-menu summary{position:relative;z-index:13;cursor:pointer;padding:8px 12px;border:1px solid #afc5c5;border-radius:999px;font-size:13px;color:#0b2730}.mobile-menu summary::marker{content:""}.mobile-menu[open] .menu-scrim{display:block;position:fixed;inset:0;z-index:8;border:0;background:#071c2280;padding:0}.mobile-menu>div{position:absolute;z-index:12;right:20px;top:58px;display:grid;gap:8px;min-width:160px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 32px #123d4526}.mobile-menu>div a{padding:7px 4px}.mobile-menu>div .nav-cta{margin-top:4px;text-align:center}.hero{max-width:1220px;margin:12px auto 0;padding:90px 24px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.hero:before{content:"";position:absolute;inset:0 0 auto;height:680px;z-index:-1;background:radial-gradient(circle at 78% 30%,#d4f9f0 0,#eef8f7 35%,transparent 68%)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#14736c;font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:#23a897}h1{font-size:clamp(44px,6vw,79px);line-height:1.04;letter-spacing:-.065em;margin:20px 0}.hero p{font-size:18px;color:#5e777b;max-width:560px}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 22px;border-radius:999px;background:#0b2730;color:#fff;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px #09293226}.button.secondary{background:transparent;color:#0b2730;border:1px solid #afc5c5}.hero-art{min-height:450px;border-radius:34px;background:linear-gradient(145deg,#08232b,#123b44);position:relative;overflow:hidden;padding:28px;box-shadow:0 30px 70px #123d4526}.hero-art:before{content:"AI × COMMERCE";position:absolute;top:28px;left:28px;color:#8bd9cd;font:700 12px/1 monospace;letter-spacing:.18em}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b1f5e0,#4fc9c0 50%,#2864c7);width:310px;height:310px;right:-50px;top:55px;filter:saturate(1.1)}.hero-art:after{content:"";position:absolute;width:390px;height:1px;background:#7ce6d055;top:220px;left:28px;transform:rotate(-27deg)}.art-card{position:absolute;left:28px;bottom:28px;background:#effbf8;color:#0b2730;border-radius:18px;padding:20px;width:270px;box-shadow:0 18px 40px #00151e55}.art-card strong{display:block;font-size:31px;line-height:1}.art-card span{color:#557174;font-size:13px}.art-line{height:7px;border-radius:5px;background:linear-gradient(90deg,#32bea9 65%,#d6e8e6 65%);margin-top:14px;width:100%}.section{max-width:1220px;margin:auto;padding:84px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(31px,4vw,49px);letter-spacing:-.05em;line-height:1.12;margin:0}.section-intro{color:#5e777b;max-width:440px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 35px #16404708}.card:hover{border-color:#8fded1;transform:translateY(-3px);transition:.2s}.card-num{color:#14736c;font-size:12px;font-weight:800;letter-spacing:.12em}.card h3{font-size:21px;margin:21px 0 9px}.card p{color:#627a7d;margin:0}.band{background:#09232b;color:#fff;max-width:none}.band .section{max-width:1220px}.band .section-intro{color:#a9c0c0}.band .card{background:#12343d;border-color:#2d5158;color:#fff}.band .card p{color:#adcccc}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.metric{border-top:1px solid #37606a;padding-top:17px}.metric strong{font-size:30px;color:var(--cyan);display:block;line-height:1}.metric span{font-size:12px;color:#a9c0c0}.process{counter-reset:step}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px 0;border-top:1px solid #37606a}.step-num{font-size:42px;color:var(--cyan);font-weight:800}.step h3{margin:0 0 4px}.step p{margin:0;color:#b9c9c1}.cta{max-width:1220px;margin:0 auto;padding:50px 24px 90px}.cta-box{background:linear-gradient(115deg,#9bf3dd,#c9efff);border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{margin:0;font-size:37px;line-height:1.2}.cta .button{background:#09232b}footer{background:#e8f0ee;padding:42px max(24px,calc((100% - 1172px)/2));display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;color:#536c70;font-size:13px}footer p{margin:14px 0 0}.footer-links{display:grid;gap:8px}.footer-note{text-align:right}.page-hero{max-width:1220px;padding:70px 24px 50px;margin:auto}.page-hero h1{max-width:700px}.page-hero p{color:#5e777b;max-width:620px;font-size:18px}.contact-card{max-width:760px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:24px}.contact-list{display:grid;gap:14px;margin:20px 0}.contact-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}.contact-list span{color:#5e777b}@media(max-width:760px){.site-header{height:auto;padding:18px 20px;align-items:flex-start}.site-header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a:not(.nav-cta){display:none}.site-header nav .nav-cta{display:none}.nav-cta{padding:8px 12px}.mobile-menu{display:block;position:relative}.hero{grid-template-columns:1fr;padding:56px 20px 74px;gap:35px}.hero-art{min-height:300px}.grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.section{padding:58px 20px}.section-head{display:block}.section-intro{margin-top:16px}.cta{padding:20px 20px 62px}.cta-box{display:block;padding:30px}.cta .button{margin-top:22px}footer{grid-template-columns:1fr;padding:35px 20px}.footer-note{text-align:left}.page-hero{padding:48px 20px 30px}.contact-list div{display:grid;gap:4px}.contact-list span{text-align:left}h1{font-size:47px}}
