@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f3f1eb;--ink:#242823;--muted:#6d726a;--line:#d9dcd2;--orange:#d8532c;--dark:#232a25;--mint:#b3c3ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:52px;padding-right:52px}.header{max-width:1440px;margin:auto;height:108px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:7px;letter-spacing:-.7px;font-size:19px;white-space:nowrap}.brand b{font-weight:700}.brand-icon{background:var(--ink);color:#e4ecdf;padding:2px 9px;border-radius:7px;margin-right:4px;font-size:28px}.version{font:10px monospace;letter-spacing:.6px;border:1px solid var(--line);padding:5px;margin-left:8px}.header nav{display:flex;gap:30px;font-size:13px}.nav-buy{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0}.nav-buy span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:95px;padding-bottom:90px}.eyebrow{font:10px monospace;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--orange)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(48px,5.7vw,82px);font-weight:500;letter-spacing:-5px;line-height:1.06;margin:28px 0}h1 em{color:var(--orange);font-style:normal}.lead{max-width:440px;font-size:16px;color:var(--muted);line-height:1.75}.hero-actions{display:flex;align-items:center;gap:26px;margin:30px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:0;border-radius:3px;font-weight:550;font-size:13px;padding:17px 21px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{text-decoration:none;transform:translateY(-2px)}.primary{background:var(--orange);color:white}.primary:hover{background:#bd4320}.text-link{font-size:12px}.play-small{font-size:10px;margin-right:7px}.hero-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:var(--muted)}.hero-meta span+span:before{content:'·';margin-right:15px}.studio{background:var(--dark);color:#d6ded4;border-radius:9px;box-shadow:0 28px 55px -30px #28372866;transform:rotate(-1.3deg);overflow:hidden;border:1px solid #3c443e}.studio-head{display:flex;align-items:center;justify-content:space-between;background:#2d352f;padding:15px;font:8px monospace;letter-spacing:1px;color:#a6afa6}.traffic{display:flex;gap:5px}.traffic i{height:6px;width:6px;border-radius:100%;background:#6c7568}.traffic i:first-child{background:#c66b55}.illustration{border:1px solid #697267;padding:3px;font-size:7px}.transport{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #3d443c}.transport-icon{font-size:15px;color:#b6c4b2}.lcd{font:19px monospace;letter-spacing:-1px;background:#b7c2a4;color:#2f392b;padding:8px 12px;border-radius:3px}.lcd small{font-size:8px}.tiny{font:7px monospace;color:#8c9989}.timeline{padding:18px 13px 29px;background:linear-gradient(90deg,transparent 24.7%,#ffffff04 25%,transparent 25.5%,transparent 49.7%,#ffffff04 50%,transparent 50.5%,transparent 74.7%,#ffffff04 75%,transparent 75.5%)}.ruler{display:flex;justify-content:space-between;margin:0 0 12px 96px;font:8px monospace;color:#9ba796}.track{display:grid;grid-template-columns:96px 1fr;min-height:65px;border-top:1px solid #3d443c;align-items:center;gap:8px}.track>span{font-size:10px}.track small{display:block;font:6px monospace;color:#8f9b8d;margin:7px 0 0 11px;letter-spacing:1px}.track-dot{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:1px}.orange{background:#d58a50}.green{background:#8dba8e}.blue{background:#7d9cac}.region{height:50px;padding:5px 8px;border-radius:3px;position:relative;overflow:hidden}.region b{font:7px monospace;display:block}.orange-region{background:#b4774340;border:1px solid #c78a5350;color:#ecc391}.green-region{background:#75947550;border:1px solid #8aab7550;color:#cee6b4;width:86%;margin-left:8%}.blue-region{background:#56738450;border:1px solid #789bab50;color:#aec8d7;width:94%}.notes,.bass-notes{position:relative;height:28px}.notes i,.bass-notes i{position:absolute;height:3px;width:12%;background:#e1b27a;border-radius:1px;top:15px}.notes i:nth-child(2){left:14%;top:8px}.notes i:nth-child(3){left:27%;top:12px}.notes i:nth-child(4){left:40%;top:2px}.notes i:nth-child(5){left:53%;top:6px}.notes i:nth-child(6){left:66%;top:12px}.notes i:nth-child(7){left:79%;top:7px}.notes i:nth-child(8){left:89%;top:18px}.notes i:nth-child(9){left:10%;top:22px}.bass-notes i{width:22%;background:#a2c390}.bass-notes i:nth-child(2){left:26%;top:12px}.bass-notes i:nth-child(3){left:52%;top:20px}.bass-notes i:nth-child(4){left:78%;top:15px}.wave{height:23px;margin-top:4px;background:repeating-linear-gradient(90deg,transparent 0 2px,#8faeb96b 2px 4px,transparent 4px 6px);clip-path:polygon(0 35%,4% 20%,8% 42%,12% 8%,18% 40%,22% 0,28% 25%,32% 10%,38% 45%,42% 0,48% 30%,52% 12%,58% 36%,62% 6%,68% 38%,72% 15%,78% 0,83% 25%,90% 6%,96% 32%,100% 15%,100% 80%,96% 68%,90% 94%,83% 75%,78% 100%,72% 85%,68% 62%,62% 94%,58% 64%,52% 88%,48% 70%,42% 100%,38% 55%,32% 90%,28% 75%,22% 100%,18% 60%,12% 92%,8% 58%,4% 80%,0 65%)}.assistant{margin:0 15px 16px;background:#eff1e9;display:flex;gap:10px;padding:16px 12px;border-radius:5px;color:#333b31;box-shadow:0 3px 16px #1115}.assistant-mark{font-size:22px;color:var(--orange)}.assistant small{font:7px monospace;letter-spacing:1px;color:#6f786c}.assistant p{margin:7px 0 0;font-size:11px}.enter{margin-left:auto;align-self:center;color:#7b8874}.studio-foot{padding:0 16px 15px;font:7px monospace;color:#a4b49c;display:flex;align-items:center;gap:6px}.studio-foot .dot{background:#9cb68a;width:4px;height:4px}.studio-foot>span:last-child{margin-left:auto}.compat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px;gap:22px;color:var(--muted)}.compat>span{font:8px monospace;letter-spacing:1px;max-width:155px;line-height:1.8}.compat div{font-size:13px}.compat b{color:var(--ink);font-weight:600}.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:42px}.section-heading h2,h2{font-size:43px;letter-spacing:-2px;line-height:1.12;font-weight:500;margin:20px 0}.section-heading>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:14px;line-height:1.75}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.feature-tab{display:flex;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:24px 0;gap:18px;color:var(--ink)}.feature-tab:last-child{border-bottom:1px solid var(--line)}.feature-tab>span{font:10px monospace;color:var(--muted);padding-top:4px}.feature-tab h3{font-size:19px;font-weight:500;margin:0 0 9px;letter-spacing:-.6px}.feature-tab p{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}.feature-tab b{font-size:20px;font-weight:400;margin-left:auto;opacity:0}.feature-tab.active{color:var(--orange)}.feature-tab.active b{opacity:1}.feature-panel{background:#e5e8de;border-radius:5px;min-height:300px;padding:35px;display:flex;flex-direction:column;justify-content:center}.panel-eyebrow{font:9px monospace;letter-spacing:1px;color:#626d5e}.parameter-row{display:flex;justify-content:space-between;border-bottom:1px solid #c8d0c1;padding:16px 0;font-size:13px}.parameter-row b{font:12px monospace}.parameter-row .mini-meter{width:70px;height:4px;background:linear-gradient(90deg,var(--orange) 58%,#c2cbbb 58%);display:inline-block;margin-right:15px;vertical-align:middle}.panel-caption{font-size:11px;color:#626d5e;line-height:1.7;margin:20px 0 0}.panel-folder{font:14px monospace;line-height:2.2;color:#3a4833}.panel-folder .child{padding-left:25px}.connection-node{padding:15px;border:1px solid #bac6b2;border-radius:3px;background:#f1f3eb;font:12px monospace;margin:7px 0}.connection-arrow{text-align:center;color:var(--orange)}.media-section{background:#e9eae2}.horizontal{display:flex;justify-content:space-between;align-items:end;gap:40px}.horizontal>p{max-width:330px!important}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-slot{aspect-ratio:16/9;background:#29312a;border:1px solid #3b463a;color:#b7c4ad;position:relative;border-radius:4px;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.media-number{position:absolute;left:17px;top:15px;font:8px monospace;letter-spacing:1px}.media-play{border:1px solid #82977655;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:24px;margin:20px 0 9px}.media-label{font-size:10px;color:#a6b49c}.media-bottom{position:absolute;bottom:14px;left:16px;right:16px;font:7px monospace;letter-spacing:1px;display:flex;justify-content:space-between;color:#9cad8e}.screenshot-slot{background:#d8decf;color:#394c2e;border-color:#c3ccbb}.screenshot-slot .media-bottom{color:#5e7052}.folder-illustration{font:23px monospace;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:160px;margin-top:10px}.folder-illustration span{font-size:12px}.folder-illustration small{font-size:9px;line-height:1.9;width:100%;margin-left:15px}.media-card h3{font-size:16px;font-weight:500;letter-spacing:-.5px;line-height:1.4;margin:19px 0 7px}.media-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.media-slot video,.media-slot img{width:100%;height:100%;object-fit:contain;background:#202720}.media-slot img{cursor:zoom-in}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:21px 18px;border-bottom:1px solid var(--line);line-height:1.6}thead th{font-weight:600;font-size:14px;vertical-align:top}thead small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}thead th:first-child{width:40%;font-size:11px;font-weight:400;color:var(--muted)}tbody th{font-weight:500}tbody td{color:var(--muted);width:30%}tbody td:last-child,thead th:last-child{background:#e7ebdf;color:#364830}.check{color:#527347;font-weight:600;margin-right:6px}.table-note{font-size:10px;color:var(--muted);line-height:1.8;max-width:800px;margin-top:20px}.pricing-section{background:#242c25;color:#ecf0e7}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-copy h2{font-size:54px;letter-spacing:-2.7px}.pricing-copy>p:not(.eyebrow){color:#acb8a5;max-width:320px;font-size:14px;line-height:1.8}.pricing-copy .eyebrow{color:#b3c1a8}.release-note{display:flex;align-items:center;gap:9px;font:9px monospace;color:#aaba9e;margin-top:30px}.price-card{padding:33px;background:#f3f1eb;color:var(--ink);border-radius:5px}.price-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px monospace;letter-spacing:1px}.tag{background:#e6e9dd;padding:6px 8px;font-size:8px}.price{font-family:'Space Grotesk',sans-serif;font-size:89px;margin:25px 0 0;letter-spacing:-6px;line-height:1}.price span{font-size:42px;letter-spacing:-2px}.price-sub{font-size:11px;color:var(--muted);padding-bottom:23px;border-bottom:1px solid var(--line);margin-top:12px}.price-card ul{list-style:none;padding:0;margin:23px 0;font-size:12px;line-height:2.6}.price-card li:before{content:'✓';margin-right:10px;color:#547445}.full{width:100%}.checkout-note{font-size:10px;text-align:center;color:var(--muted);line-height:1.6}.price-terms{font-size:9px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:16px;margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq-items{padding-top:10px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:23px 30px 23px 0;font-size:13px;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:20px;top:17px;color:var(--muted)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 25px 23px 0}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer .brand{font-size:16px}.footer .brand-icon{font-size:23px}.footer>p{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;gap:24px;font-size:10px}.footer>small{font-size:9px;color:var(--muted);line-height:1.8;flex-basis:100%;margin-top:10px}dialog{border:0;border-radius:6px;background:var(--bg);max-width:510px;width:calc(100% - 40px);padding:40px;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#152019aa;backdrop-filter:blur(5px)}dialog h2{font-size:32px}dialog>p{font-size:14px;line-height:1.7}dialog .muted{font-size:12px;color:var(--muted)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;color:var(--muted)}.payment-preview{display:flex;gap:10px;margin:22px 0}.payment-preview span{padding:12px 18px;border:1px solid var(--line);font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px;padding:16px;background:var(--bg);z-index:10}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.legal{max-width:850px;min-height:70vh;padding-top:65px;padding-bottom:65px}.legal p,.legal li{font-size:15px;line-height:1.8;color:var(--muted)}.legal h1{font-size:50px;letter-spacing:-2px}.legal h2{font-size:25px;letter-spacing:-1px;margin-top:35px}.legal pre{white-space:pre-wrap;font:12px/1.7 monospace;overflow-wrap:anywhere;background:#e7e9df;padding:25px}.image-dialog{max-width:1100px;padding:35px 15px 15px}.image-dialog img{max-width:100%;max-height:80vh;display:block;margin:auto}@media(min-width:1450px){.hero{padding-top:115px;padding-bottom:110px}}@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}.header{padding:0 32px}.hero{gap:30px}.hero-meta{gap:8px;font-size:9px}.hero-meta span+span:before{margin-right:8px}h1{letter-spacing:-3px}.feature-layout{gap:30px}.pricing{gap:55px}.studio .tiny{display:none}.compat div{font-size:11px}.compat>span{font-size:7px}.media-number{font-size:7px}.media-label{font-size:9px}}@media(max-width:760px){.header{height:78px;padding:0 22px}.header nav{display:none}.brand{font-size:16px}.version{display:none}.nav-buy{font-size:11px}.nav-buy span{margin-left:8px}.wrap{padding-left:23px;padding-right:23px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:44px}h1{font-size:62px;letter-spacing:-3.5px}.lead{font-size:15px;max-width:460px}.hero-actions{gap:20px}.hero-meta{font-size:10px;gap:10px}.studio{max-width:520px;width:100%;margin:0 auto}.compat{flex-wrap:wrap;gap:20px}.compat>span{max-width:none;width:100%;font-size:8px}.compat div{font-size:11px}.section{padding-top:60px;padding-bottom:60px}h2,.section-heading h2{font-size:36px;letter-spacing:-1.7px}.feature-layout{grid-template-columns:1fr;gap:24px}.feature-panel{min-height:270px;padding:25px}.feature-tab{padding:19px 0}.horizontal{display:block}.horizontal>p{max-width:100%!important}.media-grid{grid-template-columns:1fr;gap:30px}.media-slot{max-height:310px}.media-number{font-size:9px}.media-label{font-size:12px}.media-play{height:56px;width:56px}.media-bottom{font-size:8px}table{min-width:640px;font-size:11px}th,td{padding:16px 12px}.pricing{grid-template-columns:1fr;gap:35px}.pricing-copy h2{font-size:45px}.pricing-copy>p:not(.eyebrow){max-width:100%}.price-card{padding:27px}.faq{grid-template-columns:1fr;gap:15px}.footer>p{flex-basis:100%;margin:0}.footer>div{margin-left:0}.hero-meta span+span:before{margin-right:10px}.legal h1{font-size:40px}dialog{padding:30px}.studio-head{font-size:7px}}@media(max-width:370px){h1{font-size:53px}.hero-actions{flex-wrap:wrap}.hero-meta{font-size:9px}.compat div{font-size:10px}.brand{font-size:14px}.header{padding:0 16px}.lcd{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Full product name remains visible at every breakpoint. */
.header .brand{gap:5px}.hero .eyebrow{line-height:1.7}@media(max-width:760px){.header{gap:10px}.header .brand{font-size:13px;letter-spacing:-.5px}.header .brand-icon{font-size:23px;padding:2px 7px}.nav-buy{font-size:10px}.nav-buy span{margin-left:5px}}

/* Direct, concrete introduction: copy stays readable on narrow screens. */
.hero h1{font-size:clamp(44px,4.6vw,66px);letter-spacing:-3px;line-height:1.1}.prompt-example{font-size:13px;line-height:1.7;margin:22px 0 0;padding:0 0 0 13px;border-left:2px solid var(--orange);color:var(--ink)}.prompt-example>span{display:block;font:8px/1.8 monospace;letter-spacing:1.2px;color:var(--muted);margin-bottom:4px}@media(max-width:760px){.hero h1{font-size:49px;letter-spacing:-2.5px}.hero .lead{font-size:15px}.prompt-example{font-size:12px}}@media(max-width:370px){.hero h1{font-size:43px;letter-spacing:-2px}}

.keep-together{white-space:nowrap}

.client-note{font-size:11px;line-height:1.7;margin:19px 0 0;color:var(--ink)}.client-note strong{font-weight:600}.client-note span{display:block;color:var(--muted);font-size:10px}.brand-scope{font-size:10px;color:var(--muted);line-height:1.7;padding-top:12px;margin-bottom:0}.compat div{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.5px}.next-section{padding-top:62px;padding-bottom:10px}.next-section h2{font-size:31px;letter-spacing:-1px}.next-items{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:25px}.next-items h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.next-items p{font-size:13px;line-height:1.7;color:var(--muted);max-width:450px}.status-label{font:8px monospace;letter-spacing:1px;color:var(--muted)}@media(max-width:760px){.compat div{font-size:18px}.next-items{grid-template-columns:1fr;gap:22px}.next-section{padding-top:45px}}