:root{
  --bg:#06131f;
  --bg-2:#081a29;
  --bg-3:#0a2232;
  --panel:#0b1d2b;
  --panel-2:#0d2535;
  --line:#17364a;
  --line-strong:#285a70;
  --text:#f4f6f7;
  --muted:#b7c8d2;
  --muted-2:#7f9aad;
  --mint:#9fe9c3;
  --mint-strong:#63f0ba;
  --blue:#2b95ff;
  --blue-soft:#6eb8ff;
  --shadow:0 28px 80px rgba(0,0,0,.33);
  --max:1480px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
svg{display:block}

.skip-link{position:fixed;left:16px;top:-60px;z-index:99;background:#fff;color:#07131e;padding:10px 14px;border-radius:8px;font-weight:700}
.skip-link:focus{top:16px}

.header-shell,.hero-shell,.content-shell{width:min(var(--max),calc(100% - 72px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:30;background:rgba(6,19,31,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(82,124,151,.32)}
.header-shell{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px}
.brand{grid-column:1;justify-self:start;display:flex;align-items:center;height:82px;gap:14px;min-width:max-content}
.brand-mark{width:64px;height:58px;overflow:visible;filter:drop-shadow(0 3px 12px rgba(43,149,255,.2))}
.brand-mark-left{fill:var(--blue)}
.brand-mark-right{fill:#f4f4f1}
.brand-mark-cross{fill:var(--mint)}
.brand-word{font-size:42px;line-height:1;font-weight:730;letter-spacing:-1.8px;color:#f2f4f5}
.brand-dot{color:var(--mint)}
.header-title{grid-column:2;justify-self:center;text-align:center;font-size:clamp(18px,1.5vw,25px);font-weight:390;letter-spacing:.01em;color:#d8e3e8;white-space:nowrap}

.hero{height:calc(100svh - 92px);min-height:620px;max-height:900px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(74,111,135,.28);background:radial-gradient(circle at 76% 47%,rgba(19,65,89,.25),transparent 31%),linear-gradient(180deg,#06131f 0%,#071725 100%)}
.hero-shell{height:100%;display:grid;grid-template-columns:minmax(660px,1.25fr) minmax(430px,.75fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:8px;align-items:center;padding:12px 0 18px}
.hero-eyebrow{grid-column:1/-1;justify-self:center;text-align:center;font-size:16px;margin:4px 0 0}
.hero-copy{grid-column:1;grid-row:2;align-self:center;max-width:100%;padding-right:12px}
.eyebrow{margin:0;color:var(--mint);font:700 16px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}
.hero h1{margin:0;font-size:clamp(72px,5.5vw,102px);line-height:.86;letter-spacing:-4.8px;font-weight:570;color:#f6f5f1}
.hero h1 span{color:var(--blue-soft)}
.hero h1 .hero-connected{color:var(--mint)}
.hero-text{max-width:100%;margin-top:16px;color:#c5d3db;font-size:18.6px;line-height:1.6}
.hero-text p{margin:0 0 10px}
.hero-text p:last-child{margin-bottom:0}
.hero-text strong{color:#eef4f5;font-weight:650}
.hero-visual{grid-column:2;grid-row:2;align-self:center;justify-self:end;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.hero-visual img{display:block;width:min(100%,560px);height:min(70vh,690px);object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.24))}

.learn-section{background:linear-gradient(180deg,#0b2232 0%,#0c2637 44%,#0a202f 100%);padding:112px 0 104px;border-top:1px solid rgba(102,166,190,.12)}
.section-intro{max-width:890px;margin:0 auto;text-align:center}
.section-intro h2,.tools-heading h2,.ai-routing h2{margin:18px 0 0;font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-2.6px;font-weight:520;color:#f3f5f5}
.section-intro>p:last-child{max-width:800px;margin:24px auto 0;color:#aec1cd;font-size:17px;line-height:1.75}

.system-diagram{margin:60px auto 0;max-width:1060px;border:1px solid rgba(77,137,156,.55);border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(13,35,50,.9),rgba(6,20,30,.9));box-shadow:var(--shadow)}
.system-diagram a{display:block;border-radius:14px;overflow:hidden}
.system-diagram img{display:block;width:100%;height:auto;border-radius:14px;transition:transform .24s ease}
.system-diagram a:hover img{transform:scale(1.008)}

.tools-heading{margin-top:112px;display:grid;grid-template-columns:200px minmax(0,820px);gap:40px;align-items:start}
.tools-heading h2{margin:0;font-size:clamp(38px,4vw,60px)}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}
.tool-card{min-height:244px;display:grid;grid-template-columns:82px minmax(0,1fr);gap:24px;padding:34px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:linear-gradient(145deg,rgba(10,30,43,.78),rgba(8,25,37,.4));transition:background .18s ease,transform .18s ease}
.tool-card:hover{background:linear-gradient(145deg,rgba(13,42,56,.92),rgba(8,27,40,.7));transform:translateY(-2px)}
.tool-icon{width:62px;height:62px;border:1px solid rgba(65,149,211,.55);border-radius:18px;display:grid;place-items:center;background:rgba(9,28,42,.68);box-shadow:inset 0 0 24px rgba(43,149,255,.05)}
.tool-icon svg{width:36px;height:36px;fill:none;stroke:var(--blue-soft);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tool-card h3{margin:1px 0 0;font-size:26px;line-height:1.1;font-weight:620;letter-spacing:-.7px}
.tool-card p{margin:13px 0 0;color:#a9beca;font-size:14px;line-height:1.7}
.tool-meta{display:block;margin-top:18px;color:var(--mint);font:650 10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.tool-card-agent{grid-column:1/-1;grid-template-columns:82px minmax(0,1fr);background:linear-gradient(110deg,rgba(12,52,59,.82),rgba(8,30,44,.74))}
.tool-icon-agent{border-color:rgba(99,240,186,.6)}
.tool-icon-agent svg{stroke:var(--mint-strong)}

.ai-routing{margin-top:86px;padding-top:50px;border-top:1px solid var(--line-strong)}
.ai-routing-intro{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;max-width:960px;margin:0 auto;text-align:center}
.ai-routing-intro .eyebrow{justify-self:center;text-align:center}.ai-routing-intro h2{margin:0 auto;font-size:clamp(34px,3.6vw,54px);max-width:900px;text-align:center}
.ai-routing-intro>p:last-child{grid-column:1;margin:2px auto 0;color:#a9bdc9;font-size:14.5px;line-height:1.62;max-width:760px;text-align:center}
.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}
.tier-grid article{min-height:210px;padding:26px 24px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tier-grid h3{margin:0;font-size:24px;font-weight:620;letter-spacing:-.6px}
.tier-grid p{margin:10px 0 0;color:#a9bdc9;font-size:13px;line-height:1.58}
.tier-grid strong{display:block;margin-top:18px;color:#d8e6eb;font-size:11.5px;font-weight:650}

.site-footer{border-top:1px solid rgba(67,105,129,.35);background:#05111b}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;color:#7892a3;font-size:12px}
.footer-inner span:first-child{color:#dbe8ec;font-weight:600;letter-spacing:.02em}
.footer-inner a{color:#9fe9c3;text-decoration:none}
.footer-inner a:hover,.footer-inner a:focus-visible{color:#63f0ba;text-decoration:underline;outline:none}

@media(max-width:1180px){
  .header-shell,.hero-shell,.content-shell{width:min(var(--max),calc(100% - 44px))}
  .header-title{font-size:17px}
  .brand-word{font-size:35px}.brand-mark{width:56px;height:52px}
  .hero-shell{grid-template-columns:1.2fr .8fr;column-gap:10px}
  .hero-eyebrow{font-size:14px}
  .hero h1{font-size:clamp(60px,5.5vw,78px)}
  .hero-text{font-size:16.6px;line-height:1.56}
  .hero-visual img{width:min(100%,500px);height:min(66vh,620px)}
}

@media (min-width:901px) and (max-height:820px){
  .hero-shell{padding:6px 0 10px;column-gap:6px;row-gap:4px}
  .hero-eyebrow{font-size:13px;margin-top:0}
  .hero h1{font-size:clamp(58px,4.1vw,72px)}
  .hero-text{margin-top:12px;font-size:15px;line-height:1.48}
  .hero-text p{margin-bottom:7px}
  .hero-visual img{width:min(100%,440px);height:min(60vh,520px)}
}

@media(max-width:900px){
  html{scroll-padding-top:78px}
  .site-header{position:relative}
  .header-shell{grid-template-columns:1fr;min-height:auto;padding:12px 0 13px}
  .brand{height:58px;justify-self:center}.brand-word{font-size:34px}.brand-mark{width:51px;height:47px}
  .header-title{grid-column:1;grid-row:2;justify-self:center;font-size:13px;white-space:normal;margin-top:-2px}
  .hero{height:auto;min-height:auto;max-height:none;overflow:visible}
  .hero-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:44px 0 60px}
  .hero-eyebrow{grid-column:1;grid-row:1;font-size:12px}
  .hero-copy{grid-column:1;grid-row:2;max-width:760px;margin:0 auto;padding-right:0}
  .hero h1{font-size:clamp(54px,10vw,78px);letter-spacing:-3px}
  .hero-visual{grid-column:1;grid-row:3;max-width:700px;margin:10px auto 0;height:auto}
  .hero-visual img{width:min(100%,560px);height:auto}
  .tools-heading{grid-template-columns:1fr;gap:14px}
  .ai-routing-intro{gap:10px}
}

@media(max-width:700px){
  .header-shell,.hero-shell,.content-shell{width:min(100% - 28px,var(--max))}
  .hero-shell{padding-top:42px}
  .eyebrow{font-size:10px}
  .hero h1{font-size:clamp(45px,13vw,65px);letter-spacing:-2.7px;margin-top:18px}
  .hero-text{font-size:14px;line-height:1.68}
  .hero-visual{margin-top:16px}
  .hero-visual img{width:min(100%,500px)}
  .learn-section{padding:82px 0 78px}
  .section-intro h2,.tools-heading h2,.ai-routing h2{font-size:clamp(34px,10vw,48px);letter-spacing:-1.7px}
  .section-intro>p:last-child{font-size:15px}
  .system-diagram{margin-top:40px;padding:7px;border-radius:16px}
  .tools-heading{margin-top:76px}
  .tool-grid,.tier-grid{grid-template-columns:1fr}
  .tool-card,.tool-card-agent{grid-column:auto;grid-template-columns:62px minmax(0,1fr);gap:18px;min-height:0;padding:26px 22px}
  .tool-icon{width:54px;height:54px;border-radius:15px}.tool-icon svg{width:31px;height:31px}
  .tool-card h3{font-size:23px}
  .ai-routing{margin-top:78px;padding-top:54px}
  .tier-grid article{min-height:0;padding:28px 24px}.tier-grid h3{margin-top:0}
  .footer-inner{flex-direction:column;align-items:flex-start}
}

@media(max-width:470px){
  .brand{gap:9px}.brand-word{font-size:28px}.brand-mark{width:43px;height:42px}
  .header-title{font-size:11px}
  .hero h1{font-size:clamp(40px,12.8vw,56px)}
  .hero-visual img{width:100%}
}

/* Ecosystem flower section */
.ecosystem-section{margin-top:88px}
.ecosystem-intro{max-width:860px;margin:0 auto 30px;text-align:center}
.ecosystem-intro h2{margin:14px 0 0;font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:-2.1px;font-weight:520;color:#f3f5f5}
.ecosystem-intro>p:last-child{max-width:780px;margin:16px auto 0;color:#aec1cd;font-size:15.5px;line-height:1.65}

.ecosystem-flower{position:relative;height:760px;max-width:1220px;margin:0 auto;border:1px solid rgba(77,137,156,.55);border-radius:32px;background:radial-gradient(circle at 50% 48%,rgba(20,83,96,.26),transparent 24%),linear-gradient(160deg,rgba(10,29,42,.96),rgba(6,18,28,.96));box-shadow:var(--shadow);overflow:hidden}
.ecosystem-flower:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(99,240,186,.08),transparent 22%),radial-gradient(circle at 50% 46%,rgba(43,149,255,.08),transparent 36%);pointer-events:none}
.ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.ecosystem-lines path{fill:none;stroke:url(#flowStroke);stroke-width:4;stroke-linecap:round;opacity:.95;filter:url(#flowGlow);stroke-dasharray:7 11;animation:flowDash 6s linear infinite}

.user-node,.petal-card,.central-agent{position:absolute;z-index:2}
.user-node,.petal-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;width:260px;padding:16px 16px 14px;border:1px solid rgba(64,126,161,.46);border-radius:20px;background:linear-gradient(150deg,rgba(9,27,40,.94),rgba(8,22,34,.84));box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 0 24px rgba(43,149,255,.05);overflow:hidden}
.user-node h3,.petal-card h3,.central-agent h3{margin:0;font-size:20px;line-height:1.05;font-weight:620;letter-spacing:-.5px}
.user-node p,.petal-card p,.central-agent p{margin:6px 0 0;color:#a9beca;font-size:12.5px;line-height:1.5}
.petal-card h3{grid-column:2;grid-row:1;position:relative;z-index:3}
.petal-card>p{grid-column:2;grid-row:2;position:relative;z-index:3;padding-right:52px}
.node-icon,.petal-icon,.central-agent-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(9,28,42,.78);border:1px solid rgba(65,149,211,.55);box-shadow:inset 0 0 22px rgba(43,149,255,.06)}
.node-icon svg,.petal-icon svg,.central-agent-icon svg{width:28px;height:28px;fill:none;stroke:var(--blue-soft);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.user-node{top:26px;left:50%;transform:translateX(-50%);width:320px;grid-template-columns:48px minmax(0,1fr);background:linear-gradient(150deg,rgba(11,39,47,.94),rgba(7,23,35,.88));}
.user-node .node-icon{border-color:rgba(99,240,186,.56)}
.user-node .node-icon svg{stroke:var(--mint-strong)}

.central-agent{left:50%;top:52%;transform:translate(-50%,-50%);width:360px;padding:26px 26px 22px;border-radius:28px;border:1px solid rgba(99,240,186,.48);text-align:center;background:linear-gradient(155deg,rgba(10,48,58,.9),rgba(8,25,37,.94));box-shadow:0 26px 72px rgba(0,0,0,.28), inset 0 0 34px rgba(99,240,186,.08)}
.central-agent-orb{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:190px;height:100px;background:radial-gradient(ellipse,rgba(99,240,186,.17),transparent 68%);filter:blur(14px);pointer-events:none}
.central-agent-icon{margin:0 auto 14px;width:62px;height:62px;border-radius:21px;border-color:rgba(99,240,186,.7);background:rgba(7,29,42,.92)}
.central-agent-icon svg{width:34px;height:34px;stroke:var(--mint-strong)}
.central-agent p{margin-top:10px;font-size:13.5px;line-height:1.58;color:#b8ccd6}

.petal-cloud{left:2%;top:272px}
.petal-organizer{left:4.5%;top:88px}
.petal-home{right:4.5%;top:88px}
.petal-video{right:2%;top:272px}
.petal-finances{right:8%;bottom:44px}
.petal-communications{left:8%;bottom:44px}

.petal-cloud .petal-icon svg{stroke:#5fc3ff}
.petal-organizer .petal-icon svg{stroke:#b98cff}
.petal-home .petal-icon svg{stroke:#63f0ba}
.petal-video .petal-icon svg{stroke:#ff8f63}
.petal-finances .petal-icon svg{stroke:#ffd05e}
.petal-communications .petal-icon svg{stroke:#5fbaff}

@keyframes flowDash{to{stroke-dashoffset:-90}}

.user-ai-connector{
  position:absolute;
  z-index:1;
  left:50%;
  top:102px;
  width:6px;
  height:190px;
  transform:translateX(-50%);
  border-radius:999px;
  background:repeating-linear-gradient(
    to bottom,
    #ff5b66 0 8px,
    transparent 8px 19px
  );
  background-size:100% 38px;
  filter:drop-shadow(0 0 5px rgba(255,75,88,.9));
  animation:userFlowMove 1.25s linear infinite;
  pointer-events:none;
}
@keyframes userFlowMove{
  to{background-position:0 38px}
}

.petal-art{position:absolute;right:8px;bottom:8px;width:72px;height:50px;z-index:2;opacity:.82;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));pointer-events:none}
.petal-art svg{width:100%;height:100%;overflow:visible}
.petal-art .art-panel{fill:rgba(24,64,88,.78);stroke:rgba(110,184,255,.62);stroke-width:1.6}
.petal-art .art-accent-soft{fill:rgba(91,92,164,.28);stroke:rgba(185,140,255,.62);stroke-width:1.5}
.petal-art .art-line{fill:none;stroke:#9bb8c8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.petal-art .art-accent-line{fill:none;stroke:#63f0ba;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.petal-art .art-accent{fill:#63f0ba;stroke:none}
.petal-art .art-core{fill:#0b2638;stroke:#d9f6ef;stroke-width:1.4}
.petal-art .art-warm{fill:none;stroke:#ffd05e;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.petal-art .art-warm-fill{fill:#ff8f63}
.petal-cloud .petal-art .art-accent-line{stroke:#5fc3ff}
.petal-organizer .petal-art .art-accent-line{stroke:#b98cff}
.petal-home .petal-art .art-accent-line{stroke:#63f0ba}
.petal-video .petal-art .art-accent-line{stroke:#ff8f63}
.petal-finances .petal-art .art-accent-line{stroke:#ffd05e}
.petal-communications .petal-art .art-accent-line{stroke:#5fbaff}

@media(max-width:1180px){
  .ecosystem-flower{height:790px}
  .user-ai-connector{top:102px;height:205px}
  .petal-cloud{left:2%;top:284px}
  .petal-organizer{left:3%;top:96px}
  .petal-home{right:3%;top:96px}
  .petal-video{right:2%;top:284px}
  .petal-finances{right:5%;bottom:48px}
  .petal-communications{left:5%;bottom:48px}
  .central-agent{width:350px;top:52%}
}

@media(max-width:900px){
  .ecosystem-section{margin-top:80px}
  .ecosystem-flower{height:auto;padding:26px;border-radius:28px;display:grid;gap:18px}
  .ecosystem-lines{display:none}
  .user-ai-connector{display:none}
  .user-node,.petal-card,.central-agent{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%}
  .user-node,.petal-card{grid-template-columns:56px minmax(0,1fr)}
  .petal-card>p{padding-right:72px}
  .petal-art{right:14px;bottom:12px;width:70px;height:48px}
  .user-node{order:1}
  .central-agent{order:2;padding:28px 24px 24px}
  .central-agent-orb{top:10px;width:150px;height:84px}
  .petal-cloud{order:3}
  .petal-organizer{order:4}
  .petal-home{order:5}
  .petal-video{order:6}
  .petal-finances{order:7}
  .petal-communications{order:8}
}

@media(max-width:700px){
  .ecosystem-intro h2{font-size:clamp(34px,10vw,48px);letter-spacing:-1.7px}
  .ecosystem-intro>p:last-child{font-size:15px}
  .ecosystem-flower{padding:18px}
  .user-node,.petal-card{grid-template-columns:50px minmax(0,1fr);gap:14px;padding:18px 16px 16px;border-radius:22px}
  .petal-card>p{padding-right:62px}
  .petal-art{right:10px;bottom:10px;width:62px;height:44px}
  .node-icon,.petal-icon{width:50px;height:50px;border-radius:16px}
  .node-icon svg,.petal-icon svg{width:30px;height:30px}
  .user-node h3,.petal-card h3,.central-agent h3{font-size:21px}
  .user-node p,.petal-card p{font-size:13px}
  .central-agent{padding:24px 18px 20px;border-radius:26px}
  .central-agent-icon{width:68px;height:68px;border-radius:22px}
  .central-agent-icon svg{width:38px;height:38px}
  .central-agent p{font-size:14px;line-height:1.62}
}

/* Hero top-line emphasis */
@media (min-width:901px){
  .hero-copy{transform:translateY(-30px)}
  .hero .eyebrow{font-size:14px;letter-spacing:.19em}
}

@media (min-width:901px) and (max-height:820px){
  .hero-copy{transform:translateY(-18px)}
  .hero .eyebrow{font-size:13px}
}

/* Match section eyebrow labels to the updated hero eyebrow size */
.section-intro .eyebrow,
.ecosystem-intro .eyebrow{font-size:14px;letter-spacing:.19em}

@media (min-width:901px) and (max-height:820px){
  .section-intro .eyebrow,
  .ecosystem-intro .eyebrow{font-size:13px}
}

.tier-grid .tier-phone{background:linear-gradient(160deg,rgba(20,86,133,.82),rgba(10,54,88,.88))}
.tier-grid .tier-server{background:linear-gradient(160deg,rgba(14,62,99,.86),rgba(8,42,69,.92))}
.tier-grid .tier-cloud{background:linear-gradient(160deg,rgba(9,43,72,.9),rgba(6,31,52,.96))}
.tier-grid article:hover{filter:brightness(1.05)}

/* Update 16: section spacing and alternating background treatment */
.learn-section{padding-top:56px}

.ecosystem-section{
  margin-top:72px;
  padding:38px 34px 34px;
  border-radius:32px;
  background:radial-gradient(circle at 50% 46%,rgba(19,65,89,.15),transparent 34%),linear-gradient(180deg,#06131f 0%,#071725 100%);
  border:1px solid rgba(74,111,135,.28);
}

@media (min-width:901px){
  .hero-eyebrow{transform:translateY(18px)}
}

@media (min-width:901px) and (max-height:820px){
  .hero-eyebrow{transform:translateY(14px)}
}

@media(max-width:900px){
  .learn-section{padding-top:54px}
  .ecosystem-section{margin-top:58px;padding:30px 24px 26px;border-radius:28px}
}

@media(max-width:700px){
  .learn-section{padding-top:48px}
  .ecosystem-section{padding:24px 16px 20px;border-radius:24px}
}