/* 豆苗 API · Marketing homepage. All selectors are scoped to this page. */
.marketing-page{
  --m-ink:#152b27;--m-muted:#667b73;--m-green:#137a5a;--m-line:#dfe8e3;
  background:#fafbf9;color:var(--m-ink);font-size:15px;line-height:1.8
}
.marketing-page .site-nav{background:#fafbf9f2;border-color:#e9eee9}
.marketing-page .nav-inner{max-width:1240px;min-height:80px}
.marketing-page .site-nav nav{font-size:14px}
.marketing-page .m-container{width:min(calc(100% - 64px),1200px);margin-inline:auto}
.marketing-page .m-hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;
  gap:24px;width:min(calc(100% - 48px),1352px);min-height:602px;margin:24px auto 0;padding:72px 65px;
  border:1px solid #e1e9e4;border-radius:32px;background:#f0f6f1;overflow:hidden
}
.marketing-page .m-hero-glow{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse at 8% 0,#eff8eb 0,transparent 52%),
    radial-gradient(ellipse at 81% 24%,#b4a5f2db 0,transparent 54%),
    radial-gradient(ellipse at 101% 92%,#f6cde4b8 0,transparent 48%),
    radial-gradient(ellipse at 43% 108%,#8fe0c4de 0,transparent 57%),#eef7f1
}
.marketing-page .m-hero-glow:after{
  content:"";position:absolute;inset:0;background-image:radial-gradient(#477d6219 .65px,transparent .65px);
  background-size:9px 9px;mask-image:linear-gradient(120deg,transparent 30%,#0007)
}
/* The production shell has its own fixed 64px header above the sandboxed page. */
html.is-embedded .marketing-page .m-hero{margin-top:84px}
.marketing-page .m-hero-content{position:relative;z-index:2;min-width:0}
.marketing-page .m-eyebrow{
  display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#517866;font-size:12px;
  font-weight:600;line-height:1.6;letter-spacing:.09em
}
.marketing-page .m-hero .m-eyebrow{
  width:fit-content;padding:6px 11px 6px 9px;border:1px solid #bed6c780;border-radius:99px;
  background:#ffffff70;font-size:12px;letter-spacing:.03em;margin-bottom:25px
}
.marketing-page .m-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#4d9975;box-shadow:0 0 0 4px #72a98b17}
.marketing-page .m-hero h1{
  color:#19392e;font-size:clamp(42px,4.5vw,66px);line-height:1.22;font-weight:740;letter-spacing:-.055em;
  margin:0;text-wrap:balance
}
.marketing-page .m-hero h1 em{font-style:normal;color:#168462;font-weight:720}
.marketing-page .m-lead{max-width:470px;margin:25px 0 29px;color:#607a6a;font-size:16px;line-height:1.95;text-wrap:pretty}
.marketing-page .m-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.marketing-page .m-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 23px;
  border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:600;line-height:1.6;text-align:center;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease
}
.marketing-page .m-button svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7}
.marketing-page .m-primary{color:white;background:#157c59;border-color:#0c704f;box-shadow:0 5px 13px #2f624a1d,inset 0 1px 0 #ffffff18}
.marketing-page .m-primary:hover{color:white;background:#0b6d4b;box-shadow:0 7px 17px #2f624a28;transform:translateY(-2px)}
.marketing-page .m-secondary{color:#325947;background:#ffffffb8;border-color:#cfded3}
.marketing-page .m-secondary:hover{color:#1a6547;background:#fff;border-color:#9fc5ad;transform:translateY(-2px)}
.marketing-page .m-hero-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 17px;font-size:12px;color:#53695d;margin-top:17px;line-height:1.8}
.marketing-page .m-hero-note a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a5b9ac}
.marketing-page .m-hero-note a:hover{color:#216e4e}
.marketing-page .m-hero-art{position:relative;min-width:0;height:420px;isolation:isolate}
.marketing-page .m-hero-art:before{
  content:"";position:absolute;width:285px;height:285px;left:50%;top:50%;transform:translate(-50%,-50%);
  border:1px solid #ffffff67;border-radius:50%;background:radial-gradient(circle,#fff5,transparent 73%);
  box-shadow:0 0 0 34px #ffffff18,0 0 0 69px #ffffff12;z-index:-1
}
.marketing-page .m-orbit{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.marketing-page .m-orbit-one{
  width:390px;height:390px;border:1px solid #9dc6b68c;
  transform:translate(-50%,-50%) rotate(-24deg) scaleY(.59)
}
.marketing-page .m-orbit-two{
  width:344px;height:344px;border:1px solid #baaacc80;
  transform:translate(-50%,-50%) rotate(55deg) scaleY(.72)
}
.marketing-page .m-orbit:before,.marketing-page .m-orbit:after{content:"";position:absolute;border-radius:50%}
.marketing-page .m-orbit-one:before{width:10px;height:10px;left:25px;top:78px;background:#77b393;box-shadow:0 0 0 6px #84b69714}
.marketing-page .m-orbit-one:after{width:6px;height:6px;right:42px;bottom:59px;background:#7fac97}
.marketing-page .m-orbit-two:before{width:8px;height:8px;left:37px;bottom:57px;background:#b6a5d2;box-shadow:0 0 0 5px #b7a7d21c}
.marketing-page .m-orbit-two:after{width:5px;height:5px;right:39px;top:53px;background:#c3b4d8}
.marketing-page .m-seed-core{
  display:grid;place-items:center;position:absolute;left:50%;top:50%;width:167px;height:167px;
  transform:translate(-50%,-50%) rotate(-8deg);border:1px solid #ffffffed;border-radius:42px;
  background:linear-gradient(145deg,#fffffff5,#dcf9eccc);box-shadow:0 26px 57px -20px #31694755,inset 0 0 0 6px #ffffff60
}
.marketing-page .m-seed-core:after{content:"";position:absolute;inset:13px;border:1px solid #c4e4d5b3;border-radius:31px;pointer-events:none}
.marketing-page .m-seed-core img{width:94px;height:94px;transform:rotate(8deg);border-radius:25px;box-shadow:0 7px 16px #234c3426}
.marketing-page .m-floating{
  position:absolute;display:flex;flex-direction:column;align-items:flex-start;min-width:151px;padding:16px 20px;
  border:1px solid #ffffffc9;border-radius:17px;background:#ffffffbf;box-shadow:0 14px 30px -21px #48575f55,0 1px 2px #5166570c;
  color:#446555;z-index:2
}
.marketing-page .m-floating strong{font-size:17px;font-weight:650;line-height:1.6;letter-spacing:-.025em}
.marketing-page .m-floating>span{font-size:12px;line-height:1.7;color:#53695d;margin-top:3px}
.marketing-page .m-floating>i{font-style:normal;font-size:21px;line-height:1.2;color:#87a78e;margin-bottom:6px}
.marketing-page .m-floating>svg{width:20px;height:20px;margin-bottom:6px}
.marketing-page .m-float-code{top:26px;right:5px;transform:rotate(5deg)}
.marketing-page .m-float-model{left:-4px;bottom:53px;transform:rotate(-5deg);background:#f9fffad9}
.marketing-page .m-float-idea{right:6px;bottom:11px;min-width:168px;transform:rotate(3deg);background:#fff9fbe0}
.marketing-page .m-float-idea strong{font-size:15px;color:#796e82}
.marketing-page .m-float-idea>span{font-size:12px;letter-spacing:.045em;color:#756780}
.marketing-page .m-model-strip{
  display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:31px 32px;border-bottom:1px solid #e5ebe5;
  color:#53695d;font-size:12px
}
.marketing-page .m-model-strip>span{flex-shrink:0}
.marketing-page .m-model-names{display:flex;align-items:center;justify-content:space-between;flex:1;gap:18px;max-width:910px;flex-wrap:wrap}
.marketing-page .m-model-names span{font-size:15px;font-weight:600;letter-spacing:-.025em;color:#677c6e;line-height:1.6}
.marketing-page .m-section{padding-block:62px 0}
.marketing-page .m-section+.m-plans-strip{margin-top:62px}
.marketing-page .m-section-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;column-gap:30px;row-gap:9px;margin-bottom:28px}
.marketing-page .m-section-head>div{min-width:0;max-width:760px}
.marketing-page .m-section-head>.m-eyebrow{width:100%;margin-bottom:0}
.marketing-page .m-section-head h2{font-size:34px;line-height:1.4;font-weight:650;letter-spacing:-.04em;color:#284835}
.marketing-page .m-section-head p:not(.m-eyebrow){font-size:14px;line-height:1.9;color:#53695d;margin-top:11px;max-width:720px}
.marketing-page .m-section-head>p:not(.m-eyebrow){width:100%;order:2}
.marketing-page .m-text-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:600;line-height:1.7;color:#3e825d;flex-shrink:0}
.marketing-page .m-text-link:hover{text-decoration:underline;text-underline-offset:4px;color:#216a44}
.marketing-page .m-value-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}
.marketing-page .m-cache-feature{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:26px;row-gap:17px;align-items:center;
  padding:39px;border:1px solid #dfeadd;border-radius:23px;background:radial-gradient(ellipse at 0 0,#eff8e7,transparent 75%),#f0f7ed;overflow:hidden
}
.marketing-page .m-feature-copy{min-width:0;align-self:center}
.marketing-page .m-feature-copy .m-eyebrow{color:#53695d;font-size:12px;margin-bottom:13px}
.marketing-page .m-feature-copy h2{font-size:29px;line-height:1.45;color:#386144;letter-spacing:-.045em}
.marketing-page .m-feature-copy p:not(.m-eyebrow){font-size:14px;line-height:1.95;color:#53695d;margin:17px 0 13px}
.marketing-page .m-cache-visual{min-width:0;position:relative;padding:0 0 0 4px}
.marketing-page .m-discount{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px;line-height:1;margin-bottom:24px;color:#4c8355}
.marketing-page .m-discount>div{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%;margin-top:10px}
.marketing-page .m-discount strong{font-size:104px;line-height:1;letter-spacing:-9px;font-weight:600}
.marketing-page .m-discount span{font-size:29px;line-height:1.25;margin-left:7px;color:#668d64;font-weight:550}
.marketing-page .m-discount>small{width:100%;margin-top:13px;text-align:center;font-size:12px;line-height:1.6;color:#53695d}
.marketing-page .m-price-bars{display:grid;gap:14px;width:100%}
.marketing-page .m-price-row{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:9px;align-items:center;font-size:12px;color:#53695d;line-height:1.7}
.marketing-page .m-price-row>small{font-size:12px;text-align:right;white-space:nowrap}
.marketing-page .m-bar-track{height:8px;border-radius:9px;background:#e0ebda;overflow:hidden}
.marketing-page .m-bar-track>i{display:block;height:100%;width:100%;border-radius:9px;background:#cad8c0}
.marketing-page .m-price-row.is-cached{color:#53695d}
.marketing-page .is-cached .m-bar-track>i{width:10%;background:#77a863}
.marketing-page .m-fine-print{grid-column:1/-1;display:block;margin:5px 0 0;padding-top:16px;border-top:1px solid #dfe9d8;font-size:12px;line-height:1.85;color:#53695d}
.marketing-page .m-fine-print a{color:#39764e;text-decoration:underline;text-underline-offset:3px}
.marketing-page .m-workflow-feature{display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid #e5e1ed;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#ece7f8,transparent 70%),#f6f4fa}
.marketing-page .m-icon-square{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dcd2eb;border-radius:13px;background:#ece7f5;color:#a493b8;font-size:25px;line-height:1;margin-bottom:24px}
.marketing-page .m-workflow-feature h3{font-size:24px;line-height:1.45;letter-spacing:-.04em;color:#686176;font-weight:600}
.marketing-page .m-workflow-feature>p{font-size:14px;line-height:1.9;color:#756780;margin-top:15px}
.marketing-page .m-workflow-feature>.m-eyebrow{font-size:12px;letter-spacing:.035em;margin:0 0 11px;color:#796884}
.marketing-page .m-workflow-path{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:25px 0 17px;max-width:100%}
.marketing-page .m-workflow-path>span{border:1px solid #e1ddea;background:#ffffffaa;border-radius:7px;padding:5px 8px;font-size:12px;line-height:1.6;color:#756780}
.marketing-page .m-workflow-path>b{font-size:13px;color:#b7acc2;font-weight:400}
.marketing-page .m-workflow-feature .m-text-link{color:#756780;margin-top:auto}
.marketing-page .m-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.marketing-page .m-use-card{padding:29px 28px 26px;border:1px solid #e4ebe3;border-radius:18px;background:#fff;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s}
.marketing-page .m-use-number{display:block;margin-bottom:25px;font-family:Consolas,monospace;font-size:12px;letter-spacing:.03em;color:#697d6c}
.marketing-page .m-use-card h3{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.04em;color:#48694f}
.marketing-page .m-use-card p{font-size:14px;line-height:1.9;color:#53695d;margin:12px 0 22px}
.marketing-page .m-use-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.marketing-page .m-use-tags>span{font-size:12px;color:#53695d;line-height:1.6;padding:4px 8px;border:1px solid #e9eee5;border-radius:6px;background:#f7f9f4}
.marketing-page .m-use-card:hover{border-color:#bacfb7;transform:translateY(-3px);box-shadow:0 12px 30px -19px #43633b24}
.marketing-page .m-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.marketing-page .m-start-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:29px;border:1px solid #e1e9df;border-radius:18px;background:#f7faf4;transition:background .18s,border-color .18s,transform .18s}
.marketing-page .m-step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cfdfc7;border-radius:11px;background:#eaf3e1;color:#547d3e;font-size:13px;font-family:Consolas,monospace;line-height:1;margin-bottom:23px}
.marketing-page .m-start-card h3{font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.03em;color:#56744a}
.marketing-page .m-start-card p{font-size:14px;color:#53695d;line-height:1.85;margin:11px 0 20px}
.marketing-page .m-step-link{font-size:13px;color:#53695d;line-height:1.7;margin-top:auto}
.marketing-page .m-start-card:hover{border-color:#b6cd9f;background:#f1f7e9;transform:translateY(-3px)}
.marketing-page .m-starter-note{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 3px 0;font-size:13px;color:#53695d;line-height:1.8}
.marketing-page .m-starter-note>p{font-size:13px}
.marketing-page .m-starter-note>a{font-size:13px;color:#53695d;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0}
.marketing-page .m-plans-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:37px 40px;border:1px solid #e1e7df;border-radius:22px;background:#f6f8f2}
.marketing-page .m-plans-strip>div:first-child{max-width:520px;min-width:0}
.marketing-page .m-plans-strip .m-eyebrow{margin-bottom:10px}
.marketing-page .m-plans-strip h2{font-size:28px;line-height:1.45;letter-spacing:-.04em;color:#577148}
.marketing-page .m-plans-strip p:not(.m-eyebrow){font-size:14px;color:#53695d;line-height:1.85;margin-top:10px}
.marketing-page .m-plan-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:320px}
.marketing-page .m-plan-option{display:flex;flex-direction:column;gap:6px;padding:20px 23px;border:1px solid #dfe8d7;border-radius:12px;background:#ffffffb0;min-width:0;transition:border-color .18s,background .18s}
.marketing-page .m-plan-option>small{font-size:12px;color:#53695d;line-height:1.7}
.marketing-page .m-plan-option>strong{font-size:26px;font-weight:600;line-height:1.4;color:#698450;letter-spacing:-.035em}
.marketing-page .m-plan-option>strong>span{font-size:13px;font-weight:400;letter-spacing:0;white-space:nowrap}
.marketing-page .m-plan-option>span{font-size:12px;color:#53695d;line-height:1.7}
.marketing-page .m-plan-option:hover{background:#fff;border-color:#b9cda6}
.marketing-page .m-closing{position:relative;isolation:isolate;text-align:center;padding:73px 30px 83px;margin-top:18px;overflow:hidden}
.marketing-page .m-closing:before{content:"";position:absolute;inset:0 15%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#e6f3e67a,transparent 68%);pointer-events:none}
.marketing-page .m-closing .m-eyebrow{justify-content:center}
.marketing-page .m-closing h2{font-size:40px;font-weight:650;line-height:1.4;letter-spacing:-.045em;color:#335a40}
.marketing-page .m-closing h2 em{font-style:normal;color:#148566}
.marketing-page .m-closing>p:not(.m-eyebrow){font-size:15px;color:#53695d;line-height:1.9;margin:17px 0 26px}
.marketing-page .m-closing .m-actions{justify-content:center}
.marketing-page .model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.marketing-page .model-card{min-width:0;min-height:218px;padding:23px 19px;border:1px solid #e1e8df;border-radius:15px;background:#fff;box-shadow:none}
.marketing-page .model-card:first-child{border-color:#b6ccaf;background:linear-gradient(135deg,#f8fcf5,#fff)}
.marketing-page .model-card:first-child:before{display:none}
.marketing-page .model-card .model-kind{font-size:12px;letter-spacing:.015em;color:#53695d;overflow-wrap:anywhere}
.marketing-page .model-card h3{font-size:16px;line-height:1.55;color:#536d45;margin:15px 0 9px;overflow-wrap:anywhere}
.marketing-page .model-card p{font-size:12px;line-height:1.8;color:#53695d;margin-bottom:23px}
.marketing-page .model-prices{gap:11px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.marketing-page .model-prices dt{font-size:12px;color:#53695d}
.marketing-page .model-prices dd{font-size:24px;line-height:1.3;letter-spacing:-.045em;color:#527443;overflow-wrap:anywhere}
.marketing-page .model-detail{font-size:12px;line-height:1.75;color:#53695d;border-color:#edf1e8;margin-top:18px;padding-top:12px}
.marketing-page .pricing-header{margin-bottom:19px;align-items:flex-start;flex-wrap:wrap;gap:9px 12px}
.marketing-page .pricing-header p,.marketing-page #pricingSummary{font-size:13px;color:#53695d;line-height:1.8}
.marketing-page .pricing-header .soft-pill{font-size:12px;background:#f0f5e9;border-color:#e0e8d7;color:#53695d}
.marketing-page .pricing-footnote p{font-size:12px;line-height:1.9;color:#53695d}
.marketing-page .model-card .text-link{font-size:12px;white-space:normal}
.marketing-page .empty-state{font-size:14px;line-height:1.9;background:#f7faf3;border-color:#dae5d2;color:#53695d}
.marketing-page .site-footer{padding-bottom:30px}
.marketing-page .footer-inner{font-size:12px;color:#53695d;padding-top:25px;border-color:#e3e9de}
.marketing-page .footer-inner nav{font-size:12px}

@media(min-width:1450px){
  .marketing-page .m-hero{gap:45px;padding-inline:76px;min-height:640px}
  .marketing-page .m-hero-art{height:440px}
}
@media(max-width:1100px){
  .marketing-page .m-hero{padding:58px 42px;min-height:560px;gap:16px}
  .marketing-page .m-hero h1{font-size:49px}
  .marketing-page .m-lead{font-size:15px}
  .marketing-page .m-hero-art{height:385px}
  .marketing-page .m-orbit-one{width:320px;height:320px}
  .marketing-page .m-orbit-two{width:290px;height:290px}
  .marketing-page .m-floating{min-width:140px;padding:13px 15px}
  .marketing-page .m-float-code{right:-7px}
  .marketing-page .m-float-model{left:-8px}
  .marketing-page .m-float-idea{right:-5px}
  .marketing-page .m-floating strong{font-size:16px}
  .marketing-page .m-model-strip{gap:22px;align-items:flex-start}
  .marketing-page .m-model-names{justify-content:flex-start;gap:14px 24px}
  .marketing-page .m-model-names span{font-size:14px}
  .marketing-page .m-section{padding-block:54px 0}
  .marketing-page .m-section+.m-plans-strip{margin-top:54px}
  .marketing-page .m-cache-feature{padding:30px;gap:17px;grid-template-columns:1.08fr .92fr}
  .marketing-page .m-feature-copy h2{font-size:26px}
  .marketing-page .m-workflow-feature{padding:28px}
  .marketing-page .m-workflow-feature h3{font-size:22px}
  .marketing-page .m-discount strong{font-size:85px}
  .marketing-page .m-price-row{grid-template-columns:50px minmax(0,1fr) 29px;gap:7px}
  .marketing-page .m-use-card,.marketing-page .m-start-card{padding:25px}
  .marketing-page .model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-page .model-card:last-child:nth-child(odd){grid-column:auto}
  .marketing-page .m-plans-strip{padding:31px;gap:25px}
  .marketing-page .m-plan-links{min-width:294px;gap:11px}
  .marketing-page .m-plan-option{padding:18px}
}
@media(max-width:800px){
  .marketing-page{font-size:14px}
  .marketing-page .m-container{width:calc(100% - 40px)}
  .marketing-page .m-hero{width:calc(100% - 32px);grid-template-columns:1fr;gap:4px;padding:42px 39px 23px;min-height:0;border-radius:27px;margin-top:18px}
  .marketing-page .m-hero h1{font-size:54px;line-height:1.24}
  .marketing-page .m-hero-content{max-width:580px}
  .marketing-page .m-hero .m-eyebrow{margin-bottom:22px}
  .marketing-page .m-lead{font-size:15px;max-width:500px;margin:20px 0 24px}
  .marketing-page .m-hero-art{height:330px;width:100%;max-width:480px;margin:1px auto 0}
  .marketing-page .m-hero-art:before{width:244px;height:244px;box-shadow:0 0 0 25px #ffffff18,0 0 0 51px #ffffff12}
  .marketing-page .m-orbit-one{width:323px;height:323px}
  .marketing-page .m-orbit-two{width:285px;height:285px}
  .marketing-page .m-float-code{right:24px;top:13px}
  .marketing-page .m-float-model{left:7px;bottom:41px}
  .marketing-page .m-float-idea{right:1px;bottom:0}
  .marketing-page .m-seed-core{width:118px;height:118px;border-radius:31px}
  .marketing-page .m-seed-core img{width:70px;height:70px;border-radius:19px}
  .marketing-page .m-seed-core:after{inset:11px;border-radius:23px}
  .marketing-page .m-model-strip{padding-block:25px;display:block}
  .marketing-page .m-model-names{margin-top:11px;gap:10px 24px}
  .marketing-page .m-section{padding-block:45px 0}
  .marketing-page .m-section+.m-plans-strip{margin-top:45px}
  .marketing-page .m-section-head h2{font-size:30px}
  .marketing-page .m-section-head p:not(.m-eyebrow){font-size:14px}
  .marketing-page .m-text-link{min-height:44px;font-size:13px}
  .marketing-page .m-value-grid{grid-template-columns:1fr;gap:18px}
  .marketing-page .m-cache-feature{padding:31px;gap:25px}
  .marketing-page .m-cache-visual{max-width:280px;width:100%;justify-self:center}
  .marketing-page .m-feature-copy h2{font-size:28px}
  .marketing-page .m-workflow-feature{padding:29px;display:grid;grid-template-columns:44px 1fr;column-gap:18px;row-gap:10px}
  .marketing-page .m-icon-square{grid-row:1/4;grid-column:1;margin-bottom:0}
  .marketing-page .m-workflow-feature h3,.marketing-page .m-workflow-feature>p,.marketing-page .m-workflow-path,.marketing-page .m-workflow-feature .m-text-link{grid-column:2}
  .marketing-page .m-workflow-feature>p{margin-top:0;font-size:14px}
  .marketing-page .m-workflow-path{margin:3px 0 0}
  .marketing-page .m-use-grid{grid-template-columns:1fr;gap:13px}
  .marketing-page .m-use-card{padding:26px;display:block}
  .marketing-page .m-use-number{margin:0 0 17px}
  .marketing-page .m-use-card p{margin:11px 0 17px;font-size:14px}
  .marketing-page .m-use-card h3{font-size:22px}
  .marketing-page .m-start-grid{gap:13px}
  .marketing-page .m-start-card{padding:22px}
  .marketing-page .m-start-card h3{font-size:19px}
  .marketing-page .m-start-card p{font-size:14px}
  .marketing-page .m-starter-note{flex-wrap:wrap;gap:5px;padding-top:17px}
  .marketing-page .m-plans-strip{display:block;padding:29px}
  .marketing-page .m-plans-strip h2{font-size:26px}
  .marketing-page .m-plan-links{margin-top:23px;min-width:0;max-width:470px}
  .marketing-page .m-plan-option{padding:20px}
  .marketing-page .m-closing{padding:59px 20px 64px}
  .marketing-page .m-closing h2{font-size:34px}
  .marketing-page .m-closing>p:not(.m-eyebrow){font-size:14px}
  .marketing-page .model-card{padding:21px 17px}
  .marketing-page .model-card h3{font-size:15px}
  .marketing-page .model-prices dd{font-size:25px}
  .marketing-page .m-button{min-height:46px}
}
@media(max-width:580px){
  .marketing-page .nav-inner{min-height:67px}
  .marketing-page .site-nav nav{font-size:12px}
  .marketing-page .m-container{width:calc(100% - 32px)}
  .marketing-page .m-hero{width:calc(100% - 24px);margin-top:12px;padding:32px 23px 20px;border-radius:23px;gap:8px}
  .marketing-page .m-hero .m-eyebrow{font-size:12px;padding:5px 9px;margin-bottom:20px;max-width:100%;letter-spacing:0}
  .marketing-page .m-hero h1{font-size:40px;line-height:1.29;letter-spacing:-.055em}
  .marketing-page .m-lead{font-size:14px;line-height:1.9;margin:19px 0 22px}
  .marketing-page .m-actions{gap:10px;align-items:stretch}
  .marketing-page .m-button{font-size:14px;min-height:46px;padding:10px 16px}
  .marketing-page .m-hero-note{font-size:12px;line-height:1.8;gap:5px 14px;margin-top:14px}
  .marketing-page .m-hero-art{height:255px;margin-top:7px}
  .marketing-page .m-hero-art:before{width:204px;height:204px;box-shadow:0 0 0 22px #ffffff18,0 0 0 42px #ffffff12}
  .marketing-page .m-orbit-one{width:279px;height:279px}
  .marketing-page .m-orbit-two{width:235px;height:235px}
  .marketing-page .m-seed-core{width:101px;height:101px;border-radius:28px;top:47%}
  .marketing-page .m-seed-core img{width:59px;height:59px;border-radius:16px}
  .marketing-page .m-seed-core:after{inset:9px;border-radius:20px}
  .marketing-page .m-floating{min-width:127px;padding:11px 13px;border-radius:13px}
  .marketing-page .m-floating strong{font-size:15px}
  .marketing-page .m-floating>span{font-size:12px;max-width:154px;line-height:1.6}
  .marketing-page .m-float-code{top:0;right:4px}
  .marketing-page .m-float-model{left:-6px;bottom:35px}
  .marketing-page .m-float-idea{right:-5px;bottom:-1px;min-width:135px}
  .marketing-page .m-float-idea>span{max-width:124px;letter-spacing:0}
  .marketing-page .m-model-strip{padding-block:22px 24px}
  .marketing-page .m-model-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 17px}
  .marketing-page .m-model-names span{font-size:14px;overflow-wrap:anywhere}
  .marketing-page .m-section{padding-block:37px 0}
  .marketing-page .m-section+.m-plans-strip{margin-top:37px}
  .marketing-page .m-eyebrow{font-size:12px;line-height:1.7;letter-spacing:.045em;margin-bottom:12px}
  .marketing-page .m-section-head{display:block;margin-bottom:22px}
  .marketing-page .m-section-head h2{font-size:27px;line-height:1.45;letter-spacing:-.035em}
  .marketing-page .m-section-head p:not(.m-eyebrow){font-size:14px;line-height:1.9;margin-top:12px}
  .marketing-page .m-section-head>.m-text-link{margin-top:9px}
  .marketing-page .m-cache-feature{grid-template-columns:1fr;padding:26px 23px;gap:22px;border-radius:19px}
  .marketing-page .m-feature-copy h2{font-size:27px}
  .marketing-page .m-feature-copy p:not(.m-eyebrow){font-size:14px;line-height:1.9;margin:13px 0 8px}
  .marketing-page .m-cache-visual{padding:0;max-width:280px}
  .marketing-page .m-discount{margin-bottom:23px}
  .marketing-page .m-discount strong{font-size:91px}
  .marketing-page .m-discount span{font-size:28px}
  .marketing-page .m-discount>small{font-size:12px;margin-top:11px}
  .marketing-page .m-price-row{grid-template-columns:63px minmax(0,1fr) 37px;gap:10px;font-size:12px}
  .marketing-page .m-fine-print{font-size:12px;line-height:1.9;margin-top:0;padding-top:16px}
  .marketing-page .m-workflow-feature{padding:26px 23px;border-radius:19px;display:flex;gap:0}
  .marketing-page .m-icon-square{margin-bottom:20px}
  .marketing-page .m-workflow-feature h3{font-size:24px}
  .marketing-page .m-workflow-feature>p{font-size:14px;line-height:1.9;margin-top:12px}
  .marketing-page .m-workflow-path{margin:20px 0 13px;gap:8px}
  .marketing-page .m-workflow-path>span{font-size:12px;padding:6px 9px}
  .marketing-page .m-use-card{padding:24px 23px;border-radius:15px}
  .marketing-page .m-use-card h3{font-size:22px}
  .marketing-page .m-use-card p{font-size:14px;line-height:1.9;margin-bottom:5px}
  .marketing-page .m-use-tags{gap:6px}
  .marketing-page .m-start-grid{grid-template-columns:1fr;gap:13px}
  .marketing-page .m-start-card{padding:24px;display:grid;grid-template-columns:33px 1fr;gap:7px 15px;border-radius:16px}
  .marketing-page .m-step-number{grid-column:1;grid-row:1/4;margin:3px 0 0;width:33px;height:33px;font-size:13px}
  .marketing-page .m-start-card h3,.marketing-page .m-start-card p,.marketing-page .m-step-link{grid-column:2}
  .marketing-page .m-start-card h3{font-size:21px}
  .marketing-page .m-start-card p{font-size:14px;line-height:1.85;margin:0 0 5px}
  .marketing-page .m-step-link{font-size:13px;line-height:1.9}
  .marketing-page .m-starter-note,.marketing-page .m-starter-note>p{font-size:13px}
  .marketing-page .m-plans-strip{padding:26px 23px;border-radius:18px}
  .marketing-page .m-plans-strip h2{font-size:25px}
  .marketing-page .m-plans-strip p:not(.m-eyebrow){font-size:14px;line-height:1.9}
  .marketing-page .m-plan-links{gap:10px;margin-top:23px}
  .marketing-page .m-plan-option{padding:18px 14px;gap:8px}
  .marketing-page .m-plan-option>strong{font-size:25px;overflow-wrap:anywhere}
  .marketing-page .m-plan-option>small,.marketing-page .m-plan-option>span{font-size:12px}
  .marketing-page .m-closing{padding:50px 10px 57px;margin-top:7px}
  .marketing-page .m-closing h2{font-size:30px;line-height:1.4}
  .marketing-page .m-closing>p:not(.m-eyebrow){font-size:14px;line-height:1.9;margin:16px 0 23px}
  .marketing-page .m-closing .m-eyebrow{font-size:12px}
  .marketing-page .model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .marketing-page .model-card{padding:20px 14px;min-height:218px;border-radius:14px}
  .marketing-page .model-card .model-kind{font-size:12px;letter-spacing:0}
  .marketing-page .model-card h3{font-size:15px;line-height:1.55;margin-top:12px}
  .marketing-page .model-card p{font-size:12px;line-height:1.8}
  .marketing-page .model-prices{gap:6px}
  .marketing-page .model-prices dt,.marketing-page .model-detail{font-size:12px}
  .marketing-page .model-prices dd{font-size:24px}
  .marketing-page .model-card:last-child:nth-child(odd){grid-column:1/-1;min-height:188px}
  .marketing-page .model-card:last-child:nth-child(odd) .model-prices{max-width:220px}
  .marketing-page .pricing-header p,.marketing-page #pricingSummary{font-size:13px}
  .marketing-page .pricing-footnote p{font-size:12px;line-height:1.9}
  .marketing-page .footer-inner,.marketing-page .footer-inner nav{font-size:12px}
}
@media(max-width:390px){
  .marketing-page .m-hero{padding-inline:21px}
  .marketing-page .m-hero h1{font-size:37px}
  .marketing-page .m-hero-art{height:250px}
  .marketing-page .m-floating{padding:10px 11px;min-width:123px}
  .marketing-page .m-float-model{left:-5px;bottom:44px}
  .marketing-page .m-float-idea{right:-4px}
  .marketing-page .m-orbit-one{width:255px;height:255px}
  .marketing-page .m-orbit-two{width:225px;height:225px}
  .marketing-page .m-price-row{grid-template-columns:60px minmax(0,1fr) 35px;gap:8px}
  .marketing-page .m-closing .m-actions{display:grid;grid-template-columns:1fr}
}
@media(min-width:801px) and (max-width:1000px){
  .marketing-page .m-hero h1{font-size:43px}
  .marketing-page .m-seed-core{width:147px;height:147px;border-radius:36px}
  .marketing-page .m-seed-core img{width:84px;height:84px;border-radius:23px}
}
@media(max-width:340px){
  .marketing-page .m-hero .m-actions{display:grid;grid-template-columns:1fr}
  .marketing-page .m-hero .m-button{width:100%}
  .marketing-page .m-hero h1{font-size:33px}
}
/* Reserve the loaded card rows so asynchronous prices do not push down the next section. */
.marketing-page #priceGrid[aria-busy="true"]{min-height:272px}
.marketing-page #priceGrid[aria-busy="true"]>.empty-state{display:grid;place-items:center}
@media(max-width:1100px){.marketing-page #priceGrid[aria-busy="true"]{min-height:556px}}
@media(max-width:580px){.marketing-page #priceGrid[aria-busy="true"]{min-height:848px}}
@media(prefers-reduced-motion:no-preference){
  .marketing-page .m-float-code{animation:m-float-code 8s ease-in-out infinite}
  .marketing-page .m-float-model{animation:m-float-model 9s ease-in-out infinite}
  .marketing-page .m-float-idea{animation:m-float-idea 10s ease-in-out infinite}
  .marketing-page .m-hero-content{animation:m-enter .65s ease-out both}
}
@keyframes m-float-code{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes m-float-model{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(6px) rotate(-5deg)}}
@keyframes m-float-idea{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes m-enter{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .marketing-page,.marketing-page *,.marketing-page :before,.marketing-page :after{scroll-behavior:auto;animation:none!important;transition:none!important}
  .marketing-page .m-button:hover,.marketing-page .m-start-card:hover,.marketing-page .m-use-card:hover{transform:none}
}