:root{color-scheme:light;--ink:#17131f;--muted:#6f6878;--purple:#6d35d1;--purple-dark:#4d1fa8;--lavender:#f6f1ff;--line:#e8def6;--white:#fff;--shadow:0 18px 50px rgba(73,36,132,.12)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;padding-bottom:84px;background:#f8f7fb;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}button,input,a{min-height:44px;font:inherit}button,a{touch-action:manipulation}
.site-header,main{width:min(1100px,calc(100% - 28px));margin:auto}
.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header>.sg-brand-logo{flex:0 1 auto}
.header-actions{display:flex;align-items:center;gap:8px}.header-actions a{position:relative;width:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:var(--white);text-decoration:none}.header-actions .dashicons{font-size:23px;width:23px;height:23px}
.cart-count{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--purple);color:#fff;font-size:.7rem;font-weight:900}
.install-app{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--purple);font-size:.8rem;font-weight:800;cursor:pointer}.install-label-full{display:none}.install-label-short{display:inline}.header-actions{flex-shrink:0}.site-header{gap:8px}
.hero{padding:30px 0 28px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:.73rem;font-weight:900;letter-spacing:.14em}.hero h1{max-width:760px;margin:0 auto;font-size:clamp(2.25rem,11vw,5.3rem);line-height:.98;letter-spacing:-.055em}.hero-copy{margin:15px auto 24px;color:var(--muted);font-size:clamp(1rem,3.5vw,1.25rem)}.sg-sourcing-card{box-sizing:border-box;display:flex;align-items:center;gap:18px;max-width:820px;margin:0 auto 24px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow-wrap:anywhere}.sg-sourcing-card>.dashicons{display:grid;place-items:center;flex:0 0 80px;width:80px;height:80px;color:var(--purple);font-size:64px}.sg-sourcing-card h2{margin:0;font-size:1.25rem}.sg-sourcing-card p{margin:5px 0 12px}.sg-sourcing-card a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--purple);color:#fff;text-decoration:none;font-weight:700}@media(max-width:480px){.sg-sourcing-card{gap:10px}.sg-sourcing-card>.dashicons{flex-basis:64px;width:64px;height:64px}}
.link-form{max-width:820px;margin:auto;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow);text-align:left}.link-form>label{display:block;margin:0 0 8px;font-weight:800}.link-control{display:grid;gap:10px}.link-control input{width:100%;min-width:0;height:56px;padding:0 16px;border:2px solid #cdb8f1;border-radius:16px;background:#fff;color:var(--ink)}
.link-control button,.primary-button{min-height:52px;border:0;border-radius:16px;padding:0 22px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(93,43,183,.2);cursor:pointer}.clipboard-button{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:0 10px;border:0;background:transparent;color:var(--purple);font-weight:800;cursor:pointer}.clipboard-status{min-height:1.5em;margin:2px 0 0;color:#9b2c2c;font-size:.88rem}
.platform-section,.vehicle-section,.quick-section,.process{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--white)}
.platform-section h2,.vehicle-section h2,.quick-section h2,.process h2{margin:0 0 16px;font-size:clamp(1.35rem,5vw,2rem);line-height:1.1}
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.platform-card{min-width:0;padding:10px 7px 11px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;text-decoration:none;box-shadow:0 7px 20px rgba(60,34,95,.06)}
.platform-logo{width:52px;aspect-ratio:1;display:grid;place-items:center;border-radius:13px;background:#faf8fd;overflow:hidden}.platform-logo img{width:100%;height:100%;padding:5px;object-fit:contain}.platform-logo .dashicons{color:var(--purple);font-size:30px;width:30px;height:30px}.platform-card strong{max-width:100%;font-size:.78rem;line-height:1.15;overflow-wrap:anywhere}.platform-card small{max-width:100%;color:var(--muted);font-size:.67rem;line-height:1.2;overflow-wrap:anywhere}.open-label{color:var(--purple);font-size:.7rem;font-weight:900}
.vehicle-section{background:linear-gradient(145deg,#fff,var(--lavender))}.vehicle-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.vehicle-heading h2{margin:0}.vehicle-heading>.dashicons{color:var(--purple);font-size:44px;width:44px;height:44px}.vehicle-notice{margin:0 0 16px;color:#50465c;font-size:.9rem}.vehicle-help{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.simba-picks{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--white);overflow-wrap:anywhere}
.home-picks-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.home-picks-heading h2{margin:0;font-size:clamp(1.35rem,5vw,2rem);line-height:1.1}.home-category-toggle{max-width:100%;padding:6px 0;border:0;background:transparent;color:var(--purple);font-size:.82rem;font-weight:800;cursor:pointer;text-align:left}
.home-category-panel{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.home-category-panel a{display:inline-flex;align-items:center;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--lavender);color:var(--purple);font-size:.82rem;text-decoration:none}
.simba-picks .sg-picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simba-picks .sg-pick-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(60,34,95,.06)}.simba-picks .sg-pick-card-image{display:block}.simba-picks .sg-pick-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--lavender)}
.simba-picks .sg-pick-card-copy{padding:10px}.simba-picks .sg-pick-card h2{margin:0 0 6px;font-size:.9rem;line-height:1.3}.simba-picks .sg-pick-card h2 a{text-decoration:none}.simba-picks .sg-pick-category{display:inline-block;max-width:100%;min-height:44px;padding:6px 0;color:var(--purple);font-size:.76rem;text-decoration:none}
.simba-picks .sg-pick-price{margin:6px 0;font-size:.82rem}.simba-picks .sg-pick-price span{display:block;color:var(--muted);font-size:.7rem}.simba-picks .sg-pick-badges{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0;padding:0;list-style:none}.simba-picks .sg-pick-badges li{padding:3px 6px;border-radius:12px;background:var(--lavender);color:var(--purple);font-size:.65rem;font-weight:800}
@media(min-width:760px){.simba-picks{padding:30px}.simba-picks .sg-picks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.simba-picks .sg-pick-card-copy{padding:14px}.simba-picks .sg-pick-card h2{font-size:1rem}}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-link{padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center;text-decoration:none}.quick-link .dashicons{color:var(--purple);font-size:30px;width:30px;height:30px}.quick-link strong{font-size:.78rem;line-height:1.15;overflow-wrap:anywhere}
.platform-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.platform-heading h2{margin:0;flex:1 1 230px}.translate-help{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--lavender);color:var(--purple);font-size:.78rem;font-weight:800;cursor:pointer;text-align:left}.translate-help span:last-child{overflow-wrap:anywhere}
.help-dialog{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-top:24px;background:rgba(23,19,31,.45)}.help-dialog__panel{position:relative;width:100%;max-width:560px;max-height:calc(100dvh - 24px);overflow:auto;padding:28px 24px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--white);box-shadow:var(--shadow)}.help-dialog h2{margin:0 48px 18px 0;font-size:1.35rem;line-height:1.2}.help-dialog ol{margin:0;padding-left:24px}.help-dialog li{margin:10px 0}.help-dialog p{color:var(--muted);font-size:.9rem}.help-dialog__close{position:absolute;top:16px;right:16px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--lavender);color:var(--purple);font-size:1.6rem;cursor:pointer}
.process ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none}.process li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--purple);text-align:center}.process li strong{color:var(--ink);font-size:.78rem}.process .dashicons{font-size:27px;width:27px;height:27px}.cargo-note{margin:20px auto 36px;color:var(--muted);text-align:center;font-size:.88rem}
.mobile-nav{position:fixed;z-index:10;left:0;right:0;bottom:0;height:72px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(35,20,55,.1);backdrop-filter:blur(14px)}.mobile-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:.68rem;text-decoration:none}.mobile-nav a[aria-current="page"]{color:var(--purple);font-weight:900}.mobile-nav .dashicons{font-size:23px;width:23px;height:23px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f3a712;outline-offset:3px}
.link-control textarea{width:100%;min-width:0;resize:vertical;padding:14px 16px;border:2px solid #cdb8f1;border-radius:16px;background:#fff;color:var(--ink);font:inherit}
@media(min-width:620px){.link-control{grid-template-columns:minmax(0,1fr) auto}.link-control button{min-width:150px}}
@media(min-width:480px){.install-label-full{display:inline}.install-label-short{display:none}.help-dialog{align-items:center;padding:24px}.help-dialog__panel{border-radius:24px}}
@media(min-width:760px){.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:760px){body{padding-bottom:0}.site-header{height:80px}.hero{padding:58px 0 42px}.platform-section,.vehicle-section,.quick-section,.process{padding:30px}.platform-card{padding:16px}.platform-logo{width:72px}.platform-card strong{font-size:.95rem}.platform-card small{font-size:.78rem}.mobile-nav{display:none}.cargo-note{margin-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
