@font-face{font-family:"Alibaba PuHuiTi 3.0";src:url("./assets/fonts/AlibabaPuHuiTi-3-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi 3.0";src:url("./assets/fonts/AlibabaPuHuiTi-3-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi 3.0";src:url("./assets/fonts/AlibabaPuHuiTi-3-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi 3.0";src:url("./assets/fonts/AlibabaPuHuiTi-3-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi 3.0";src:url("./assets/fonts/AlibabaPuHuiTi-3-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Fusion Pixel 12px Mono";src:url("./assets/fonts/FusionPixel-12px-Mono-Latin.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fusion Pixel 12px Mono";src:url("./assets/fonts/FusionPixel-12px-Mono-SC.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Fusion Pixel 12px Proportional";src:url("./assets/fonts/FusionPixel-12px-Proportional-Latin.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fusion Pixel 12px Proportional";src:url("./assets/fonts/FusionPixel-12px-Proportional-SC.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
:root{--green:#14c017;--green-dark:#0b9e18;--lime:#d9ff9c;--pale:#f4ffec;--ink:#232522;--muted:#6b736a;--line:#dcebd3;font-family:"PingFang SC","Alibaba PuHuiTi 3.0","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#f2ffe8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
figure,blockquote{margin:0}
button{font:inherit}
.page{overflow:hidden;position:relative;isolation:isolate;container-type:inline-size;container-name:landing-page;background:linear-gradient(180deg,rgb(242,255,232) 0%,rgba(242,255,232,.12) 20%,rgba(242,255,232,.2) 40%,rgba(242,255,232,.6) 60%,rgba(242,255,232,.4) 80%,rgb(242,255,232) 100%),linear-gradient(90deg,#fff 0%,#fff 100%)}
.wrap{width:min(100% - 64px,1740px);margin-inline:auto}
.section-wrap{width:min(100% - 80px,1520px);margin-inline:auto}
.top-glow{position:absolute;z-index:-1;top:-207.16px;left:50%;right:auto;width:1920px;height:1608.276px;transform:translateX(-50%);background:url('./assets/figma-hero-bg-live.svg') center/100% 100% no-repeat}
.site-header{height:126px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:10px;min-width:230px}
.brand>img:first-child{width:39px;height:51px}
.brand-name{width:94px;height:auto}
.nav-links{display:flex;gap:28px;font-size:16px}
.nav-links .active{color:var(--green);font-weight:600}
.header-actions{min-width:230px;display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:15px}
.login{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-weight:500}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(130deg,#09bb16,var(--green) 65%,#5bd829);color:#fff;padding:12px 23px;box-shadow:0 14px 25px #19bf1e23}
.hero{text-align:center;padding-top:58px;position:relative}
.data-dots{position:absolute;z-index:0;left:50%;top:420px;width:1920px;height:1420px;transform:translateX(-50%);pointer-events:none;opacity:.98;background:transparent;-webkit-mask-image:radial-gradient(ellipse 99% 94% at 50% 42%,#000 0%,#000 68%,rgba(0,0,0,.78) 82%,transparent 100%);mask-image:radial-gradient(ellipse 99% 94% at 50% 42%,#000 0%,#000 68%,rgba(0,0,0,.78) 82%,transparent 100%)}
.hero>.eyebrow,.hero>h1,.hero>.hero-subtitle{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e9de;background:#ffffffa8;backdrop-filter:blur(12px);border-radius:100px;padding:10px 20px;margin:0 0 32px;color:#535c51;font-size:15px}
.hero h1{font-family:"Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(39px,4.17vw,80px);letter-spacing:-2px;line-height:1.05;font-weight:500;margin:0}
.marker{position:relative;isolation:isolate;white-space:nowrap;color:#5d4d19;font-family:"Fusion Pixel 12px Mono",monospace;font-weight:400;letter-spacing:1px;padding:0}
.hero h1 .marker{font-size:inherit;line-height:1.26;letter-spacing:1px}
.marker:before{content:"";position:absolute;z-index:-1;inset:.1em -.02em -.01em;background:linear-gradient(115deg,#dfff97,#ecff83 60%,#d1ff9a);transform:rotate(-1deg)}
.marker:after{content:"";position:absolute;inset:-.1em -.12em;border:1.5px dashed #55c838;pointer-events:none}
.hero-marker-line{display:none}
.hero-subtitle{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:26px;line-height:1.38;color:#4b5249;margin:32px auto 68px}
.mobile-break{display:none}
.hero-board{height:650px;position:relative;z-index:1;background:linear-gradient(#fff,#fff 78%,#fafff7);border:1.5px solid #80d968;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -35px 90px #61cc4312,0 25px 80px #69bc2720;overflow:hidden}
.hero-board-inner{width:100%}
.use-cases{display:flex;justify-content:center;align-items:center;gap:48px;padding:30px 12px}
.use-cases span{display:flex;align-items:center;gap:7px;font-family:"Fusion Pixel 12px Proportional",sans-serif;font-weight:400;font-size:16px;white-space:nowrap}
.use-cases img{width:19px;height:19px;object-fit:contain}
.workflow{height:510px;width:min(1040px,90%);margin:0 auto;position:relative}
.workflow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.workflow-line{position:absolute;display:block;max-width:none}
.workflow-live-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none}
.workflow-live-lines path{fill:none;stroke:#bdf32f;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.workflow-line-points circle{fill:#bdf32f;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.workflow.has-live-lines .workflow-live-lines{opacity:1}
.workflow.has-live-lines .workflow-line{opacity:0}
@media (min-width:741px){
 .workflow [data-workflow-node]{z-index:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
 .workflow [data-workflow-node]:active,.workflow [data-workflow-node].is-dragging-node{cursor:grabbing}
}
.workflow [data-workflow-node]:focus-visible{outline:2px solid #14c017;outline-offset:4px}
.tiny-label{font:500 12.8px/1 "Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;letter-spacing:0;color:#8b9785}
.workflow-note,.workflow-image,.workflow-prompt,.workflow-output{position:absolute;text-align:left}
.workflow-note{top:100px;left:3%;width:205px;padding:18px;border:1px solid #e8eee2;border-radius:12px;background:#fff;box-shadow:0 12px 28px #192b1710;transform:rotate(-2deg)}
.workflow-note>.tiny-label{position:absolute;top:-22px;left:0}
.workflow-note p{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;line-height:1.45;letter-spacing:-.8px;margin:0}
.workflow-image{top:230px;left:8%;width:165px}
.workflow-image img{margin-top:6px;width:100%;height:155px;object-fit:cover;border-radius:9px;box-shadow:0 12px 23px #253a2112}
.workflow-prompt{top:76px;left:36%;width:195px}
.blank-card{display:block;width:100%;height:255px;margin-top:6px;overflow:hidden;background:#f2fdd5;border:1px solid #e7fe92;border-radius:12px;box-shadow:0 15px 25px #6381431c}
.blank-card img,.workflow-output-image img{display:block;width:100%;height:100%;object-fit:cover}
.workflow-output{top:94px;right:4%;width:256px}
.workflow-output-image{display:block;height:165px;margin-top:6px;overflow:hidden;border-radius:12px;background:#f5f9eb;box-shadow:0 10px 25px #2c3a3110}
.workflow-note-small{position:absolute;text-align:left}
.workflow-note-preview{display:flex;flex-direction:column;gap:9px;box-sizing:border-box;height:122px;margin-top:6px;padding:14px 12px;border:1px solid #e7eee0;border-radius:12px;background:#fff;box-shadow:0 10px 25px #2c3a3110}
.workflow-note-preview strong{font-size:12px;line-height:1.2;color:#252b21}
.workflow-note-preview small{font-size:10px;line-height:1.45;color:#64715f}
.benefits{display:grid;grid-template-columns:390px 1fr;gap:80px;text-align:left;padding:52px 62px 80px;background:linear-gradient(white,#fbfff8)}
.benefits-intro h2{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:50px;line-height:1.2;letter-spacing:0;font-weight:500;margin:0 0 22px}
.benefits-intro p{font-size:17px;line-height:1.75;color:#5e675d;margin:0;max-width:360px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 28px;position:relative}
.benefit-grid article{position:relative;padding:0}
.benefit-heading{display:flex;align-items:center;gap:22px;height:48px}
.benefit-icon{position:relative;left:auto;top:auto;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;box-sizing:border-box;border:2px solid #fff;border-radius:24px;background:linear-gradient(123.696deg,#defc65 0%,#e4fe61 100%);filter:drop-shadow(0 4.602px 6.903px rgba(0,0,0,.08))}
.benefit-icon img{display:block;width:27.6135px;height:27.6135px}
.benefit-grid h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:18px;font-weight:400;line-height:27px;margin:0}
.benefit-grid p{font-size:13px;line-height:1.6;color:#697268;margin:19px 0 0}
.benefit-divider{position:absolute;display:block;pointer-events:none}
.divider-horizontal{left:0;top:191px;width:1004px;height:1px}
.divider-vertical{top:95.5px;width:191px;height:1px;transform:rotate(90deg);transform-origin:center}
.divider-v1{left:228.5px}
.divider-v2{left:584.5px}
.tools-section{padding-top:150px}
.section-heading h2{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:50px;line-height:1.2;letter-spacing:0;font-weight:500;margin:0}
.marker-small{font-size:40px;line-height:1.2;letter-spacing:-1px}
.heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}
.round-controls{display:flex;align-items:center;gap:18px;font-size:19px}
.round-arrow{display:grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:39px;height:39px;box-shadow:0 8px 20px #14c0173b}
.tools-section .round-controls .tool-control{display:grid;place-items:center;width:39px;height:39px;padding:0;border:0;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 8px 20px #14c0173b;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.tools-section .round-controls .tool-control:hover{transform:translateY(-2px)}
.tools-section .round-controls .tool-control-prev{background:#eaffdd;color:var(--green);box-shadow:none}
.tools-section .round-controls .tool-control:focus-visible,.tool-viewport:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.tool-viewport{width:100%;padding-bottom:22px;overflow:hidden}
.tool-grid{display:flex;width:max-content;gap:18px;will-change:transform}
.tool-card{flex:0 0 350px;min-width:0;border:1px solid #7ddf31;background:white;border-radius:9px;box-shadow:0 13px 28px #20402a0b;overflow:hidden}
.tool-card.featured{box-shadow:0 16px 26px #5cc92d25}
.tool-visual{height:295px;background:linear-gradient(145deg,#f9fff1,#fff);display:grid;place-items:center;overflow:hidden}
.tool-visual img{width:100%;height:100%;object-fit:contain;padding:12px}
.tool-copy{padding:20px 19px 22px}
.tool-copy h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:19px;font-weight:400;margin:0 0 8px}
.tool-copy p{font-size:13px;line-height:1.65;color:#6c746b;margin:0;min-height:42px}
.showcase{position:relative;margin-top:185px;height:770px;background:radial-gradient(ellipse 55% 56% at 50% 52%,#deffa9 0,#eaffc8 53%,#f7ffe9 78%,transparent 100%)}
.showcase-tabs{position:absolute;left:50%;top:-18px;transform:translateX(-50%);display:flex;align-items:center;background:#fff;border-radius:50px;padding:6px 8px;gap:5px;box-shadow:0 20px 28px #b8ec4d77;z-index:2}
.showcase-tabs button{min-width:85px;text-align:center;padding:8px 12px;font-size:15px;border:0;background:transparent;color:var(--ink);border-radius:40px;cursor:pointer;transition:background-color .28s ease,color .28s ease}
.showcase-tabs .selected{color:var(--green);background:#e7fad6;border-radius:40px}
.showcase-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.showcase-stage{height:100%;position:relative}
.showcase-photo{position:absolute;width:19%;height:280px;object-fit:cover;border:4px solid white;border-radius:9px;box-shadow:0 22px 25px #18311724;will-change:transform,opacity}
.photo-one{left:10%;top:140px;transform:rotate(-2deg)}
.photo-two{left:35%;top:180px;transform:rotate(2deg)}
.photo-three{left:59%;top:120px;transform:rotate(-1deg)}
.photo-four{left:18%;top:380px;width:25%;height:310px;z-index:1;transform:rotate(1deg)}
.photo-five{right:4%;top:355px;width:34%;height:300px;transform:rotate(2deg)}
.pricing-section{padding-top:160px;text-align:center}
.section-heading.centered{text-align:center;margin-bottom:63px}
.section-heading.centered p{font-size:16px;line-height:1.8;color:#5c6559;margin:28px 0 0}
.pricing-title-row{display:flex;align-items:center;justify-content:center}
.pricing-title-mark{position:relative;display:inline-block;width:238px;height:99px;flex:0 0 238px}
.pricing-title-fill{position:absolute;left:22px;top:15px;width:186px;height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#bffb7f,#f1ff58);color:#63440a;font:400 26px/1 "Fusion Pixel 12px Mono",monospace;letter-spacing:3px;white-space:nowrap;transform:rotate(1.1deg);box-shadow:0 3px 12px rgba(255,255,255,.45),0 10px 18px rgba(192,245,56,.26)}
.pricing-mark-line{position:absolute;display:block;max-width:none;pointer-events:none}
.pricing-title-mark .line-top{left:2px;top:14px;width:223px;transform:rotate(1.35deg);transform-origin:center}
.pricing-title-mark .line-left{left:-25px;top:40px;width:95px;transform:rotate(92.34deg);transform-origin:center}
.pricing-title-mark .line-right{left:161px;top:53px;width:94px;transform:rotate(91.08deg);transform-origin:center}
.pricing-title-mark .line-bottom{left:7px;top:74px;width:230px;transform:rotate(.92deg);transform-origin:center}
.pricing-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:1400px;margin:auto;text-align:left}
.pricing-panel,.collab-panel{background:white;min-height:405px;border-radius:13px;box-shadow:0 18px 35px #2540280b}
.pricing-row{display:flex;align-items:center;min-height:196px;padding:25px 28px;gap:19px;border-bottom:1px solid #f0f2ed}
.pricing-row-lower{border-bottom:0}
.pricing-description{width:33%;align-self:center}
.pricing-description h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:17px;font-weight:400;margin:0 0 12px}
.pricing-description p{font-size:13px;line-height:1.65;color:#71806e;margin:0}
.meter{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:184 1 0;height:130px;background:#e9ffc8;border-radius:12px;color:#67b900}
.meter strong{font:400 51px/1 "Fusion Pixel 12px Mono",ui-monospace,monospace}
.meter span{font-size:11px;margin-top:15px;color:#667663}
.meter.muted{flex-grow:264;background:repeating-linear-gradient(80deg,#eee 0 15px,#e7e7e7 15px 21px,#f2f2f2 21px 31px);color:#111}
.usage-widget{flex:1}
.usage-widget small{display:block;color:#bfc2bd;font-size:14px;margin-bottom:18px}
.usage-widget strong{display:block;margin-bottom:14px;font-size:19px}
.usage-tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;height:auto;background:none;mask-image:none;opacity:1}
.usage-tiles span{aspect-ratio:1.12;border-radius:3px;background:#b9ee9d;box-shadow:inset 0 0 0 1px rgba(79,151,73,.08)}
.usage-tiles span:nth-child(5n),.usage-tiles span:nth-child(13n){background:#55bc5a}
.usage-tiles span:nth-child(7n){background:#d3efd3}
.usage-tiles span:nth-child(n+43){background:#ededed}
.usage-tiles span:nth-child(43){background:#c9f3a9;box-shadow:inset 0 0 0 4px #dcff70}
.collab-panel{position:relative;overflow:hidden;padding:0;background:#fcfcfc;border:3px solid #fff;text-align:center}
.pool-grid{position:absolute;inset:10px;background-color:rgba(244,244,244,.5);background-image:linear-gradient(rgba(25,44,22,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(25,44,22,.026) 1px,transparent 1px);background-size:47px 47px;border-radius:8px}
.pool-label,.pool-share,.pool-curves{position:absolute;z-index:2}
.pool-label{font:400 19px/1 "Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;color:rgba(0,0,0,.9);white-space:nowrap}
.pool-team{top:46px;left:50%;transform:translateX(-50%)}
.pool-share{top:98px;left:50%;transform:translateX(-50%);display:flex;align-items:center;color:#5ebc35}
.pool-share img{width:23px;height:28px}
.pool-share b{font:400 26px/1 "Fusion Pixel 12px Proportional","PingFang SC",sans-serif}
.pool-name{top:163px;left:50%;transform:translateX(-50%)}
.pool-curves{z-index:1;left:0;bottom:0;width:100%;height:auto;max-width:none}
.avatars{display:flex;align-items:center;justify-content:center;margin-top:22px}
.avatars span{width:56px;height:56px;margin-left:-6px;display:grid;place-items:center;background:#fff;color:#fff;border:3px solid white;border-radius:50%;font-weight:600;box-shadow:0 8px 14px #13221524;overflow:hidden}
.avatars span img{width:100%;height:100%;object-fit:cover}
.avatars span:nth-child(2){transform:translateY(15px)}
.avatars span:nth-child(3){transform:translateY(-8px)}
.avatars span:nth-child(4){transform:translateY(9px)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:33px auto 0;max-width:1400px;text-align:left}
.value-grid article{background:white;min-height:178px;padding:25px 24px;box-shadow:0 12px 25px #20402a0b;border-radius:8px}
.value-grid article>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e3fba9;color:#739a16;font-size:16px}
.value-grid article>span img{display:block;width:16px;height:16px}
.value-grid h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:17px;font-weight:400;margin:17px 0 10px}
.value-grid p{font-size:12px;line-height:1.7;color:#667166;margin:0}
.section-cta{margin-top:60px}
.private-section{padding-top:190px;text-align:center}
.private-panel{display:grid;grid-template-columns:.8fr 1.2fr;max-width:1400px;margin:auto;background:white;border-radius:12px;box-shadow:0 16px 36px #28452b0c;overflow:hidden;text-align:left}
.private-summary{padding:30px 40px}
.private-summary h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:17px;font-weight:400;margin:8px 0}
.private-summary p{font-size:13px;line-height:1.7;color:#71806f;margin:0 0 22px}
.private-table{padding:0 15px 0 0;display:flex;flex-direction:column}
.private-table>div{display:grid;grid-template-columns:repeat(3,1fr);min-height:70px;align-items:center;text-align:center;border-bottom:1px solid #edf0e8;font-size:13px}
.private-table>div:first-child{min-height:70px;font-size:16px}
.private-table>div:last-child{border:0}
.private-table>div>:last-child{background:#f0ffd5;height:100%;display:grid;place-items:center;color:#397534;font-weight:600}
.private-table .accent{background:#e8ffc1!important}
.private-table span{color:#6d746d}
.testimonials{margin-top:185px;background:#fff;padding:75px 0}
.testimonial-inner{display:flex;align-items:center;gap:65px}
.testimonial-intro{flex:0 0 40%}
.testimonial-intro h2{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:50px;font-weight:500;margin:0;line-height:1.2;white-space:nowrap}
.testimonial-intro p{font-size:15px;line-height:1.7;color:#657063;margin:23px 0 31px}
.testimonial-inner blockquote{min-width:340px;max-width:420px;padding:26px;background:#fff;border-radius:11px;box-shadow:0 12px 30px #172a1920;font-size:14px;line-height:1.7}
.quote-person{display:flex;gap:10px;align-items:center}
.quote-person strong{display:block;font-size:15px}
.quote-person small{display:block;color:#9a9f96;font-size:11px}
.quote-avatar{width:35px;height:35px;border-radius:50%;background:#daefcf;display:grid;place-items:center;color:#389a32}
.testimonial-inner blockquote>p{margin:14px 0 0}
.peek-quote{opacity:.35}
.faq-section{background:#f4ffed;padding:145px 0 180px}
.faq-layout{display:grid;grid-template-columns:330px 1fr;gap:80px}
.faq-layout h2{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:50px;line-height:1.2;font-weight:500;margin:0}
.faq-list{background:white;box-shadow:0 15px 35px #12321e0c;border-radius:12px;padding:0 30px}
.faq-list details{border-bottom:1px solid #e6ebe4}
.faq-list details:last-child{border-bottom:0}
.faq-list summary{font-family:"PingFang SC","Microsoft YaHei",sans-serif;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0;font-size:19px;font-weight:400}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{flex:0 0 30px;height:30px;border:1px solid #e5e9e2;border-radius:50%;display:grid;place-items:center;color:#6f796c}
.faq-list summary span:before{content:"+";font-size:19px;line-height:1}
.faq-list details p{font-size:14px;line-height:1.85;color:#63705f;margin:-5px 46px 30px 0}
.faq-list .faq-answer{overflow:hidden}
.faq-list .faq-answer-inner{min-height:0}
.faq-list .faq-answer p{margin:0 46px 26px 0;padding-top:2px}
.faq-list summary span:before{content:"+";transition:transform .32s cubic-bezier(.22,.75,.25,1)}
.faq-list details[open]:not(.is-closing) summary span:before{transform:rotate(45deg)}
.faq-list details.is-closing summary span:before{transform:rotate(0deg)}
@media(prefers-reduced-motion:reduce){.faq-list summary span:before{transition:none}}
.site-footer{background:#f4ffed;padding:25px 0 40px;color:#82947b;font-size:12px}
.site-footer>div{display:flex;justify-content:space-between}

@container landing-page (max-width: 1100px){.hero-board-inner{width:100%;margin:0;transform:none}.workflow-note-small{display:none}.benefit-divider{display:none}.top-glow{top:-230px;left:0;right:0;width:auto;height:1250px;transform:none;background:radial-gradient(ellipse 53% 50% at 10% 44%,#deffcf 0,transparent 73%),radial-gradient(ellipse 43% 43% at 94% 42%,#e9ffdb 0,transparent 74%),linear-gradient(#f6fff0,rgba(255,255,255,0));border-bottom-left-radius:45%;border-bottom-right-radius:45%}
.benefits{grid-template-columns:1fr;gap:34px;padding:45px}
.benefits-intro h2 br{display:none}
.benefit-grid{grid-template-columns:repeat(3,1fr)}
.tool-visual{height:245px}
.showcase{height:620px}
.showcase-photo{height:220px}
.photo-four{height:250px;top:330px}
.photo-five{height:240px;top:310px}
.faq-layout{grid-template-columns:220px 1fr;gap:45px}
.testimonial-inner{gap:30px}
.testimonial-intro{flex-basis:35%}
.testimonial-intro h2{font-size:32px}
}
@media(max-width:740px){.wrap,.section-wrap{width:min(100% - 36px,520px)}
.site-header{height:80px}
.brand{min-width:0;gap:7px}
.brand>img:first-child{width:28px;height:36px}
.brand-name{width:70px}
.nav-links,.login{display:none}
.header-actions{min-width:0}
.header-actions .button{font-size:12px;padding:9px 14px}
.hero{padding-top:60px}
.eyebrow{font-size:12px;padding:8px 14px;margin-bottom:28px}
.hero h1{font-size:clamp(38px,9vw,56px);line-height:1.18;letter-spacing:-1px}
.hero h1 .marker{display:inline-block;font-size:inherit;line-height:inherit;letter-spacing:-.06em;height:auto;margin-left:0;padding:0}
.hero-marker-fill{position:static;width:auto;height:auto;display:inline;background:none;transform:none}
.marker-small{font-size:.9em;line-height:1.2;letter-spacing:-.02em}
.hero-subtitle{font-size:13px;line-height:1.75;margin:23px 0 45px}
.mobile-break{display:block}
.hero-board{height:410px;border-radius:18px 18px 0 0}
.use-cases{padding:22px 8px;gap:14px;flex-wrap:wrap}
.use-cases span{font-size:10px;gap:3px}
.use-cases img{width:13px;height:13px}
.workflow{height:330px;width:95%;transform:scale(.85);transform-origin:top center}
.workflow-note{left:-1%;top:33px;width:95px;padding:7px}
.workflow-note p{font-size:6px;letter-spacing:-.4px}
.workflow-image{left:3%;top:167px;width:85px}
.workflow-image img{height:90px}
.workflow-prompt{left:40%;top:20px;width:100px}
.blank-card{height:125px}
.workflow-output{right:-6%;top:34px;width:85px}
.workflow-output>span:last-child{height:78px}
.workflow-lines{display:none}
.benefits{padding:35px 8px 55px;gap:28px}
.benefits-intro h2{font-size:30px;line-height:1.2}
.benefits-intro p{font-size:12px}
.benefit-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}
.benefit-grid article{height:auto;padding:0}
.benefit-heading{height:32px;gap:10px}
.benefit-icon{flex-basis:32px;width:32px;height:32px;border-width:1px}
.benefit-icon img{width:18px;height:18px}
.benefit-grid h3{font-size:13px;line-height:1.4}
.benefit-grid p{font-size:10px;margin-top:10px}
.tools-section{padding-top:90px}
.section-heading h2{font-size:28px}
.heading-row{margin-bottom:38px}
.round-controls{gap:10px;font-size:14px}
.round-arrow{width:29px;height:29px}
.tools-section .round-controls .tool-control{width:29px;height:29px}
.tool-grid{gap:12px}
.tool-card{flex:0 0 calc((min(100vw - 36px,520px) - 12px)/2)}
.tool-visual{height:190px}
.tool-copy{padding:14px}
.tool-copy h3{font-size:15px}
.tool-copy p{font-size:10px;min-height:48px}
.showcase{margin-top:125px;height:455px}
.showcase-tabs{top:-15px}
.showcase-tabs button{min-width:62px;font-size:12px;padding:7px}
.showcase-photo{border-width:2px;border-radius:5px}
.photo-one{left:2%;top:78px;width:29%;height:125px}
.photo-two{left:40%;top:90px;width:28%;height:130px}
.photo-three{left:73%;top:95px;width:26%;height:135px}
.photo-four{left:11%;top:229px;width:40%;height:170px}
.photo-five{right:1%;top:224px;width:43%;height:170px}
.pricing-section{padding-top:105px}
.section-heading.centered{margin-bottom:38px}
.section-heading.centered p{font-size:12px;margin-top:24px}
.pricing-panels{grid-template-columns:1fr;gap:12px}
.pricing-panel,.collab-panel{min-height:auto}
.pricing-row{min-height:155px;padding:18px 12px;gap:8px}
.pricing-description h3{font-size:13px}
.pricing-description p{font-size:10px}
.meter{height:105px}
.meter strong{font-size:29px}
.meter span{font-size:8px}
.collab-panel{min-height:220px;padding:22px}
.collab-top{font-size:13px;gap:5px}
.collab-top b{font-size:15px}
.avatars{margin-top:10px}
.avatars span{width:37px;height:37px}
.collab-panel>p{font-size:11px;margin-top:18px}
.value-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:20px}
.value-grid article{min-height:156px;padding:17px}
.value-grid h3{font-size:13px}
.value-grid p{font-size:10px}
.section-cta{margin-top:42px;font-size:13px}
.private-section{padding-top:120px}
.private-panel{grid-template-columns:1fr}
.private-summary{padding:22px}
.private-summary h3{font-size:14px}
.private-summary p{font-size:11px;margin-bottom:12px}
.private-table{padding:0}
.private-table>div{min-height:52px;font-size:10px}
.private-table>div:first-child{min-height:52px;font-size:11px}
.testimonials{margin-top:115px;padding:60px 0}
.testimonial-inner{display:block}
.testimonial-intro h2{font-size:28px;line-height:1.2}
.testimonial-intro p{font-size:12px}
.testimonial-inner blockquote{margin-top:25px;min-width:0}
.peek-quote{display:none}
.faq-section{padding:100px 0 115px}
.faq-layout{grid-template-columns:1fr;gap:38px}
.faq-layout h2{font-size:30px;line-height:1.2}
.faq-list{padding:0 18px}
.faq-list summary{font-size:14px;padding:20px 0}
.faq-list details p{font-size:11px;margin-right:20px}
.site-footer{font-size:10px}
}

/* Desktop calibration: these dimensions follow the 1920px Figma frame. */
@container landing-page (min-width: 1101px){
  .site-header{height:134.36px;width:1813.63px;padding:15.96px 42.55px;display:grid;grid-template-columns:330px 1fr 330px;gap:0}
  .brand{min-width:0;gap:15px}
  .brand>img:first-child{width:55.36px;height:70.54px}
  .brand-name{width:123.17px;height:56.14px}
  .nav-links{justify-self:center;gap:24px;font-size:22px}
  .header-actions{min-width:0;gap:20px;font-size:20px}
  .header-actions .button{width:160px;height:52px;padding:0;font-size:20px}
  .hero{padding-top:82.64px;height:1825px}
  .eyebrow{height:68px;padding:16px 24px;margin:0 0 24.7px;font-size:26px}
  .hero h1{height:187.5px;display:flex;align-items:center;justify-content:center;font-size:96px;line-height:100.8px;letter-spacing:-2.4px;font-weight:500;color:rgba(0,0,0,.8);transform:translateX(-56.3px)}
  .hero h1 .hero-marker{position:relative;display:block;flex:0 0 413.95px;width:413.95px;height:187.5px;margin-left:-3px;padding:0;color:#62440a;font-family:"Fusion Pixel 12px Mono",monospace;font-size:80px;font-weight:400;line-height:100.8px;letter-spacing:1px}
  .hero h1 .hero-marker::before,.hero h1 .hero-marker::after{display:none}
  .hero-marker-fill{position:absolute;left:29.36px;top:18.9px;width:365.488px;height:139.948px;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#dfff97,#ecff83 60%,#d1ff9a);transform:rotate(1.1deg);transform-origin:center;z-index:0;text-shadow:0 20px 40.303px rgba(0,0,0,.04)}
  .hero-marker-line{position:absolute;display:block;max-width:none;z-index:1;pointer-events:none}
  .hero-marker-line.marker-top{left:16.535px;top:19.561px;width:394.559px;height:3px;transform:rotate(1.14deg)}
  .hero-marker-line.marker-left{left:-63.799px;top:84.394px;width:189.295px;height:3px;transform:rotate(90.73deg)}
  .hero-marker-line.marker-right{left:316px;top:93.935px;width:160.312px;height:3px;transform:rotate(91.66deg)}
  .hero-marker-line.marker-bottom{left:1.938px;top:154.036px;width:397.634px;height:3px;transform:rotate(1.13deg)}
  .hero-subtitle{font-size:26px;line-height:1.38;margin:10px auto 134px}
  .hero-board{width:1728.531px;height:1242.466px;min-height:0;margin-left:auto;margin-right:auto;padding-top:60.231px;border:0;border-radius:40px 40px 0 0;overflow:hidden;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 100%);box-shadow:0 -66.5px 100px rgba(0,145,3,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
  .hero-board::before{content:"";display:block;position:absolute;z-index:3;inset:0;padding:4px;border-radius:40px 40px 0 0;pointer-events:none;background:linear-gradient(to bottom,rgba(20,192,23,.3) 0%,rgba(20,192,23,.3) 28%,rgba(20,192,23,.18) 48%,rgba(20,192,23,.06) 72%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
  .hero-board::after{display:none}
  .hero-board-inner{position:relative;z-index:1}
  .hero-board-inner{width:100%;margin:0 auto;transform:none}
  .tiny-label{font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:12.8px;font-weight:500;color:#191919}
  .workflow{left:19.84px}
  .workflow-note{height:119.273px;overflow:visible}
  .workflow-note p{font-size:12px}
  .use-cases{height:42px;padding:0;gap:80px;transform:none}
  .use-cases span{gap:8px;font-size:28px}
  .use-cases img{width:31.68px;height:31.68px}
  .workflow{height:473.303px;width:1171.896px;margin-top:81.125px}
  .workflow-note{top:55.303px;left:0;width:186.8px;padding:8.636px 12px;border-radius:9px;transform:none}
  .workflow-note>.tiny-label{left:0;top:-24.863px}
  .workflow-note p{height:102px;overflow:hidden;font-family:"Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;font-size:12px;line-height:17px;letter-spacing:-.8px;margin:0;white-space:normal;word-break:normal}
  .workflow-image{top:239.44px;left:24.97px;width:166px}
  .workflow-image>.tiny-label{position:relative;left:0}
  .workflow-image img{height:209px;margin-top:7px;border-radius:9px}
  .workflow-prompt{top:0;left:368.35px;width:218.4px}
  .workflow-prompt>.tiny-label{position:relative;left:4.254px}
  .blank-card{height:262.4px;margin-top:13.913px;border-radius:12px;box-shadow:0 15px 25px #6381431c}
  .workflow-output{top:13.6px;right:0;width:316.669px}
  .workflow-output>.tiny-label{position:relative;left:0}
  .workflow-output-image{height:172.729px;margin-top:8.066px;border-radius:9px;box-shadow:0 0 0 3px #fff,0 10px 25px #2c3a3110}
  .workflow-note-small{top:269.009px;left:623.549px;width:120.516px}
  .workflow-note-small>.tiny-label{position:relative;left:.635px}
  .workflow-note-preview{height:120.516px;margin-top:7.268px;border-radius:9px;box-shadow:0 0 0 3px #fff,0 10px 25px #2c3a3110}
  .workflow-line.line-636{left:189.133px;top:121.304px;width:175.812px;height:1px}
  .workflow-line.line-638{left:573.742px;top:127.474px;width:290.69px;height:1px}
  .workflow-line.line-637{left:170.262px;top:121.304px;width:194.682px;height:236.272px}
  .workflow-line.line-639{left:744.992px;top:127.474px;width:120.784px;height:236.272px}
  .benefits{width:1568px;height:382px;margin:135.8px 76px 0 76.8px;padding:0;grid-template-columns:480px 1004px;gap:84px;background:transparent}
  .benefits-intro{height:262px;align-self:start}
  .benefits-intro h2{font-size:50px;line-height:1.2;letter-spacing:0;margin:13px 0 24px}
.benefits-intro p{font-size:26px;line-height:36px;max-width:480px}
.benefit-grid{grid-template-columns:repeat(3,292px);grid-template-rows:repeat(2,191px);gap:0 32px;width:1004px;height:382px}
.benefit-grid article{width:292px;height:191px;padding:20px 0;box-sizing:border-box}
.benefit-heading{gap:22px;height:48px}
.benefit-icon{flex:0 0 48px;width:48px;height:48px}
.benefit-icon img{width:27.6135px;height:27.6135px}
.benefit-grid h3{font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:30px;line-height:30.364px;font-weight:400;margin:0;white-space:nowrap}
.benefit-grid p{font-size:20px;line-height:normal;margin:19px 0 0;color:rgba(0,0,0,.9)}
  .tools-section{width:1567.6px;height:826.24px;margin-top:96.43px;margin-left:auto;margin-right:auto;padding-top:0}
  .heading-row{width:1567.6px;height:154px;margin:0;align-items:center}
  .section-heading h2{font-size:50px;line-height:1.2;letter-spacing:0}
  .tool-viewport{width:100%}
  .tool-grid{height:626.24px;margin-top:11px;gap:24px}
  .tool-card{height:626px;border-radius:12px}
  .tool-card{flex-basis:438.73px}
  .tool-card.featured{flex-basis:460px}
  .tool-visual{height:459px}
  .tool-copy{padding:24px 43px}
  .tool-copy h3{font-size:24px}
  .tool-copy p{font-size:16px;line-height:1.65}
  .showcase{height:1025.69px;margin-top:154px}
  .showcase-tabs{top:0;width:494px;min-width:0;height:70px;aspect-ratio:auto;box-sizing:border-box;padding:10px 15px;gap:15px}
  .showcase-tabs button{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;height:50px;box-sizing:border-box;font-family:"Fusion Pixel 12px Proportional","PingFang SC",sans-serif;font-size:24px;font-weight:400;padding:0}
  .showcase-tabs .selected{background:#e9fcda}
  .showcase-stage{width:1913.39px;height:956.69px;margin-left:3.31px;margin-right:0}
  .showcase-photo{object-fit:cover;border-width:3px;border-radius:12px}
  .photo-one{left:320.53px;top:233.51px;width:215.07px;height:258.08px;transform:none}
  .photo-two{left:691.24px;top:270.13px;width:215.07px;height:258.08px;transform:none}
  .photo-three{left:971.29px;top:211.82px;width:215.07px;height:258.08px;transform:none}
  .photo-four{left:1082.71px;top:426.93px;width:409.14px;height:316.87px;z-index:1;transform:none}
  .photo-five{left:442.13px;top:426.93px;right:auto;width:274.21px;height:365.02px;z-index:2;transform:none;border:4px solid #14c017}
  .pricing-section{height:1812.55px;padding-top:0;margin-top:196px}
  .section-heading.centered{height:154px;margin:0}
  .section-heading.centered p{font-size:20px;line-height:36px;margin:40px 0 0}
  .pricing-heading{width:754px;height:230px!important;margin:0 auto!important}
  .pricing-heading .pricing-title-row{height:154px}
  .pricing-heading h2{width:194px;flex:0 0 194px;font-size:50px;line-height:70px;letter-spacing:-1px;white-space:nowrap}
  .pricing-title-mark{width:371.001px;height:154px;flex-basis:371.001px}
  .pricing-title-fill{left:35.08px;top:23.61px;width:289.48px;height:95.509px;padding:16px 20px;font-size:40px;line-height:100.8px;letter-spacing:5px;transform:rotate(1.1deg);box-shadow:0 4px 18px rgba(255,255,255,.45),0 15.3px 28.3px rgba(192,245,56,.26)}
  .pricing-title-mark .line-top{left:2.968px;top:22.345px;width:348.045px;height:3px;transform:rotate(1.35deg);transform-origin:center}
  .pricing-title-mark .line-left{left:-38.96px;top:62.64px;width:147.905px;height:3px;transform:rotate(92.34deg);transform-origin:center}
  .pricing-title-mark .line-right{left:251.78px;top:82.91px;width:146.031px;height:3px;transform:rotate(91.08deg);transform-origin:center}
  .pricing-title-mark .line-bottom{left:11.278px;top:115.562px;width:358.099px;height:3px;transform:rotate(.92deg);transform-origin:center}
  .pricing-heading p{font-size:26px!important;line-height:36px!important;margin:40px 0 0!important;color:rgba(0,0,0,.9)!important;white-space:nowrap}
  .pricing-panels{width:1548px;max-width:none;height:783px;margin:2.42px 0 0 -3px;grid-template-columns:912.46px 610.8px;gap:24px}
  .pricing-panel{height:783px;min-height:0}
  .collab-panel{height:776px;min-height:0;align-self:start;transform:translateY(6.592px)}
  .pricing-row{min-height:0;height:310px;padding:44px 74px;gap:28px}
  .pricing-row-lower{height:422px}
  .pricing-description h3{font-size:24px}
  .pricing-description p{font-size:16px}
  .meter{height:157px}
  .meter strong{font-size:51px}
  .meter span{font-size:14px}
  .value-grid{width:1536px;height:343px;max-width:none;margin:97px 0 0 -3px;grid-template-columns:repeat(4,1fr);gap:32px}
  .value-grid article{height:343px;border-radius:12px;padding:40px 50px;box-shadow:0 12px 25px #20402a0b;border:0}
  .value-grid h3{font-size:30px;line-height:1.2;margin:29px 0 22px}
  .value-grid p{font-size:20px;line-height:1.42;color:rgba(0,0,0,.9)}
  .section-cta{height:78px;min-width:232px;margin-top:88px;padding:0 32px;font-size:20px}
  .private-section{height:1183px;padding-top:0;margin-top:0}
  .private-section .section-heading{height:230px;margin:0}
  .private-section .section-heading p{font-size:20px;line-height:36px;margin-top:40px}
  .private-panel{width:1536px;max-width:none;height:543.69px;margin:11px 0 0 0;grid-template-columns:464px 1fr}
  .private-summary{padding:22px 40px}
  .private-summary h3{font-size:24px}
  .private-summary p{font-size:16px;line-height:1.7}
  .private-table{padding:0}
  .private-table>div{flex:1;min-height:80px;font-size:16px}
  .private-table>div:first-child{min-height:80px;font-size:20px}
  .private-section .section-cta{margin-top:121px}
  .testimonials{height:634.24px;margin-top:0;padding:0;display:flow-root}
  .testimonial-inner{height:366px;margin-top:156px;align-items:center;gap:65px}
  .testimonial-intro{flex:0 0 690px}
  .testimonial-intro h2{font-size:50px;line-height:1.2}
  .testimonial-intro p{font-size:20px}
  .testimonial-inner blockquote{min-width:584px;max-width:584px;height:265px;padding:34px;font-size:16px}
  .peek-quote{display:block;opacity:.3;min-width:300px!important}
  .faq-section{height:auto;min-height:1150px;padding:194px 0 180px}
  .faq-layout{width:1436px;height:auto;margin-left:calc((100% - 1520px)/2);margin-right:0;grid-template-columns:300px minmax(0,1100px);gap:36px;align-items:start}
  .faq-layout h2{font-size:50px}
  .faq-list{width:100%;height:auto;min-height:0;padding:8px 34px;display:block;box-sizing:border-box}
  .faq-list details{min-height:0;flex:none}
  .faq-list details+details{margin-top:0}
  .faq-list summary{min-height:0;font-size:24px;padding:28px 0;transition:padding .35s cubic-bezier(.22,.75,.25,1)}
  .faq-list summary span{width:58px;height:58px;flex-basis:58px}
  .faq-list details p{font-size:16px;line-height:1.75}
  .site-footer{display:none}
}

/* Figma node 320:741 uses 260 / 184 / 264 px columns in the upper pricing row.
   Keep the three columns explicit so flex growth cannot equalize the two meters. */
@media (min-width:741px){
 .pricing-row:not(.pricing-row-lower){
  display:grid;
  grid-template-columns:260px 184px 264px;
  column-gap:28px;
 }
 .pricing-row:not(.pricing-row-lower)>.pricing-description{
  width:260px;
 }
 .pricing-row:not(.pricing-row-lower)>.meter{
  width:auto;
  min-width:0;
 }
}

/* The preview canvas is scaled down, so keep its decorative background on the
   viewport layer instead of creating a visible edge around the smaller canvas. */
@media(min-width:741px){.page{background:transparent}.top-glow{display:none}}

@media(prefers-reduced-motion:reduce){.data-dots{opacity:.35}}

@container landing-page (min-width: 741px) and (max-width: 1100px){.hero-board{height:auto;min-height:650px}}
@media(max-width:740px){.hero-board{height:auto;min-height:0}}

/* Restore the reference content proportions without enlarging nested panels. */
@container landing-page (min-width: 1101px){
 .pricing-description{width:260px;flex:0 0 260px}
 .pricing-description h3{font-size:30px;line-height:1.2;margin-bottom:28px}
 .pricing-description p{font-size:20px;line-height:1.5}
 .meter{flex:0 0 184px;height:160px;border-radius:28px;box-shadow:0 10px 25px rgba(86,190,37,.14),inset 0 0 0 3px rgba(255,255,255,.8)}
 .meter.muted{flex-basis:264px}
 .meter:first-of-type{background-color:#d9ff71;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 2px,transparent 2.4px);background-size:27px 27px}
 .meter strong{font-size:58px}
 .meter span{font-size:20px;margin-top:22px}
 .usage-widget strong{font-size:32px}
 .usage-widget small{font-size:18px;margin-bottom:24px}
 .usage-tiles{height:auto;grid-template-columns:repeat(12,34px);gap:10px 9px;background:none;mask-image:none}
 .usage-tiles span{width:34px;height:28px;aspect-ratio:auto;border-radius:4px}
 .collab-panel{padding:0;background:#fcfcfc;border:3px solid #fff;border-radius:12px;box-shadow:0 20px 40.303px rgba(0,0,0,.04)}
 .pool-grid{left:7.43px;right:auto;top:13.22px;bottom:auto;width:588.029px;height:750.059px;background-size:73.504px 73.504px;border-radius:12px}
 .pool-label{font-size:30px;line-height:25.5px}
 .pool-team{left:241.828px;top:85.076px;transform:none;width:120px;height:26px}
 .pool-share{left:227.318px;top:183.322px;transform:none;width:154.253px;height:44.095px}
 .pool-share img{width:36.156px;height:44.095px}
 .pool-share b{width:120px;font-size:41px;line-height:25.5px;text-align:center;color:rgba(0,0,0,.9)}
 .pool-name{left:256.828px;top:311.088px;transform:none;width:90px;height:26px}
 .pool-curves{left:7.43px;top:430.759px;bottom:auto;width:588.029px;height:335.649px}
 .avatars{position:absolute;z-index:3;inset:0;margin:0;display:block}
 .avatars span{position:absolute;margin:0;border:0;background:transparent;box-shadow:none;transform:none!important;overflow:visible}
 .avatars span:nth-child(1){left:57.994px;top:430.759px;width:100px;height:100px}
 .avatars span:nth-child(2){left:191.029px;top:411.759px;width:60px;height:60px}
 .avatars span:nth-child(3){left:292.107px;top:438.817px;width:126.464px;height:126.464px}
 .avatars span:nth-child(4){left:464.75px;top:411.27px;width:90.779px;height:90.779px}
 .avatars span img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(22,52,18,.12))}
 .value-grid article>span{width:50px;height:50px;background:none}
 .value-grid article>span img{width:50px;height:50px}
 .faq-list summary span{width:72px;height:72px;flex:0 0 72px}
}

/* Figma node 320:741 uses 260 / 184 / 264 px columns in the upper pricing row.
   Keep the three columns explicit so flex growth cannot equalize the two meters. */
@media (min-width:741px){
 .pricing-row:not(.pricing-row-lower){
  display:grid;
  grid-template-columns:260px 184px 264px;
  column-gap:28px;
 }
 .pricing-row:not(.pricing-row-lower)>.pricing-description{width:260px}
 .pricing-row:not(.pricing-row-lower)>.meter{width:auto;min-width:0}

 /* Shared Figma marker used by the lower section headings. */
 .marker.marker-small{
  position:relative;
  display:inline-flex;
  width:289.48px;
  height:95.51px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0;
  vertical-align:middle;
  color:#796b1f;
  background:#dbfc68 linear-gradient(115deg,#dbfc68 0%,#e6fc5f 100%);
  font:400 40px/1 "Fusion Pixel 12px Mono",monospace;
  letter-spacing:2px;
  transform:rotate(1.1deg);
  transform-origin:center;
  box-shadow:0 4px 18px rgba(255,255,255,.45),0 15px 28px rgba(192,245,56,.18);
  isolation:isolate;
 }
 .marker.marker-small::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:-3px;
  border:0;
  background:
   repeating-linear-gradient(90deg,#14c017 0 10px,transparent 10px 20px) left top/100% 3px no-repeat,
   repeating-linear-gradient(90deg,#14c017 0 10px,transparent 10px 20px) left bottom/100% 3px no-repeat,
   repeating-linear-gradient(0deg,#14c017 0 10px,transparent 10px 20px) left top/3px 100% no-repeat,
   repeating-linear-gradient(0deg,#14c017 0 10px,transparent 10px 20px) right top/3px 100% no-repeat;
  transform:none;
  pointer-events:none;
 }
 .marker.marker-small::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-31px;
  border:0;
  background:
   linear-gradient(#14c017,#14c017) left 0 top 29px/42px 3px no-repeat,
   linear-gradient(#14c017,#14c017) right 0 top 29px/42px 3px no-repeat,
   linear-gradient(#14c017,#14c017) left 29px top 0/3px 42px no-repeat,
   linear-gradient(#14c017,#14c017) right 29px top 0/3px 42px no-repeat,
   linear-gradient(#14c017,#14c017) left 0 bottom 29px/42px 3px no-repeat,
   linear-gradient(#14c017,#14c017) right 0 bottom 29px/42px 3px no-repeat,
   linear-gradient(#14c017,#14c017) left 29px bottom 0/3px 42px no-repeat,
   linear-gradient(#14c017,#14c017) right 29px bottom 0/3px 42px no-repeat;
  transform:none;
  pointer-events:none;
 }
 #tools-title .marker-small,#testimonials-title .marker-small{margin-left:20px}
 #tools-title .marker-small{width:306px}
 #private-title .marker-small{margin-right:20px}
}

@media (min-width:741px){.faq-section{background:#f7fff1}}