#sg-intro-preview{--sg-bg:light-dark(#f7faf9,#10201e);--sg-paper:light-dark(#ffffff,#172a27);--sg-ink:light-dark(#12252d,#eaf5f1);--sg-muted:light-dark(#526863,#b6cbc4);--sg-green:light-dark(#257b6b,#79d3bc);--sg-soft:light-dark(#e4f1eb,#243f37);--sg-line:light-dark(#dce9e3,#344d44);--sg-cta:light-dark(#176d5b,#8dddc3);--sg-oncta:light-dark(#ffffff,#102820);--sg-dark:light-dark(#142c29,#d3eee3);--sg-ondark:light-dark(#ffffff,#122b23);font-family:Inter,Arial,sans-serif;color:var(--sg-ink);width:100%}
#sg-intro-preview *{box-sizing:border-box}
#sg-intro-preview .sg-preview-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;color:var(--sg-muted)}
#sg-intro-preview .sg-preview-switch{display:flex;gap:6px;flex-wrap:wrap}
#sg-intro-preview .sg-page{container-type:inline-size;width:100%;max-width:1024px;margin:0 auto;background:var(--sg-bg);color:var(--sg-ink);border:1px solid var(--sg-line);border-radius:18px;overflow:clip;transition:max-width .2s}
#sg-intro-preview .sg-page[data-device="mobile"]{max-width:390px}
#sg-intro-preview a{color:inherit;text-decoration:none}
#sg-intro-preview .sg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4%;border-bottom:1px solid var(--sg-line);background:var(--sg-paper)}
#sg-intro-preview .sg-brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--sg-green)}
#sg-intro-preview .sg-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--sg-cta);color:var(--sg-oncta)}
#sg-intro-preview .sg-brand-mark svg{width:21px;height:21px}
#sg-intro-preview .sg-nav{display:flex;gap:24px;font-size:12px;color:var(--sg-muted)}
#sg-intro-preview .sg-header-cta{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:9px;background:var(--sg-soft);color:var(--sg-green);font-size:12px;font-weight:600}
#sg-intro-preview .sg-header-cta svg{width:14px;height:14px}
#sg-intro-preview .sg-hero{padding:54px 6% 44px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}
#sg-intro-preview .sg-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--sg-green);line-height:1.6}
#sg-intro-preview .sg-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--sg-green)}
#sg-intro-preview h1{font-size:clamp(30px,4.8cqw,48px);line-height:1.08;letter-spacing:-1.8px;font-weight:700;margin:18px 0 20px;color:var(--sg-ink)}
#sg-intro-preview h1 em{font-style:normal;color:var(--sg-green)}
#sg-intro-preview .sg-lead{font-size:14px;line-height:1.75;max-width:440px;color:var(--sg-muted);margin:0 0 22px}
#sg-intro-preview .sg-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#sg-intro-preview .sg-trial-offer{font-size:17px;line-height:1.5;font-weight:600;color:var(--sg-green);margin:0 0 15px}
#sg-intro-preview .sg-download{display:inline-flex;align-items:center;gap:8px;border-radius:8px;background:light-dark(#18352f,#1c3b33);color:light-dark(#ffffff,#e3f3ec);border:1px solid light-dark(#18352f,#416357);padding:9px 12px;font-size:13px;font-weight:500;line-height:1.4;min-height:44px}
#sg-intro-preview .sg-download svg{width:16px;height:16px}
#sg-intro-preview .sg-text-link{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sg-green);min-height:44px}
#sg-intro-preview .sg-text-link svg{width:14px;height:14px}
#sg-intro-preview .sg-trial{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sg-muted);margin-top:17px;line-height:1.5}
#sg-intro-preview .sg-trial svg{width:14px;height:14px;flex-shrink:0;color:var(--sg-green)}
#sg-intro-preview .sg-hero-art{position:relative;min-height:410px;display:flex;justify-content:center;align-items:center;isolation:isolate}
#sg-intro-preview .sg-orbit{position:absolute;inset:45px -3% 35px;background:var(--sg-soft);border-radius:50%;z-index:-1}
#sg-intro-preview .sg-phone{width:162px;max-width:100%;border:5px solid #172c29;border-radius:23px;overflow:hidden;background:#f6faf8;box-shadow:0 16px 25px #143b2b1c;flex-shrink:0}
#sg-intro-preview .sg-phone img{display:block;width:100%;height:auto}
#sg-intro-preview .sg-hero-phone{width:185px;transform:rotate(5deg);box-shadow:0 22px 36px #163d3329}
#sg-intro-preview .sg-float{position:absolute;display:flex;align-items:center;gap:8px;background:var(--sg-paper);padding:11px 12px;border:1px solid var(--sg-line);border-radius:11px;font-size:11px;font-weight:600;box-shadow:0 6px 15px #12382b09;line-height:1.4;z-index:2}
#sg-intro-preview .sg-float small{display:block;color:var(--sg-muted);font-size:10px;font-weight:400}
#sg-intro-preview .sg-float-top{left:-8px;top:44px}
#sg-intro-preview .sg-float-bottom{right:-9px;bottom:41px}
#sg-intro-preview .sg-mini-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--sg-soft);color:var(--sg-green)}
#sg-intro-preview .sg-mini-icon svg{width:16px;height:16px}
#sg-intro-preview .sg-platforms{text-align:center;border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line);padding:18px 20px;background:var(--sg-paper)}
#sg-intro-preview .sg-platforms>span{font-size:10px;color:var(--sg-muted);display:block;margin-bottom:8px}
#sg-intro-preview .sg-platforms>div{font-size:12px;font-weight:500;color:var(--sg-muted);line-height:1.8}
#sg-intro-preview .sg-platforms b{padding:0 12px;color:var(--sg-green);font-weight:400}
#sg-intro-preview .sg-intro{padding:46px 5% 48px}
#sg-intro-preview .sg-section-heading{text-align:center;margin-bottom:28px}
#sg-intro-preview .sg-section-heading .sg-eyebrow{justify-content:center}
#sg-intro-preview h2{font-size:29px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin:12px 0;color:var(--sg-ink)}
#sg-intro-preview .sg-section-heading>p{font-size:12px;line-height:1.7;color:var(--sg-muted);margin:0 auto;max-width:420px}
#sg-intro-preview .sg-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#sg-intro-preview .sg-story{background:var(--sg-paper);border:1px solid var(--sg-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
#sg-intro-preview .sg-story-visual{background:var(--sg-soft);height:290px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:24px;overflow:hidden;isolation:isolate}
#sg-intro-preview .sg-story-orbit{position:absolute;inset:42px 10% -60px;border:1px solid color-mix(in srgb,var(--sg-green) 20%,transparent);border-radius:50%;z-index:-1}
#sg-intro-preview .sg-story-label{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 36px);background:var(--sg-paper);padding:9px 12px;border-radius:30px;box-shadow:0 3px 12px #14382c12;font-size:11px;font-weight:500;color:var(--sg-green)}
#sg-intro-preview .sg-story-label svg{width:14px;height:14px}
#sg-intro-preview .sg-story-copy{padding:23px 26px 25px;flex:1;display:flex;flex-direction:column}
#sg-intro-preview .sg-step{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--sg-green)}
#sg-intro-preview .sg-story-copy h3{font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.8px;color:var(--sg-ink);margin:13px 0}
#sg-intro-preview .sg-story-copy>p{font-size:13px;line-height:1.7;color:var(--sg-muted);margin:0 0 16px}
#sg-intro-preview .sg-feature-note{margin-top:auto;padding-top:12px;border-top:1px solid var(--sg-line);font-size:11px;line-height:1.6;color:var(--sg-green)}
#sg-intro-preview .sg-start{padding:34px 6% 0;background:var(--sg-paper);border-top:1px solid var(--sg-line)}
#sg-intro-preview .sg-start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0 30px}
#sg-intro-preview .sg-start-steps>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sg-soft);color:var(--sg-green);font-size:12px;font-weight:600;margin-bottom:13px}
#sg-intro-preview .sg-start-steps h3{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 7px;color:var(--sg-ink)}
#sg-intro-preview .sg-start-steps p{font-size:12px;line-height:1.65;color:var(--sg-muted);margin:0}
#sg-intro-preview .sg-bottom-cta{border-top:1px solid var(--sg-line);padding:23px 0 25px;text-align:center}
#sg-intro-preview .sg-bottom-cta p{font-size:20px;font-weight:500;color:var(--sg-green);margin:0 0 7px;letter-spacing:-.5px}
#sg-intro-preview .sg-bottom-cta>span{font-size:11px;color:var(--sg-muted)}
#sg-intro-preview .sg-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 5%;border-top:1px solid var(--sg-line);font-size:10px;color:var(--sg-muted);flex-wrap:wrap}
#sg-intro-preview .sg-footer>span:first-child{color:var(--sg-green);letter-spacing:1.5px;font-weight:600}
@container (max-width:640px){
 #sg-intro-preview .sg-nav{display:none}
 #sg-intro-preview .sg-hero{grid-template-columns:1fr;padding:32px 7% 24px;gap:24px}
 #sg-intro-preview h1{font-size:36px;letter-spacing:-1.4px}
 #sg-intro-preview .sg-hero-art{min-height:385px;margin:0 14px}
 #sg-intro-preview .sg-hero-phone{width:170px}
 #sg-intro-preview .sg-float-top{left:-12px;top:40px}
 #sg-intro-preview .sg-float-bottom{right:-12px;bottom:28px}
 #sg-intro-preview .sg-lead{font-size:14px}
 #sg-intro-preview .sg-hero-actions{gap:14px}
 #sg-intro-preview .sg-trial{font-size:11px}
 #sg-intro-preview .sg-platforms b{padding:0 6px}
 #sg-intro-preview .sg-intro{padding:32px 6%}
 #sg-intro-preview .sg-intro-grid{grid-template-columns:1fr;gap:20px}
 #sg-intro-preview .sg-story-visual{height:290px}
 #sg-intro-preview .sg-story-copy{padding:22px}
 #sg-intro-preview .sg-story-copy h3{font-size:28px}
 #sg-intro-preview h2{font-size:26px}
 #sg-intro-preview .sg-start-steps{grid-template-columns:1fr;gap:24px}
 #sg-intro-preview .sg-start-steps>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px}
 #sg-intro-preview .sg-start-steps>div>span{grid-row:1/3}
 #sg-intro-preview .sg-start-steps h3,#sg-intro-preview .sg-start-steps p{grid-column:2}
 #sg-intro-preview .sg-bottom-cta p{font-size:19px}
}
@container (max-width:340px){
 #sg-intro-preview .sg-header{gap:7px;padding:14px 5%}
 #sg-intro-preview .sg-brand{letter-spacing:.7px;font-size:11px}
 #sg-intro-preview .sg-header-cta{padding:9px;font-size:11px}
 #sg-intro-preview h1{font-size:32px}
 #sg-intro-preview .sg-hero-art{margin:0 8px}
 #sg-intro-preview .sg-float{padding:8px;gap:6px;font-size:10px}
 #sg-intro-preview .sg-float small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#sg-intro-preview .sg-page{transition:none}}

/* Production placement: retain the existing site's navigation and all lower sections. */
#sg-intro-preview .sg-page{max-width:none;border:0;border-radius:0;overflow:clip}
#sg-intro-preview .sg-hero,#sg-intro-preview .sg-intro{max-width:1160px;margin-inline:auto}
#sg-intro-preview .sg-symbol{display:inline-block;font-size:16px;line-height:1;flex-shrink:0}
#sg-intro-preview .sg-mini-icon .sg-symbol{font-size:17px}
#sg-intro-preview .sg-trial .sg-symbol{color:var(--sg-green)}
#sg-intro-preview .sg-hero-actions>a{min-height:44px}