/* Full-width reference layout. Text and controls are real DOM; no screenshot slicing. */
*{box-sizing:border-box}html{font-size:calc(100vw / 941);scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#06120e;color:#f3faf5;font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}a:focus-visible{outline:2rem solid #b3ffc8;outline-offset:5rem}.wrap{width:85.2%;margin-inline:auto}main{position:relative;overflow:hidden;background:radial-gradient(ellipse at 91% 38%,#173e2440,transparent 20%),radial-gradient(ellipse at 0% 63%,#19442c45,transparent 17%),#06120e}.hero{height:495rem;position:relative;isolation:isolate}.hero-inner{position:relative;z-index:3;padding-top:122rem;pointer-events:none}.hero-copy{width:49%;pointer-events:auto}.eyebrow{display:inline-block;font-size:9rem;line-height:17rem;letter-spacing:.7rem;padding:0 20rem;border:1rem solid #6edf954d;border-radius:20rem;background:linear-gradient(#183f2670,#08170e);box-shadow:inset 0 0 8rem #82f19c12;color:#b4eec3}.hero-copy .eyebrow{font-size:10rem;padding:2rem 11rem}.hero h1{font-size:40rem;line-height:1.23;letter-spacing:-1rem;margin:15rem 0 17rem;font-weight:900;white-space:nowrap}.hero h1 span{color:#b6f4bd}.hero-copy p{font-size:14rem;line-height:1.65;color:#c6d5cd}.download{display:inline-flex;align-items:center;justify-content:center;gap:11rem;margin-top:22rem;padding:11rem 35rem;background:linear-gradient(120deg,#b8ffc5,#8be5a8);border-radius:40rem;color:#082914;font-size:13rem;font-weight:700;box-shadow:0 0 26rem #5ce28a28;transition:transform .2s}.download:hover{transform:translateY(-3rem)}.download svg{width:19rem;height:19rem}.download span{margin-left:10rem}.release{display:flex;gap:10rem;font-size:9rem;color:#9cb4a5;margin-top:11rem}.release span+span{border-left:1rem solid #ffffff25;padding-left:10rem}#releaseInfo{display:block;font-size:9rem;line-height:1.5;color:#a5bbac;margin-top:3rem}.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none;mask-image:linear-gradient(#000 77%,transparent);-webkit-mask-image:linear-gradient(#000 77%,transparent)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero-note{position:absolute;right:39rem;top:118rem;transform:rotate(-10deg);font-family:"Segoe Print",cursive;color:#adffb9;font-size:20rem;line-height:1.2;z-index:2}.hero-note span{display:block;font-size:17rem}.floating-tool{position:absolute;display:grid;place-items:center;border:1rem solid #baffbe70;background:linear-gradient(135deg,#d4ffd532,#5bd67517);box-shadow:inset 0 0 18rem #b9ffc224,0 12rem 25rem #0003;border-radius:17rem;z-index:2;color:#a7efb5;backdrop-filter:blur(4px);pointer-events:none}.floating-tool svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.6}.tool-image{width:74rem;height:78rem;left:53%;top:62rem;transform:rotate(16deg)}.tool-ai{width:50rem;height:62rem;left:47.5%;top:159rem;transform:rotate(2deg);font-size:26rem}.tool-wave{width:76rem;height:88rem;left:45.8%;top:249rem;transform:rotate(14deg);color:#b4b7ff}.tool-text{width:68rem;height:67rem;left:54.2%;top:328rem;transform:rotate(12deg);font-size:40rem;font-family:Georgia,serif;color:#b4dff3}.features{padding:30rem 0 44rem;position:relative}.features:before,.highlights:before{content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:0}.features:before{right:-165rem;top:-26rem;width:310rem;height:310rem;background:radial-gradient(ellipse at 40% 35%,#27653b45,transparent 65%);transform:rotate(-30deg)}.section-title{text-align:center;margin-bottom:20rem;position:relative}.section-title h2{font-size:34rem;line-height:1.35;font-weight:900;letter-spacing:-1rem;margin:9rem 0 5rem}.section-title p{font-size:12rem;color:#afc1b5;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11rem;position:relative}.feature-card{position:relative;min-width:0;height:153rem;padding:16rem;border:1rem solid #b2d6be24;border-radius:14rem;background:linear-gradient(130deg,#203c2c70,#17221e90);--accent:#92f7b1;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:nth-child(3n+2){--accent:#b0a2ff}.feature-card:nth-child(3n){--accent:#ffc090}.feature-card:before{content:attr(data-number);position:absolute;right:14rem;top:9rem;font-size:10rem;color:#95b6a2}.icon{width:49rem;height:49rem;border:1rem solid #ffffff12;border-radius:15rem;background:linear-gradient(135deg,#ffffff0a,#6dda8d08);display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 6rem 20rem #0002}.icon svg{width:25rem;height:25rem;stroke:var(--accent);fill:none;stroke-width:1.8}.feature-card h3{font-size:14rem;margin:12rem 0 5rem;font-weight:800;line-height:1.5}.feature-card p{font-size:10rem;color:#b9c8bf;line-height:1.65}.card-arrow{position:absolute;right:13rem;bottom:19rem;width:24rem;height:24rem;border-radius:50%;background:#ffffff0c;border:1rem solid #ffffff28;display:grid;place-items:center;font-size:22rem;line-height:1}.feature-card:hover{transform:translateY(-4rem);border-color:#95efb478;box-shadow:0 12rem 30rem #0004}.highlights{width:88.2%;padding-top:4rem;position:relative}.highlights .section-title{margin-bottom:17rem}.highlights:before{width:280rem;height:340rem;left:-160rem;top:-130rem;background:radial-gradient(ellipse,#285a3740,transparent 67%)}.advantages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15rem}.advantage{position:relative;isolation:isolate;height:205rem;overflow:hidden;padding:23rem 25rem;border:1rem solid #b9d4c038;border-radius:15rem;background:linear-gradient(125deg,#ffffff07,#16332252)}.advantage b{display:block;font-size:28rem;line-height:36rem;color:#829e93;font-weight:800}.advantage h3{font-size:18rem;line-height:27rem;margin:2rem 0 8rem;position:relative;z-index:2}.advantage p{font-size:11rem;line-height:1.8;width:54%;position:relative;z-index:2;color:#c5d2ca}.adv-art{position:absolute;right:-4rem;bottom:0;width:155rem;height:165rem;z-index:-1}.adv-art img{width:100%;height:100%;object-fit:contain}.about{position:relative;height:281rem;margin-top:0;isolation:isolate;overflow:hidden}.about .wrap{position:relative;z-index:2;padding-top:38rem}.about-copy{width:54%}.about h2{font-size:30rem;line-height:1.4;margin:8rem 0 10rem;font-weight:900}.about p{font-size:11.5rem;line-height:1.8;color:#c9d6cd}.about-art{position:absolute;right:0;bottom:0;width:61%;height:100%;z-index:0;mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,transparent,#000 12%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-composite:source-in}.about-art img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.about-note{position:absolute;z-index:1;left:56%;top:20rem;transform:rotate(-10deg);color:#b1ffb9;font-size:19rem;line-height:1.45;font-family:"Segoe Print","KaiTi",cursive}.tags{display:flex;flex-wrap:wrap;gap:7rem;margin-top:10rem}.tags span{padding:4rem 10rem;border:1rem solid #ffffff12;border-radius:22rem;background:#152c2188;font-size:9rem;font-weight:600;white-space:nowrap}::selection{background:#448e60}::-webkit-scrollbar{width:5px;background:#06120e}::-webkit-scrollbar-thumb{background:#314c3d;border-radius:4px}
@media(max-width:700px){html{font-size:1px}.wrap,.highlights{width:90%}.hero{height:735px}.hero-inner{padding-top:44px}.hero-copy{width:100%}.hero h1{font-size:35px;white-space:normal}.hero-copy p{font-size:12px}.hero-art{top:355px;height:380px}.hero-art img{object-position:70% center}.hero-note{right:20px;top:390px;font-size:17px}.hero-note span{font-size:14px}.floating-tool{display:none}.features{padding-top:20px;padding-bottom:35px}.section-title h2{font-size:27px}.section-title p{font-size:10px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{height:165px}.advantages{grid-template-columns:1fr;gap:15px}.advantage{height:215px}.adv-art{width:190px;height:190px}.advantage p{font-size:12px}.about{height:610px;margin-top:20px}.about .wrap{padding-top:20px}.about-copy{width:100%}.about p{font-size:11px}.about h2{font-size:28px}.about-art{width:100%;height:335px}.about-note{left:30px;top:290px;font-size:17px}.tags{gap:5px}.tags span{font-size:9px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Match the reference mascot scale without stretching the illustration. */
@media(min-width:701px){
 .hero{background:radial-gradient(ellipse at 70% 30%,#153d2655,transparent 65%)}
 .hero:before{content:"";position:absolute;width:350rem;height:350rem;left:-72rem;top:-140rem;border-radius:50%;background:radial-gradient(circle at 95% 40%,#315a38,#0d281b 36%,#06120e 74%);box-shadow:inset -5rem 0 10rem #96f99b12}
 .hero-art{inset:0 0 auto auto;width:83%;height:auto;aspect-ratio:3/2;mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(#000 80%,transparent);-webkit-mask-composite:source-in}
 .hero-art img{display:block;width:100%;height:100%;object-fit:contain}
 .advantage p{width:63%}
 .floating-tool{background:linear-gradient(135deg,#315d3e85,#102d2070);backdrop-filter:blur(2px)}
}

.hero-copy .download{width:240rem;max-width:100%;padding-inline:20rem}.hero-copy .release{width:240rem;max-width:100%;justify-content:center;text-align:center}.hero-copy #releaseInfo:empty{display:none}
.floating-tool{--tilt:12deg;animation:hero-tool-float 6s ease-in-out infinite;will-change:transform}
.tool-image{--tilt:16deg;animation-duration:6.4s;animation-delay:-1.2s}
.tool-ai{--tilt:2deg;animation-duration:5.6s;animation-delay:-3s}
.tool-wave{--tilt:14deg;animation-duration:7s;animation-delay:-4.4s}
.tool-text{--tilt:12deg;animation-duration:6s;animation-delay:-2s}
.floating-tool svg{animation:hero-icon-glow 4s ease-in-out infinite}
.tool-wave svg{animation-delay:-2s}
@keyframes hero-tool-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}50%{transform:translate3d(3rem,-8rem,0) rotate(calc(var(--tilt) - 4deg))}}
@keyframes hero-icon-glow{0%,100%{filter:drop-shadow(0 0 1rem currentColor)}50%{filter:drop-shadow(0 0 5rem currentColor)}}
@media(prefers-reduced-motion:reduce){.floating-tool,.floating-tool svg{animation:none;will-change:auto}.floating-tool{transform:rotate(var(--tilt))}}
.hero-copy #releaseInfo{width:240rem;max-width:100%;text-align:center}
/* The canvas deforms the original ribbon pixels; the illustration stays as a fallback. */
.hero-ribbon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;pointer-events:none;visibility:hidden}
.hero-art[data-motion="running"] .hero-ribbon,.hero-art[data-motion="paused"] .hero-ribbon{visibility:visible}
@media(min-width:701px){.hero-ribbon{object-fit:contain}}
@media(max-width:700px){.hero-ribbon{object-position:70% center}}
@media(prefers-reduced-motion:reduce){.hero-ribbon{display:none}}

/* One feature per chapter: generous alternating layouts instead of a dense icon grid. */
.features{padding-block:45rem 70rem}
.features .section-title{margin-bottom:48rem}
.features-grid{grid-template-columns:minmax(0,1fr);gap:30rem}
.feature-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:42rem;height:auto;min-height:350rem;padding:34rem;border-radius:22rem;background:radial-gradient(ellipse at 90% 50%,#254a3030,transparent 65%),linear-gradient(130deg,#18312569,#0b191480);overflow:hidden}
.feature-showcase:before{display:none}
.feature-showcase:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.feature-showcase:nth-child(even) .feature-copy{grid-column:2;grid-row:1}
.feature-showcase:nth-child(even) .feature-demo{grid-column:1;grid-row:1}
.feature-showcase:hover{transform:none;border-color:#95efb445;box-shadow:0 15rem 40rem #0002}
.feature-copy{min-width:0}
.feature-kicker{display:flex;align-items:center;gap:12rem;color:#92aa9d;font-size:9rem;letter-spacing:1rem}
.feature-kicker .icon{flex:none;width:38rem;height:38rem;border-radius:12rem;transform:none}
.feature-kicker .icon svg{width:21rem;height:21rem}
.feature-showcase h3{font-size:28rem;line-height:1.35;margin:19rem 0 7rem;letter-spacing:-.6rem}
.feature-showcase h4{font-size:13rem;font-weight:500;color:var(--accent);margin:0 0 15rem}
.feature-showcase .feature-description{font-size:12rem;line-height:1.95;color:#b3c5b9;text-wrap:pretty}
.feature-chips{display:flex;flex-wrap:wrap;gap:7rem;margin-top:18rem}
.feature-chips span{font-size:9rem;border:1rem solid #b2d6be20;border-radius:6rem;padding:3rem 9rem;color:#b8c9bf}
.feature-link{display:inline-flex;align-items:center;gap:22rem;margin-top:23rem;font-size:11rem;font-weight:600;color:#d1efdb}
.feature-link span{font-size:17rem;color:var(--accent);transition:transform .2s}
.feature-link:hover span{transform:translate(3rem,-3rem)}
.feature-demo{min-width:0;position:relative;border:1rem solid #b2d6be26;border-radius:14rem;background:#0e2019;box-shadow:0 20rem 35rem #0004;overflow:hidden}
.demo-topbar{height:33rem;display:flex;align-items:center;gap:4rem;padding:0 13rem;background:#ffffff03;border-bottom:1rem solid #ffffff0b}
.demo-topbar i{display:block;width:5rem;height:5rem;border-radius:50%;background:#617c6b}
.demo-topbar i:first-child{background:#95c9a4}
.demo-topbar span{margin-left:auto;font-size:8rem;color:#8aa694;letter-spacing:.2rem}
.demo-body{height:246rem;position:relative;padding:16rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 100%,#2b59412a,transparent)}
.demo-compare{display:grid;grid-template-columns:1fr 1fr;gap:9rem;width:100%;height:100%}
.demo-product{position:relative;border-radius:7rem;display:grid;place-items:center;overflow:hidden;background:#cfdbd1}
.demo-product.original{background:linear-gradient(140deg,#526e61,#adbda8)}
.demo-product.checker{background-color:#d9e3dc;background-image:linear-gradient(45deg,#a7bbae 25%,transparent 25%),linear-gradient(-45deg,#a7bbae 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a7bbae 75%),linear-gradient(-45deg,transparent 75%,#a7bbae 75%);background-size:16rem 16rem;background-position:0 0,0 8rem,8rem -8rem,-8rem 0}
.demo-plant{width:94%;height:82%;filter:drop-shadow(0 5rem 5rem #0002)}
.demo-product>span{position:absolute;bottom:9rem;padding:2rem 8rem;border-radius:10rem;font-size:8rem;color:#eefcf1;background:#143224c9}
.demo-outpaint{position:relative;width:100%;height:100%;border:1rem solid #92f7b197;border-radius:6rem;overflow:hidden}
.demo-scene{display:block;width:100%;height:100%;object-fit:cover}
.original-bounds{position:absolute;inset:18% 22%;border:1rem dashed #fafff7;box-shadow:0 0 0 100rem #052c222a}
.original-bounds>span{position:absolute;top:5rem;left:6rem;font-size:8rem;color:#fff;text-shadow:0 1rem 2rem #000a}
.original-bounds i{position:absolute;width:5rem;height:5rem;background:#fff;border:1rem solid #83dea1}
.original-bounds i:nth-of-type(1){left:-3rem;top:-3rem}.original-bounds i:nth-of-type(2){right:-3rem;top:-3rem}.original-bounds i:nth-of-type(3){left:-3rem;bottom:-3rem}.original-bounds i:nth-of-type(4){right:-3rem;bottom:-3rem}
.demo-badge{position:absolute;bottom:10rem;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8rem;font-weight:400;padding:3rem 10rem;border-radius:10rem;background:#123d2ee6;color:#d5ffe1}
.demo-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9rem;width:100%}
.demo-tool-grid>div{display:flex;flex-direction:column;align-items:center;gap:7rem;padding:15rem 4rem;border:1rem solid #d5ffe112;border-radius:9rem;background:#ffffff04;color:#b9d0c1;font-size:9rem}
.demo-tool-grid span{display:grid;place-items:center;width:32rem;height:32rem;font-size:26rem;color:#a8e7ba;line-height:1}
.cleanup-before i{position:absolute;width:4rem;height:4rem;border-radius:50%;background:#6b7b72;left:13%;top:28%;box-shadow:5rem 2rem 3rem #6b7b7260}
.cleanup-before i:nth-of-type(2){left:80%;top:18%;width:8rem;height:2rem;transform:rotate(-35deg)}.cleanup-before i:nth-of-type(3){left:83%;top:70%;width:3rem;height:7rem}
.demo-film{width:100%}.demo-film>div:first-child{position:relative;height:144rem;border-radius:7rem;overflow:hidden}
.demo-film b{position:absolute;right:10rem;top:9rem;padding:2rem 7rem;background:#133525aa;border:1rem solid #aaffc155;border-radius:5rem;font-size:9rem;color:#e0f8e7}
.demo-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:5rem;margin-top:10rem}
.demo-timeline span{display:block;text-align:center;font-size:8rem;border:1rem solid #80b49744;background:linear-gradient(145deg,#486e59,#153e30);padding:7rem;border-radius:4rem;color:#bdd9c7}
.demo-track{height:2rem;background:#405b4b;margin-top:10rem}.demo-track i{display:block;width:47%;height:100%;background:#91ecae}
.demo-generation{width:100%;height:100%;border-radius:7rem;overflow:hidden;position:relative}
.demo-prompt{position:absolute;left:10rem;right:10rem;bottom:10rem;background:#0d2a20ec;border:1rem solid #a3d7b544;border-radius:9rem;padding:10rem;color:#d8eee1;font-size:9rem;display:flex;gap:8rem;align-items:center}
.demo-prompt>span{font-size:17rem;color:#a0edb5}.demo-prompt>b{margin-left:auto;font-size:15rem}
.demo-video{width:100%;height:100%;position:relative;border-radius:7rem;overflow:hidden}
.demo-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:40rem;height:40rem;border:1rem solid #ffffff72;border-radius:50%;display:grid;place-items:center;padding-left:2rem;background:#143f3680;font-size:14rem;color:white}
.demo-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9rem;padding:10rem;background:#0c241ad9;font-size:9rem;color:#c5e5d1}
.demo-video-controls>i{height:2rem;flex:1;background:linear-gradient(to right,#a3eebc 35%,#6b847880 35%)}
.demo-note{width:100%;padding:15rem 13rem;background:#193326;border:1rem solid #769e8138;border-radius:7rem;box-shadow:6rem 7rem #a0c5ab08}
.demo-note small{color:#8aaf99;font-size:9rem}.feature-showcase .demo-note h4{font-size:13rem;line-height:1.7;margin:18rem 0 12rem;color:#e3f0e7;font-weight:600}
.feature-showcase .demo-note p{font-size:10rem;line-height:2;color:#a3bdaa}
.demo-note>div{display:flex;gap:6rem;margin-top:21rem}.demo-note>div span{font-size:8rem;padding:2rem 6rem;border-radius:4rem;background:#9bd5b010;color:#a3cdb1}
.demo-voice{text-align:center;width:100%}.voice-avatar{display:grid;place-items:center;width:43rem;height:43rem;margin:0 auto 10rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#acbbed,#687c9f);color:#e4efff;font-size:29rem}
.demo-voice>b{display:block;font-size:12rem;font-weight:500;color:#ddede3}.demo-voice>small{display:block;font-size:8rem;color:#8fa99a;margin-top:4rem}
.demo-waveform{height:48rem;display:flex;align-items:center;justify-content:center;gap:4rem;width:100%;margin:15rem 0}
.demo-waveform i{display:block;flex:1;max-width:4rem;border-radius:3rem;height:var(--bar);background:linear-gradient(#b0efc3,#569977);opacity:.85}
.demo-voice-label{display:flex;justify-content:center;gap:15rem;font-size:8rem;color:#b9d2c3}.demo-voice-label span{color:#78c795}
.demo-voice-design{width:100%;padding:5rem 8rem}.voice-design-title{font-size:12rem;color:#d3e8da;display:flex;justify-content:space-between;margin-bottom:20rem}.voice-design-title span{color:#b7c6ff}
.demo-voice-design>div+div{margin-top:17rem}.feature-showcase .demo-voice-design p{display:flex;justify-content:space-between;font-size:9rem;color:#a4b8ab;margin-bottom:9rem}.demo-voice-design p span{color:#b9e7c9}
.demo-voice-design i{display:block;height:3rem;background:#587e6533;border-radius:3rem}.demo-voice-design i b{display:block;height:100%;background:linear-gradient(to right,#517e65,#a1d6b2);border-radius:3rem;position:relative}.demo-voice-design i b:after{content:'';position:absolute;right:-4rem;top:-3rem;width:9rem;height:9rem;border-radius:50%;background:#aadeba;box-shadow:0 0 7rem #aadeba33}
.demo-speech{width:100%;padding:8rem}.feature-showcase .demo-speech p{font-size:16rem;line-height:1.8;color:#d5eadf;letter-spacing:.5rem}.speech-divider{display:flex;align-items:center;gap:10rem;margin-top:16rem;color:#90a99b;font-size:8rem}.speech-divider span{color:#9fddb1;font-size:13rem}.demo-speech .demo-waveform{height:40rem}
.demo-transcript{width:100%;padding:2rem 8rem}.demo-transcript .demo-waveform{height:36rem;margin:5rem 0 20rem}.demo-transcript>div:not(.demo-waveform){display:flex;gap:11rem;align-items:center;border-top:1rem solid #ffffff09;padding:10rem 0}.demo-transcript>div>span{font-size:8rem;color:#689981}.feature-showcase .demo-transcript p{font-size:10rem;color:#c4dacc}
.demo-conversation{width:100%;height:100%;display:flex;flex-direction:column;gap:16rem;padding:5rem}
.demo-chat-user{align-self:flex-end;max-width:90%;padding:9rem 12rem;background:#294c38;color:#dbf0e3;border-radius:11rem 11rem 3rem 11rem;font-size:10rem}
.demo-chat-assistant{display:flex;align-items:flex-start;gap:10rem}.demo-chat-assistant>span{display:grid;place-items:center;flex:none;width:24rem;height:24rem;border-radius:8rem;background:linear-gradient(135deg,#c7f5b8,#8ddbb5);color:#1d4a31;font-size:9rem;font-weight:700}
.feature-showcase .demo-chat-assistant p{font-size:11rem;line-height:1.9;color:#c5dbce;padding-top:1rem}.demo-chat-assistant p b{display:inline-block;width:2rem;height:11rem;vertical-align:-1rem;background:#a1e8b6;margin-left:4rem}
.demo-chat-input{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:10rem 12rem;border:1rem solid #719c8340;border-radius:9rem;background:#0c1b1559;font-size:9rem;color:#7e9d8b}.demo-chat-input b{display:grid;place-items:center;width:23rem;height:23rem;border-radius:50%;background:#9dddb1;color:#21462e;font-size:14rem;font-weight:400}
@media(max-width:700px){
 .features{padding-block:35px 45px}.features .section-title{margin-bottom:30px}.features-grid{gap:22px}
 .feature-showcase,.feature-showcase:nth-child(even){grid-template-columns:minmax(0,1fr);gap:26px;min-height:0;padding:25px;border-radius:19px}
 .feature-showcase:nth-child(even) .feature-copy,.feature-showcase:nth-child(even) .feature-demo{grid-column:auto;grid-row:auto}
 .feature-showcase h3{font-size:26px;margin-top:15px}.feature-showcase .feature-description{font-size:12px}.feature-showcase h4{font-size:13px}
 .feature-link{margin-top:18px}.demo-body{height:250px}.feature-kicker{font-size:9px;letter-spacing:.5px}
}