@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#101915;--bg-deep:#0b120f;--panel:#18221d;--panel-light:#202d26;--line:rgba(222,240,228,.12);--text:#f1f4ee;--muted:#a7b4a8;--green:#79dcb9;--green-dark:#a4e6ce;--cream:#e9f0e7;--font: "DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Manrope",var(--font);font-family:var(--font);background:var(--bg);color:var(--text);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:absolute;top:-50px;left:20px;padding:12px 18px;background:var(--green);color:var(--bg-deep);z-index:20}.skip-link:focus{top:12px}.site-header{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(16,25,21,.9);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.055em}.brand img{width:50px;height:32px;object-fit:cover;object-position:center;border-radius:4px}.brand-light{font-weight:500;color:#b8c5ba}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#b3c0b5}.site-header nav a{text-decoration:none;transition:color .2s}.site-header nav a:hover,.site-footer nav a:hover{color:var(--green)}.site-header nav .nav-cta{color:#101915;background:var(--green);padding:10px 16px;border-radius:7px}.nav-cta span{margin-left:8px}.menu-toggle{display:none}
.hero{min-height:660px;max-width:1600px;margin:auto;padding:70px clamp(22px,6vw,92px) 76px;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(480px,1.08fr);align-items:center;gap:5vw;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow-dot,.caption-indicator{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(121,220,185,.6)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:640px;margin:0 0 22px;font-family:var(--display);font-size:clamp(44px,5.25vw,76px);font-weight:600;letter-spacing:-.075em;line-height:1.05}.hero h1 em{font-style:normal;color:var(--green)}.hero-intro{max-width:515px;margin:0;color:#afbbb1;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#101915}.button-primary:hover{background:#95e8ca}.button-primary span{font-size:17px}.text-link{color:#d9e0d9;font-size:13px;font-weight:600;text-decoration:none}.text-link:hover{color:var(--green)}.text-link span{padding-left:8px;color:var(--green)}.availability{display:flex;align-items:center;gap:12px;margin-top:33px;color:#849288;font-size:11px;font-weight:600}.availability i{width:3px;height:3px;border-radius:50%;background:#59665d}.hero-visual{position:relative;margin:0;padding:18px 0 30px 14px}.screenshot-frame{position:relative;z-index:1;padding:8px;border:1px solid rgba(208,235,213,.18);border-radius:14px;background:#19241e;box-shadow:0 32px 90px rgba(0,0,0,.35),0 0 55px rgba(75,182,139,.09);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}.screenshot-frame img{width:100%;height:auto;border-radius:7px;aspect-ratio:1.65;object-fit:cover;object-position:center}.visual-orbit{position:absolute;border:1px solid rgba(121,220,185,.12);border-radius:50%;pointer-events:none}.orbit-one{width:600px;height:600px;top:-120px;right:-170px}.orbit-two{width:460px;height:460px;top:-48px;right:-100px}.hero-visual figcaption{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:16px 0 0 10px;color:#87958a;font-size:11px}.floating-note{position:absolute;z-index:2;right:-17px;bottom:68px;display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid rgba(190,225,199,.14);border-radius:9px;background:rgba(28,40,33,.95);box-shadow:0 14px 38px rgba(0,0,0,.3)}.note-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#21392d;color:var(--green);font-size:18px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:11px}.floating-note small{margin-top:2px;color:#8f9e92;font-size:9px}
.trust-strip{min-height:74px;display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,46px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#131d18;color:#bec9c0;font-size:12px;font-weight:600}.trust-strip b{color:#5caa8b;font-size:12px}.section-wrap{max-width:1370px;margin:auto;padding-left:clamp(22px,6vw,92px);padding-right:clamp(22px,6vw,92px)}.workflow{padding-top:112px;padding-bottom:120px}.section-heading{text-align:center;max-width:690px;margin:0 auto 50px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.closing-content h2{margin:0 0 16px;font-family:var(--display);font-size:clamp(33px,4.2vw,52px);font-weight:600;letter-spacing:-.065em;line-height:1.12}.section-heading>p:last-child{max-width:620px;margin:0 auto;color:#9eaca1;font-size:14px;line-height:1.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{min-height:320px;padding:26px 25px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(150deg,#18221d,#151e19)}.step-card-highlight{background:linear-gradient(145deg,#1c3026,#18251e);border-color:rgba(121,220,185,.24)}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.step-number{font-size:10px;letter-spacing:.1em;color:#779082;font-weight:700}.step-symbol{color:var(--green);font-size:24px}.step-card h3{margin:0 0 9px;font-family:var(--display);font-size:17px;letter-spacing:-.035em}.step-card>p{min-height:70px;margin:0;color:#9eaca1;font-size:12px;line-height:1.7}.mini-order{display:grid;gap:6px;margin-top:15px}.mini-order span{padding:6px 9px;border:1px solid rgba(225,241,226,.07);border-radius:4px;background:#131c17;color:#cbd5cd;font-size:9px}.mini-order i{display:inline-block;width:22px;color:#81ba9f;font-style:normal}.mini-preview{height:69px;position:relative;margin-top:20px;display:grid;place-items:center;border:1px solid rgba(121,220,185,.28);border-radius:6px;background:radial-gradient(at 15% 20%,#17695b,#1e3449);color:#f2f5f0;font-family:var(--display);font-size:11px}.mini-preview-label{position:absolute;bottom:6px;left:7px;padding:2px 4px;border-radius:2px;background:#b9b18b;color:#1e241b;font-family:var(--font);font-size:7px;letter-spacing:.1em}.mini-screens{display:flex;gap:8px;margin-top:25px}.mini-screens span{flex:1;padding:11px 9px;border:1px solid rgba(225,241,226,.08);border-radius:5px;background:#131c17;color:#cbd5cd;font-size:9px}.mini-screens i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:2px;background:#7dc4a1}
.features-section{padding:100px 0 112px;background:#eaf0e8;color:#1b2820}.features-wrap{max-width:1440px}.features-section .eyebrow{color:#4b9373}.features-section .section-heading>p:last-child{color:#647267}.section-heading-wide{margin-bottom:55px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{min-height:365px;overflow:hidden;border:1px solid rgba(23,48,35,.12);border-radius:9px;background:#f5f7f2}.feature-card-large{grid-column:span 2;min-height:390px;display:grid;grid-template-columns:1.14fr .86fr;align-items:stretch}.feature-text{padding:22px 24px 25px}.feature-card-large .feature-text{align-self:center;padding:42px 44px}.feature-index{display:block;color:#5d9175;font-size:9px;font-weight:800;letter-spacing:.13em}.feature-text h3,.wide-detail h3{margin:10px 0 8px;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.045em}.feature-text p,.wide-detail p{max-width:52ch;margin:0;color:#657267;font-size:12px;line-height:1.75}.feature-art{height:205px;position:relative;overflow:hidden;background:#d8e5d9}.feature-card-large .feature-art{height:100%;min-height:390px}.art-order{display:grid;place-items:center;background:radial-gradient(ellipse at 40% 60%,#cadfcf 0,#dae8da 55%,#e9efe7 100%)}.art-window{width:72%;padding:12px;border:1px solid #33453a;border-radius:8px;background:#1a241e;box-shadow:0 20px 50px #4b5c4b45;transform:rotate(-3deg)}.art-window-top{height:19px;display:flex;align-items:center;gap:4px;margin-bottom:9px;padding:0 4px}.art-window-top>span{width:5px;height:5px;border-radius:50%;background:#69786e}.art-window-top small{margin-left:auto;color:#87968a;font-size:7px;letter-spacing:.12em}.art-row{display:flex;align-items:center;gap:9px;margin-top:5px;padding:9px 8px;border:1px solid transparent;border-radius:4px;background:#212d25}.art-row-active{border-color:#579d79;background:#23362b}.art-row i{color:#78c8a2;font-size:8px;font-style:normal}.art-row b,.art-row small{display:block}.art-row b{font-size:9px;font-weight:600}.art-row small{margin-top:2px;color:#93a296;font-size:7px}.art-row em{margin-left:auto;color:#83c1a1;font-size:10px;font-style:normal}.art-lyrics{height:205px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 11%;background:radial-gradient(ellipse at 18% 10%,#deead9,#d2e2d7 55%,#c6d6df)}.lyric-tag{margin-bottom:13px;color:#4a7964;font-size:8px;font-weight:800;letter-spacing:.13em}.lyric-line{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.04em;color:#253d32;line-height:1.34}.lyric-accent{color:#568d72}.lyric-faint{color:#87968d}.lyric-progress{position:absolute;bottom:22px;left:11%;right:11%;height:2px;background:#a6b7ab}.lyric-progress i{display:block;width:43%;height:2px;background:#519b76}.art-stage{display:grid;place-items:center;background:radial-gradient(at 80% 20%,#cbd9d2,#d9e4d9)}.stage-screen{width:74%;padding:12px;border:1px solid #536359;border-radius:6px;background:#17221c;box-shadow:0 15px 34px #3e514144}.stage-top{display:flex;justify-content:space-between;color:#83c4a1;font-size:7px;font-weight:800;letter-spacing:.1em}.stage-current{margin-top:12px;padding:10px;border-left:2px solid #75d1aa;background:#213129}.stage-current small,.stage-next small{display:block;color:#89b69a;font-size:6px;letter-spacing:.12em}.stage-current strong,.stage-next strong{display:block;margin:3px 0;color:#e1e9e1;font-size:9px}.stage-current span,.stage-next span{color:#96a398;font-size:7px}.stage-next{padding:9px 10px}.stage-message{padding:7px 9px;border:1px solid #495344;border-radius:4px;color:#d6dccc;font-size:7px}.stage-message i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#e9c978}.art-output{height:205px;display:flex;align-items:center;justify-content:center;gap:15px;background:radial-gradient(at 45% 50%,#deeadc,#cbd9d1)}.screen{position:relative;display:grid;place-items:center;width:43%;height:100px;border:4px solid #edf2ea;border-radius:4px;background:linear-gradient(135deg,#126458,#223b52);box-shadow:0 9px 17px #384b3b44}.screen-stage{width:30%;height:76px;background:linear-gradient(135deg,#303445,#3f5549)}.screen-text{text-align:center;color:#f5f5ef;font-family:var(--display);font-size:8px}.screen-text small{display:block;margin-top:5px;color:#c6d1c7;font-family:var(--font);font-size:6px}.screen>span{position:absolute;bottom:-19px;color:#52715d;font-size:7px;font-weight:800;letter-spacing:.08em}.output-link{position:absolute;z-index:2;left:50%;top:50%;width:22px;height:22px;display:grid;place-items:center;border:1px solid #b6cab8;border-radius:50%;background:#edf2ea;color:#4a8268;transform:translate(-50%,-50%);font-size:12px}.feature-card-wide{grid-column:span 2;min-height:178px;display:flex;align-items:center;justify-content:space-between;padding:26px 32px;background:#dce8dc}.wide-detail{display:flex;align-items:flex-start;gap:18px}.wide-detail h3{margin-top:6px;font-size:18px}.wide-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#c7ddcc;color:#468365;font-size:20px}.local-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b5cdb8;border-radius:5px;color:#477257;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.local-badge i{width:6px;height:6px;border-radius:50%;background:#60a779}
.closing-cta{position:relative;overflow:hidden;background:#111a15}.closing-content{position:relative;padding-top:102px;padding-bottom:106px;text-align:center}.closing-content .eyebrow{justify-content:center}.closing-content h2{font-size:clamp(38px,5vw,64px)}.closing-content>p:not(.eyebrow){color:#9eaaa0;font-size:14px}.closing-content .button{margin-top:15px}.closing-glow{position:absolute;left:50%;top:-370px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,125,.17),transparent 68%);transform:translateX(-50%)}.closing-flower{position:absolute;right:13%;top:80px;color:rgba(121,220,185,.2);font-size:38px}.site-footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px clamp(22px,6vw,92px);border-top:1px solid var(--line);background:#0d1511}.footer-brand{font-size:14px}.footer-brand img{width:38px;height:25px}.site-footer>p{margin:0;color:#819086;font-size:10px}.site-footer nav{display:flex;gap:21px;color:#a7b3a9;font-size:10px}.site-footer nav a{text-decoration:none}.site-footer nav span{color:#6eba94}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:32px;padding-top:66px}.hero-copy{max-width:730px}.hero-visual{width:min(100%,780px);margin:auto}.hero h1{font-size:clamp(50px,8vw,76px)}.floating-note{right:0}.feature-card-large .feature-text{padding:28px}.feature-card-large .feature-art{min-height:350px}.local-badge{display:none}}
@media(max-width:680px){.site-header{height:66px;padding:0 20px}.brand{font-size:16px}.brand img{width:42px;height:27px}.menu-toggle{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:transparent}.menu-toggle span{width:15px;height:1px;background:#d6e1d8}.site-header nav{position:absolute;top:65px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:8px 20px 17px;border-bottom:1px solid var(--line);background:#101915}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav a{padding:12px 6px}.site-header nav .nav-cta{margin-top:7px;padding:11px 13px}.hero{min-height:0;padding:58px 22px 48px;gap:27px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(43px,12vw,63px)}.hero-intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.availability{flex-wrap:wrap;gap:8px;margin-top:25px;font-size:9px}.hero-visual{padding:6px 0 14px}.screenshot-frame{padding:5px;border-radius:9px;transform:none}.screenshot-frame img{aspect-ratio:1.35;object-position:left center}.hero-visual figcaption{margin-top:10px;font-size:9px}.floating-note{right:-4px;bottom:39px;padding:9px 11px}.note-icon{width:25px;height:25px;font-size:14px}.floating-note strong{font-size:9px}.floating-note small{font-size:7px}.visual-orbit{display:none}.trust-strip{min-height:66px;gap:9px;padding:10px 15px;flex-wrap:wrap;font-size:9px}.trust-strip b{font-size:9px}.section-wrap{padding-left:20px;padding-right:20px}.workflow{padding-top:76px;padding-bottom:78px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:36px}.section-heading>p:last-child{font-size:12px}.steps{grid-template-columns:1fr;gap:10px}.step-card{min-height:0;padding:20px}.step-top{margin-bottom:13px}.step-card>p{min-height:0}.mini-order,.mini-preview,.mini-screens{margin-top:16px}.features-section{padding:75px 0 78px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card-large,.feature-card-wide{grid-column:auto;min-height:0;display:block}.feature-card-large .feature-art{height:215px;min-height:0}.feature-art{height:195px}.feature-card-large .feature-text,.feature-text{padding:20px}.feature-text h3{font-size:20px}.feature-text p{font-size:11px}.feature-card-wide{padding:22px}.wide-detail{gap:12px}.wide-detail h3{font-size:16px}.wide-detail p{font-size:11px}.closing-content{padding-top:79px;padding-bottom:79px}.closing-content h2{font-size:42px}.closing-content>p:not(.eyebrow){font-size:12px}.closing-flower{right:7%;top:28px;font-size:24px}.site-footer{align-items:flex-start;flex-direction:column;padding:21px 20px}.site-footer nav{gap:18px}.footer-brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Multi-page feature library */
.feature-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:29px}.feature-links a{min-height:45px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:rgba(25,37,30,.65);text-decoration:none;transition:border-color .2s,background .2s}.feature-links a:hover{border-color:rgba(121,220,185,.45);background:#1c2b22}.feature-links a>span{color:#78bd9a;font-size:9px;font-weight:800}.feature-links strong{font-size:10px;font-weight:600}.feature-links i{margin-left:auto;color:var(--green);font-size:12px;font-style:normal}.detail-hero{position:relative;overflow:hidden;padding:82px 24px 85px;background:radial-gradient(ellipse at 76% 20%,rgba(69,156,111,.17),transparent 40%),linear-gradient(135deg,#121d17,#101915 65%)}.detail-inner{width:min(100%,1100px);margin:0 auto}.detail-hero h1{max-width:850px;margin:0;font-family:var(--display);font-size:clamp(44px,7vw,78px);font-weight:600;letter-spacing:-.075em;line-height:1.04}.detail-hero h1 em{color:var(--green);font-style:normal}.detail-intro{max-width:710px;margin:24px 0 0;color:#adbaaf;font-size:17px;line-height:1.8}.breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:#819086;font-size:11px}.breadcrumb a{color:#b8c5ba;text-decoration:none}.breadcrumb a:hover{color:var(--green)}.feature-index-section{padding:38px 24px 100px;background:#eaf0e8;color:#1b2820}.feature-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-index-card{min-height:220px;display:flex;flex-direction:column;padding:23px;border:1px solid rgba(23,48,35,.12);border-radius:8px;background:#f5f7f2;color:#1b2820;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-index-card:hover{transform:translateY(-3px);border-color:rgba(66,137,99,.4);box-shadow:0 12px 30px rgba(27,40,32,.08)}.feature-index-card>span{color:#5d9175;font-size:9px;font-weight:800;letter-spacing:.13em}.feature-index-card strong{margin-top:16px;font-family:var(--display);font-size:20px;letter-spacing:-.04em}.feature-index-card p{margin:8px 0 18px;color:#657267;font-size:12px;line-height:1.7}.feature-index-card i{margin-top:auto;color:#478063;font-size:11px;font-style:normal;font-weight:700}.detail-content{padding:73px 24px 85px;background:#eaf0e8;color:#1b2820}.detail-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-point{min-height:228px;padding:25px;border:1px solid rgba(23,48,35,.12);border-radius:8px;background:#f5f7f2}.detail-point h2{margin:17px 0 10px;font-family:var(--display);font-size:19px;line-height:1.25;letter-spacing:-.035em}.detail-point p{margin:0;color:#657267;font-size:12px;line-height:1.8}.detail-note{display:flex;align-items:flex-start;gap:15px;margin:18px 0 30px;padding:22px;border:1px solid rgba(79,132,99,.18);border-radius:8px;background:#dce8dc}.detail-note .note-icon{flex:0 0 auto}.detail-note strong{display:block;margin:2px 0 5px;font-family:var(--display);font-size:14px}.detail-note p{margin:0;color:#536356;font-size:12px;line-height:1.75}.back-link{color:#44785d;font-size:12px;font-weight:700;text-decoration:none}.back-link:hover{color:#1b5037}.detail-next{position:relative;overflow:hidden;padding:76px 24px 86px;background:#111a15;text-align:center}.detail-next .eyebrow{justify-content:center}.detail-next h2{margin:0 auto 24px;font-family:var(--display);font-size:clamp(34px,5vw,52px);letter-spacing:-.06em;line-height:1.1}.detail-next .button{margin:0 auto}
@media(max-width:850px){.feature-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-points{grid-template-columns:1fr}.detail-point{min-height:0}.detail-hero{padding-top:66px;padding-bottom:68px}}
@media(max-width:680px){.feature-links{grid-template-columns:1fr;margin-top:21px}.feature-links a{min-height:42px}.detail-hero{padding:48px 20px 55px}.detail-hero h1{font-size:clamp(42px,12vw,60px)}.detail-intro{margin-top:19px;font-size:14px}.breadcrumb{font-size:10px;flex-wrap:wrap;gap:7px}.feature-index-section,.detail-content{padding:27px 20px 69px}.feature-index-grid{grid-template-columns:1fr}.feature-index-card{min-height:0;padding:20px}.feature-index-card strong{margin-top:10px}.feature-index-card p{margin-bottom:12px}.detail-points{gap:9px}.detail-point{padding:20px}.detail-note{padding:17px}.detail-next{padding:63px 20px 68px}}