.home-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;padding-block:84px 76px;display:grid}.home-hero h1{letter-spacing:-.065em;word-break:keep-all;text-wrap:balance;max-width:650px;margin:0;font-size:clamp(2.8rem,4.8vw,4.65rem);font-weight:760;line-height:1.19}.hero-copy .section-kicker{text-align:left;margin-bottom:24px}.hero-lead{max-width:480px;color:var(--text-soft);word-break:keep-all;margin:26px 0 0;font-size:1.04rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-footnote{color:var(--muted);margin-top:22px;font-size:.8rem}.hero-preview{border:1px solid var(--line);background:#fff;border-radius:24px;padding:19px;transform:rotate(1deg);box-shadow:0 24px 65px #203b3010,12px 12px #e7ecdf}.preview-topline,.preview-bottom{justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-weight:750;display:flex}.preview-topline{padding:0 2px 15px}.preview-example{color:var(--muted);font-size:.65rem;font-weight:500}.preview-scene{background:#e8eddc;border-radius:12px;padding:32px 24px 20px;position:relative;overflow:hidden}.preview-scene p{letter-spacing:-.045em;color:#2d4a35;margin:0 0 22px;font:500 clamp(1.75rem,2.7vw,2.7rem)/1.14 Georgia,serif;position:relative}.preview-scene em{font-weight:400}.preview-scene-label{letter-spacing:.18em;color:#526847;font-size:.53rem}.preview-orbit{color:#cedabc;font:230px/1 Georgia,serif;position:absolute;top:-38px;right:-14px;transform:rotate(-10deg)}.preview-sentence{border-bottom:1px solid var(--line);padding:20px 8px 16px;position:relative}.preview-language{color:var(--muted);letter-spacing:.1em;align-items:center;gap:9px;font-size:.6rem;font-weight:750;display:flex}.preview-language i{background:var(--line-strong);width:25px;height:1px}.preview-sentence p{letter-spacing:-.025em;margin:9px 0 12px;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:650}.preview-sentence mark{color:inherit;background:#e8edcc;border-radius:3px;padding:2px 4px}.preview-sentence.translated{background:#faf9f5;border:0;border-radius:10px;margin-top:8px;padding:16px 12px}.preview-caption{color:var(--muted);font-size:.67rem}.preview-wave{align-items:center;gap:4px;height:16px;display:flex}.preview-wave i{background:#8eab8d;border-radius:2px;width:3px;height:5px}.preview-wave i:nth-child(3n){height:15px}.preview-wave i:nth-child(3n+1){height:9px}.preview-bottom{color:var(--mint);padding:18px 8px 1px;font-size:.7rem}.preview-bottom>span:first-child span{color:var(--muted)}.extension-guide-wrap{margin-bottom:66px}.extension-guide-wrap .extension-guide{max-width:none;box-shadow:none;border-color:var(--line);background:#f0f3e9;margin:0}.popular-section{border-block:1px solid var(--line);background:#f0f2e9;padding:66px 0;overflow:hidden}.section-heading h2,.product-copy h2,.cta-panel h2{letter-spacing:-.05em;word-break:keep-all;margin:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:730;line-height:1.3}.section-heading>p:last-child,.product-copy>p:not(.section-kicker),.cta-panel p{color:var(--muted);line-height:1.8}.centered-heading{text-align:center;max-width:760px;margin-inline:auto}.how-section{padding-block:96px}.anchor-section{scroll-margin-top:140px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.step-card{border-top:1px solid var(--line-strong);padding:28px 8px 0}.step-number{color:#9aa88c;font:italic 2.6rem Georgia,serif}.step-icon{display:none}.step-card h3{letter-spacing:-.03em;margin:18px 0 8px;font-size:1.12rem}.step-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.8}.product-section{border-block:1px solid var(--line);background:#fff;padding-block:84px}.product-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;display:grid}.feature-list{margin:26px 0 0;padding:0;list-style:none}.feature-list li{border-top:1px solid var(--line);gap:16px;padding:13px 0;font-size:.9rem;display:flex}.feature-list li span:first-child{color:var(--mint);font-size:.7rem}.product-visual{margin:0}.product-image-shell{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;padding:7px;overflow:hidden}.product-image-shell img{aspect-ratio:8/5;border-radius:10px;width:100%;height:auto}.product-visual figcaption{text-align:right;color:var(--muted);margin-top:12px;font-size:.7rem}.cta-section{padding-block:70px}.cta-panel{background:#eaf0df;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:42px;display:flex}.cta-panel p{max-width:650px;margin:14px 0 0}.cta-panel .primary-button{flex-shrink:0}.carousel{max-width:1420px;margin:52px auto 0;position:relative}.carousel-stage{height:475px;position:relative}.carousel-track{position:absolute;inset:0}.carousel-slide{opacity:0;will-change:transform, opacity;width:min(760px,100vw - 96px);transition:opacity .48s,transform .52s cubic-bezier(.2,.75,.25,1),filter .48s;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.72)}.carousel-slide.is-active{z-index:3;opacity:1;transform:translate(-50%)scale(1)}.carousel-slide.is-before{z-index:1;opacity:.34;filter:saturate(.55);transform:translate(-142%)scale(.79)}.carousel-slide.is-after{z-index:1;opacity:.34;filter:saturate(.55);transform:translate(42%)scale(.79)}.carousel-card{aspect-ratio:16/9;background:var(--surface);box-shadow:var(--shadow);border:1px solid #cfdbeb30;border-radius:26px;display:block;position:relative;overflow:hidden}.carousel-card:after{content:"";background:linear-gradient(#0000 25%,#0c1912e6);position:absolute;inset:0}.carousel-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.carousel-card:hover img{transform:scale(1.025)}.carousel-meta{z-index:2;position:absolute;bottom:25px;left:28px;right:28px}.carousel-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.carousel-meta h3{letter-spacing:-.035em;text-wrap:balance;max-width:610px;margin:12px 0 5px;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.2}.carousel-meta p{color:#eaf0f7bd;margin:0;font-size:.86rem}.carousel-placeholder{aspect-ratio:16/9;border:1px solid var(--line);background:var(--surface);width:min(760px,100vw - 96px);color:var(--muted);border-radius:26px;place-items:center;display:grid;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.carousel-placeholder-image{background:var(--surface);background-size:220% 100%;animation:1.8s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position-x:-220%}}.carousel-controls{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.round-button{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text-soft);cursor:pointer;background:#1930280a;border-radius:50%;place-items:center;transition:all .16s;display:grid}.round-button:hover,.round-button:focus-visible{color:var(--mint);background:#22694f17;border-color:#22694f7a;outline:none}.carousel-dots{justify-content:center;gap:7px;min-width:75px;display:flex}.carousel-dot{background:#435064;border-radius:999px;width:6px;height:6px;transition:all .22s}.carousel-dot.is-active{background:var(--mint);width:23px}.carousel-toggle .play-icon,.carousel-toggle.is-paused .pause-icon{display:none}.carousel-toggle.is-paused .play-icon{display:block}.carousel[data-carousel-state=empty] .carousel-controls,.carousel[data-carousel-state=error] .carousel-controls{display:none}.carousel-meta{color:#fff}@media (width<=900px){.home-hero{gap:32px;padding-block:56px}.home-hero h1{font-size:3rem}.product-grid{gap:28px}}@media (width<=700px){.home-hero{grid-template-columns:1fr;gap:38px;padding-block:42px}.home-hero h1{max-width:550px;font-size:clamp(2.4rem,9vw,3.5rem)}.hero-preview{width:100%;max-width:540px;margin-inline:auto;transform:none}.hero-lead{margin-top:20px;font-size:.98rem}.hero-actions{margin-top:24px}.hero-actions>*{min-height:46px;padding-inline:14px;font-size:.87rem}.steps-grid,.product-grid{grid-template-columns:1fr}.steps-grid{gap:24px}.step-card{padding-top:18px}.how-section,.popular-section,.product-section{padding-block:56px}.carousel-stage{height:62vw;min-height:260px}.carousel-slide,.carousel-placeholder{width:calc(100vw - 36px)}.carousel-slide.is-before,.carousel-slide.is-after{opacity:0}.carousel-meta{bottom:18px;left:18px;right:18px}.carousel-meta h3{font-size:1.1rem}.carousel-player-chip{min-width:0;top:10px;right:10px}.carousel-player-chip small{display:none}.cta-panel{flex-direction:column;align-items:flex-start;gap:24px;padding:28px}.cta-section{padding-block:42px}.extension-guide-wrap{margin-bottom:42px}}
