:root{--ink:#0f172a;--muted:#64748b;--line:rgba(15,23,42,0.1);--card:rgba(255,255,255,0.8);--brand:#0f766e;--brand-dark:#115e59;--accent:#f59e0b;--blue:#0891b2}*{box-sizing:border-box}body,html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 6% 0,rgba(20,184,166,.22),transparent 34rem),radial-gradient(circle at 88% 10%,rgba(245,158,11,.18),transparent 30rem),radial-gradient(circle at 50% 105%,rgba(8,145,178,.12),transparent 34rem),linear-gradient(180deg,#f8fafc,#eefdfd 48%,#f8fafc)}a{color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(248,250,252,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{min-height:72px;justify-content:space-between;gap:18px}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brandMark{width:42px;height:42px;display:grid;place-items:center;color:white;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--blue));box-shadow:0 18px 36px -18px rgba(15,118,110,.8)}.navLinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:700}.navLinks a{text-decoration:none}.hero{padding:72px 0 34px}.pageHero{padding:72px 0 24px}.pageHero h1{max-width:960px}.heroGrid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);grid-gap:28px;gap:28px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:rgba(240,253,250,.78);color:var(--brand-dark);padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{margin:20px 0 16px;max-width:850px;font-size:clamp(42px,7vw,80px);line-height:.94;letter-spacing:-.08em}.lead,.sectionCopy{margin:0;max-width:720px;color:#475569;font-size:clamp(17px,2vw,21px);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;text-decoration:none;font-weight:900}.buttonPrimary{color:white;background:linear-gradient(135deg,var(--brand),var(--blue));box-shadow:0 20px 42px -22px rgba(15,118,110,.9)}.button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.62}.buttonSecondary{background:rgba(255,255,255,.7)}.buttonSecondary,.panel{border:1px solid var(--line)}.panel{border-radius:34px;background:var(--card);box-shadow:0 28px 80px -54px rgba(15,23,42,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroCard{padding:28px}.cardKicker{display:block;color:var(--brand-dark);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.billingPanel h2,.heroCard h2{margin:12px 0;font-size:32px;line-height:1.05;letter-spacing:-.06em}.billingPanel p,.heroCard p,.infoPanel p{color:var(--muted);line-height:1.7}.heroStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:22px}.heroStats div{border-radius:20px;background:rgba(15,118,110,.08);padding:14px}.heroStats span,.heroStats strong{display:block}.heroStats strong{font-size:22px}.heroStats span{color:var(--muted);font-size:12px;font-weight:800}.section{padding:46px 0}.sectionHead{max-width:760px}.sectionTitle{margin:14px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.06em}.sectionHead p{color:var(--muted);line-height:1.7;font-size:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:22px}.serviceCard{padding:22px}.serviceCard strong{display:block;font-size:19px;letter-spacing:-.03em}.serviceCard p{color:var(--muted);line-height:1.65}.portfolioCard{min-height:230px}.projectTag{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;background:rgba(245,158,11,.14);color:#92400e;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.processGrid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:18px;gap:18px;align-items:center}.processPanel{padding:14px}.compactProcess{box-shadow:none;background:rgba(255,255,255,.48)}.processStep{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 10px}.processStep:last-child{border-bottom:0}.processStep span{color:var(--accent);font-size:13px;font-weight:900}.processStep strong{font-size:18px}.billingLayout{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:18px;gap:18px;align-items:stretch}.checkoutLayout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);grid-gap:22px;gap:22px;align-items:start}.checkoutPanel p{color:var(--muted);line-height:1.7}.checkoutForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:22px}.checkoutForm label{display:grid;grid-gap:8px;gap:8px}.checkoutForm label:last-child{grid-column:1/-1}.checkoutForm span{color:#334155;font-size:12px;font-weight:900;text-transform:uppercase}.checkoutForm input,.checkoutForm select,.checkoutForm textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);color:var(--ink);font:inherit;outline:none;padding:13px 14px}.checkoutForm textarea{resize:vertical}.checkoutNotice{border:1px solid rgba(245,158,11,.35);border-radius:18px;background:rgba(245,158,11,.12);color:#92400e;font-size:13px;font-weight:800;line-height:1.55;margin-top:18px;padding:13px 14px}.checkoutError{color:#b91c1c!important;font-size:13px;font-weight:800;margin:12px 0 0;text-align:center}.checkoutPolicyLinks{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.checkoutPolicyLinks a{border:1px solid var(--line);border-radius:14px;color:#0f766e;font-weight:900;padding:11px 12px;text-decoration:none}.compactCheckoutPanel{max-width:620px}.paymentSummaryCard{display:grid;grid-gap:12px;gap:12px;border:1px solid rgba(15,118,110,.18);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(245,158,11,.15),transparent 12rem),rgba(240,253,250,.78);margin-top:22px;padding:16px}.paymentSummaryCard div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:16px;background:rgba(255,255,255,.76);padding:13px 14px}.paymentSummaryCard span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.paymentSummaryCard strong{color:var(--ink);text-align:right;word-break:break-word}.billingPanel,.checkoutPanel,.infoPanel,.invoiceCard{padding:26px}.policyPanel{padding:30px}.faqList{display:grid;grid-gap:16px;gap:16px}.policyPanel h2{margin:26px 0 10px;font-size:24px;letter-spacing:-.04em}.policyPanel h2:first-child{margin-top:0}.policyPanel p{color:var(--muted);line-height:1.8;margin:0}.invoiceCard h3{margin:0 0 16px;font-size:24px;letter-spacing:-.04em}.invoiceBox{display:grid;grid-gap:10px;gap:10px}.compactBox{margin-bottom:18px}.invoiceRow{display:flex;justify-content:space-between;gap:16px;border-radius:18px;background:rgba(15,118,110,.07);padding:14px 16px}.invoiceRow span{color:var(--muted);font-size:13px;font-weight:800}.invoiceRow strong{text-align:right}.tagCloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badge{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.66);padding:8px 11px;color:#475569;font-size:12px;font-weight:900}.fullButton{width:100%;margin-top:18px}.list{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px;color:#475569;line-height:1.55}.list li{position:relative;padding-left:24px}.list li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:999px;background:var(--accent)}.footer{padding:34px 0 44px;color:var(--muted);font-size:14px}.footerGrid{display:grid;grid-template-columns:1.4fr .75fr .95fr 1.1fr;grid-gap:22px;gap:22px;border-top:1px solid var(--line);padding-top:28px}.footerGrid strong{display:block;color:var(--ink);margin-bottom:12px}.footerGrid p{max-width:360px;line-height:1.7}.footerFineprint{color:#334155;font-size:12px;font-weight:800}.footerBrand{width:-moz-fit-content;width:fit-content}.footerLinks{display:grid;grid-gap:9px;gap:9px}.footerLinks a{color:var(--muted);text-decoration:none}.footerInner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.picsturHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);grid-gap:28px;gap:28px;align-items:center;padding:72px 0 34px}.picsturDevice{overflow:hidden;padding:18px;background:radial-gradient(circle at 0 0,rgba(245,158,11,.24),transparent 18rem),linear-gradient(160deg,rgba(15,23,42,.94),rgba(15,118,110,.86));color:white}.deviceTop{display:flex;gap:7px;margin-bottom:18px}.deviceTop span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.42)}.deviceHero{border-radius:24px;background:rgba(255,255,255,.12);padding:18px;margin-bottom:14px}.deviceHero strong{display:block;font-size:26px;letter-spacing:-.04em}.deviceHero p{margin:6px 0 0;color:rgba(255,255,255,.72)}.photoGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.photoTile{min-height:78px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(20,184,166,.42))}.tile2,.tile6{background:linear-gradient(135deg,rgba(245,158,11,.92),rgba(244,63,94,.46))}.tile4,.tile8{background:linear-gradient(135deg,rgba(56,189,248,.86),rgba(15,118,110,.5))}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metricCard{padding:20px}.metricCard span,.metricCard strong{display:block}.metricCard strong{font-size:34px;letter-spacing:-.06em}.metricCard span{color:var(--muted);font-weight:800}.demoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:22px}.dashboardMock{min-height:390px;padding:20px}.darkMock{background:linear-gradient(160deg,rgba(15,23,42,.94),rgba(8,145,178,.74));color:white}.adminMock{background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(240,253,250,.92))}.mockHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.mockHead span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.darkMock .mockHead span{color:rgba(255,255,255,.62)}.mockHead strong{text-align:right;font-size:18px}.adminBars,.mockList,.vendorCards{display:grid;grid-gap:12px;gap:12px}.mockRow,.vendorCard{display:flex;justify-content:space-between;gap:14px;border-radius:18px;background:rgba(15,118,110,.08);padding:14px}.mockRow span,.vendorCard small,.vendorCard span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:4px}.darkMock .vendorCard{display:block;background:rgba(255,255,255,.1)}.darkMock .vendorCard small,.darkMock .vendorCard span{color:rgba(255,255,255,.66)}.adminBars div{display:grid;grid-gap:8px;gap:8px}.adminBars span{color:var(--muted);font-size:12px;font-weight:900}.adminBars strong{display:block;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--blue))}.productScreens{display:grid;grid-gap:18px;gap:18px;margin-top:22px}.screenPreview{min-height:360px;padding:24px;overflow:hidden}.userScreen{background:radial-gradient(circle at 88% 16%,rgba(245,158,11,.18),transparent 18rem),rgba(255,255,255,.82)}.vendorScreen{background:radial-gradient(circle at 0 0,rgba(8,145,178,.18),transparent 18rem),rgba(255,255,255,.82)}.adminScreen{background:radial-gradient(circle at 100% 0,rgba(15,118,110,.2),transparent 20rem),rgba(255,255,255,.82)}.screenTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.screenTop span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.screenTop strong{max-width:420px;text-align:right;font-size:clamp(20px,3vw,32px);line-height:1.05;letter-spacing:-.05em}.screenSummary{color:var(--muted);line-height:1.65;margin:-4px 0 18px}.websiteMockHero{min-height:180px;display:flex;align-items:flex-end;border-radius:28px;padding:22px;color:white;background:linear-gradient(135deg,rgba(15,23,42,.25),rgba(15,118,110,.62)),linear-gradient(135deg,#0f172a,#0f766e)}.websiteMockHero strong{display:block;font-size:32px;letter-spacing:-.05em}.websiteMockHero p{max-width:520px;color:rgba(255,255,255,.76);line-height:1.55}.miniButton{display:inline-flex;border-radius:999px;background:white;color:var(--brand-dark);padding:10px 14px;font-size:12px;font-weight:900}.storefrontCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.storefrontCard{border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.72);padding:12px}.storefrontCard span,.storefrontCard strong{display:block}.storefrontCard strong{margin-top:10px;font-size:14px}.storefrontCard span{color:var(--muted);font-size:12px;font-weight:800;margin-top:4px}.storefrontThumb{min-height:72px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--blue))}.thumb2{background:linear-gradient(135deg,#f59e0b,#f43f5e)}.thumb3{background:linear-gradient(135deg,#0f172a,#14b8a6)}.featureChips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.featureChips span{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:#475569;padding:9px 12px;font-size:12px;font-weight:900}.dashboardTable{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.dashboardFrame{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.56);padding:14px}.mockSidebar{border-radius:20px;background:linear-gradient(180deg,var(--brand),var(--blue));color:white;padding:16px;display:grid;align-content:start;grid-gap:12px;gap:12px}.adminSidebar{background:linear-gradient(180deg,#0f172a,var(--brand-dark))}.mockSidebar strong{font-size:18px;letter-spacing:-.04em}.mockSidebar span{color:rgba(255,255,255,.74);font-size:12px;font-weight:900}.mockContent{display:grid;grid-gap:12px;gap:12px}.mockMiniTable{display:grid;grid-gap:8px;gap:8px}.mockMiniTable div{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;border-radius:16px;background:rgba(255,255,255,.72);padding:10px 12px}.adminFrame .mockMiniTable div{grid-template-columns:96px minmax(0,1fr) auto}.mockMiniTable span{color:var(--muted);font-size:12px;font-weight:800}.mockMiniTable strong{font-size:13px}.mockMiniTable em{border-radius:999px;background:rgba(245,158,11,.14);color:#92400e;padding:6px 9px;font-size:11px;font-style:normal;font-weight:900}.dashboardTable div{border-radius:22px;background:rgba(15,118,110,.08);padding:18px}.dashboardTable span,.dashboardTable strong{display:block}.dashboardTable span{color:var(--muted);font-size:12px;font-weight:900}.dashboardTable strong{margin-top:8px;font-size:34px;letter-spacing:-.06em}@media (max-width:920px){.billingLayout,.checkoutLayout,.heroGrid,.picsturHero,.processGrid{grid-template-columns:1fr}.demoGrid,.footerGrid,.grid3,.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.navLinks{flex-wrap:wrap;gap:12px}.hero{padding-top:42px}.pageHero{padding:42px 0 10px}h1{font-size:clamp(36px,13vw,54px)}.section{padding:26px 0}.checkoutForm,.demoGrid,.footerGrid,.grid3,.heroStats,.metricGrid{grid-template-columns:1fr}.invoiceRow{flex-direction:column;gap:4px}.checkoutPanel,.invoiceCard{border-radius:26px;padding:20px}.paymentSummaryCard{border-radius:20px;padding:12px}.paymentSummaryCard div{align-items:flex-start;flex-direction:column;gap:5px}.paymentSummaryCard strong{text-align:left}.screenTop{flex-direction:column}.screenTop strong{text-align:left}.adminFrame .mockMiniTable div,.dashboardFrame,.dashboardTable,.mockMiniTable div,.storefrontCards{grid-template-columns:1fr}.invoiceRow strong{text-align:left}}