:root{--paper:#d8d8d3;--white:#efefeb;--ink:#151716;--graph:#252826;--line:#939792;--signal:#ed5c38}
body{background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif;font-size:16px}p{color:#505450}header,main,footer{max-width:1520px}header{padding:22px 3.4%;border-color:var(--ink)}header nav{font:14px/1.4 monospace;gap:24px}.wordmark span{color:var(--ink)}.wordmark small{font:12px monospace;letter-spacing:1px}nav button{color:var(--ink);font-size:14px}.nav-buy,.primary{background:var(--ink);color:var(--white);border-radius:0}.nav-buy:hover,.primary:hover{background:#3b3e3b}.hero{padding:30px 3.4% 0}.eyebrow{color:#555b55;font:12px/1.5 monospace;letter-spacing:1px}.edition-title{display:flex;justify-content:space-between;align-items:end;font-size:clamp(105px,19vw,280px);letter-spacing:-.08em;line-height:1;margin:30px 0 0;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:22px}.edition-title span{font:14px/1.5 monospace;letter-spacing:.08em;padding-bottom:12px}.hero-row{margin:36px 0 42px;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}.hero h1{font-size:clamp(44px,4.8vw,72px);line-height:1.03;letter-spacing:-.055em}.hero h1 em{color:var(--ink)}.hero-aside{max-width:480px;border-left:1px solid var(--line);padding:0 0 0 30px}.hero-aside p{font-size:16px;line-height:1.6;margin-bottom:20px}.button{border-radius:0;font-size:14px;font-weight:400;padding:14px 22px}.text-link{color:#535853;font:13px monospace}.hero-photo{margin:0 0 42px;background:#252826}.hero-photo img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center}.hero-photo figcaption{display:flex;justify-content:space-between;padding:15px 18px;color:#c8ccc8;font:12px monospace}.instrument-shell{border-radius:0;box-shadow:none;border-color:var(--ink)}.instrument-bar{background:var(--graph);color:#ddd}.instrument-bar,.instrument-bottom{font:12px/1.5 monospace}.instrument-bottom{background:var(--graph);color:#c6cac6;border-color:#555}.rack-stage{height:520px}.demo-cover{background:#1417168c;justify-content:end;align-items:start;padding:34px;text-align:left;gap:12px}.demo-cover strong{font-size:28px}.demo-cover .play-circle{border-color:#d7dad7;color:#eee;background:#2229;border-radius:0;width:46px;height:46px}.demo-cover>span:last-child{color:#ddd}.hero-foot{color:#555b55;font-size:12px}.section{padding:88px 3.4%;border-color:var(--ink)}h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.055em;line-height:1.06}.section-intro{grid-template-columns:1fr 2.5fr}.section-intro .section-note{font-size:16px;max-width:650px;margin-top:-8px}.features{gap:0;border-top:1px solid var(--ink);margin-top:42px}.features article{padding:22px;border-right:1px solid var(--line);border-top:0;min-width:0}.features article:first-child{padding-left:0}.features article:last-child{padding-right:0;border-right:0}.feature-no{font:12px monospace;color:#484e48}.module-photo{margin:22px 0 28px;background:#252826;overflow:hidden}.module-photo img{display:block;width:100%;height:auto;aspect-ratio:900/680;object-fit:contain;transition:transform .4s}.module-photo:hover img{transform:scale(1.025)}.features h3,.features article:first-child h3{font-size:28px;line-height:1.14;letter-spacing:-1px}.features p{font-size:16px;line-height:1.65}.module-names{color:#525852;font:12px/1.6 monospace;letter-spacing:0}.workflow{background:var(--white);gap:70px}.workflow-list li{border-color:#b0b4ae}.workflow-list b{font-size:23px;color:var(--ink)}.workflow-list span{color:#555b55;font-size:16px}.professional{background:var(--graph);color:var(--white);gap:60px}.professional .eyebrow{color:#a9afa9}.professional p{color:#bcc1bc}.professional-grid b{color:var(--white);font-size:21px}.professional-grid article{border-color:#686e68}.purchase{gap:80px}.price-card{border-radius:0;background:var(--white);color:var(--ink);border:1px solid var(--ink);padding:32px}.price-top{font:12px monospace}.badge{border-color:#999;color:#333;font-size:12px}.price{font-size:100px}.price span,.price-sub,.fine,.payment-word,.payment-word b{color:#565c56}.price-card ul{border-color:#aaa}.price-card li:before{color:var(--ink)}.checkout[aria-disabled=true],.checkout[aria-disabled=true]:hover{background:#d3d6d1;color:#4f554f;border-radius:0}.payment-word{font-size:12px}.details{background:var(--white)}.faq details{border-color:#aaa}.faq summary{font-size:18px}.faq summary:after{color:#555}footer{padding:40px 3.4%}.footer-brand{color:#757c75;border-color:var(--ink)}.footer-brand span{color:var(--ink)}.footer-bottom{color:#535953}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--signal)}#demo-status{color:#eee;background:var(--graph)}html[lang=ko] .hero h1{font-size:clamp(34px,3.9vw,57px);line-height:1.3;letter-spacing:-.06em}html[lang=ko] h2{line-height:1.24}html[lang=ko] .section-intro h2{font-size:clamp(32px,3.8vw,55px)}
@media(max-width:900px){.hero-row{gap:28px;grid-template-columns:1fr}.hero-aside{max-width:650px;margin:0;padding:0;border:0}.edition-title span{font-size:12px}.section-intro{grid-template-columns:1fr}.section-intro .section-note{grid-column:1}.features{grid-template-columns:1fr}.features article,.features article:first-child,.features article:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.features article .feature-no{grid-column:1/-1}.module-photo{grid-column:1;grid-row:2/5;margin-bottom:0}.features h3{grid-column:2}.features p,.module-names{grid-column:2}.professional,.workflow,.purchase,.details{grid-template-columns:1fr}.hero-photo img{max-height:none}.section{padding-top:60px;padding-bottom:60px}}
@media(max-width:600px){header{padding:18px 5%}header nav{gap:12px}.wordmark small{font-size:10px}.hero{padding:24px 5% 0}.hero>.eyebrow{font-size:12px;gap:15px}.edition-title{font-size:23vw;margin-top:20px;padding-bottom:14px}.edition-title span{display:none}.hero h1{font-size:43px}.hero-row{margin:26px 0}.hero-photo{margin-bottom:28px}.hero-photo figcaption{font-size:12px;gap:20px}.hero-photo figcaption span:last-child{display:none}.hero-photo img{height:300px;object-fit:cover;object-position:43% center}.rack-stage{height:330px}.demo-cover{padding:22px}.instrument-bar{gap:10px}.instrument-bar,.instrument-bottom{font-size:12px}.section{padding:50px 5%}.features article,.features article:first-child,.features article:last-child{display:block}.module-photo{margin:20px 0}.features h3{font-size:30px}.professional-grid{grid-template-columns:1fr 1fr;gap:22px}.professional-grid b{font-size:18px}.professional-grid p{font-size:16px}.hero-aside .text-link{display:block;margin-left:0}.purchase{gap:30px}.price-card{padding:24px}.footer-bottom{font-size:13px}.footer-brand{font-size:26vw}html[lang=ko] .hero h1{font-size:34px}.section h2{font-size:36px}}
.demo-cover{background:linear-gradient(0deg,#141716ee,#14171630),url('assets/rack.webp') center/cover no-repeat}body{font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}

/* Product name remains legible beside the large INFIN8 mark. */
.edition-title span{font:600 clamp(20px,2vw,31px)/1.1 Arial,'Malgun Gothic',sans-serif;letter-spacing:-.025em;padding:0 0 12px;margin-left:30px;min-width:220px}
.wordmark small{font-size:13px;letter-spacing:1.2px}
/* An actual frame rendered by the live LUMEN demo fills its panel display. */
.lumen-photo{position:relative}
.lumen-photo .lumen-screen-sample{position:absolute;left:22.3%;top:22.1%;width:55.4%;height:27%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:2px}
.lumen-photo:hover .lumen-screen-sample{transform:none}
@media(max-width:900px){.edition-title span{font-size:clamp(16px,2.5vw,23px);min-width:0}}
@media(max-width:600px){.edition-title{display:block}.edition-title span{display:block;font-size:16px;line-height:1.15;letter-spacing:0;margin:8px 0 0;padding:0;text-align:right}.wordmark small{font-size:11px}}
/* Public beta price: keep the previous planned price legible beside free access. */
.price{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.price del{font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:-1px;line-height:1.2;color:#879482;text-decoration-thickness:2px;text-decoration-color:#70836a}
.price strong{font-size:clamp(70px,8vw,96px);font-weight:600;letter-spacing:-5px;line-height:1.15;color:#18200e}
.hero-aside .text-link del{text-decoration-thickness:1px;text-decoration-color:#b9c4b5}
/* Guided start copy in the patch-to-piece section. */
.workflow-kicker{font-size:16px;font-weight:600;line-height:1.5;color:var(--ink);margin:26px 0 9px}
.workflow .workflow-kicker+h2{margin-top:0}
.workflow-list .workflow-prelude{font-size:16px;line-height:1.55;color:var(--ink);margin:0 0 13px;max-width:38ch}
.workflow-list b{line-height:1.35}
.hero-aside .hero-beta-note{max-width:520px;margin:22px 0 0;color:#4b514b;font-size:16px;line-height:1.65;font-weight:400}
.hero-beta-note em{font-style:italic}
.hero-identity{color:var(--ink);font-size:clamp(17px,1.65vw,23px);font-weight:600;letter-spacing:-.035em;line-height:1.4;margin:18px 0 0}
.hero-device-note{max-width:760px;color:#555b55;font-size:16px;font-style:italic;line-height:1.6;margin:6px 0 0}
@media(max-width:600px){.hero-identity{font-size:17px;margin:14px 0 0}}
/* Small, documentary app captures support the three guided steps. */
.workflow-shot{position:relative;overflow:hidden;margin:18px 0 2px;aspect-ratio:2.45;background:#171b19;border:1px solid #a8aea7}
.workflow-shot img{display:block;width:100%;height:100%;object-fit:cover}
.shot-patch img{object-position:center 35%}
.shot-lfo img{object-position:center}
.shot-record img{position:absolute;bottom:-6%;left:-31%;width:220%;height:auto;max-width:none}
@media(max-width:600px){.workflow-shot{aspect-ratio:2.1;margin-top:15px}.shot-record img{width:245%;left:-35%}}
