@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090b10;--panel:#12151d;--panel2:#171b24;--border:#292d37;--text:#f5f5f7;--muted:#999ba9;--orange:#ff762c;--orange2:#ffa35e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;padding:0 28px;margin:auto}.glow{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(95px)}.glow-one{width:550px;height:450px;top:100px;right:-240px;background:#ae461f24}.glow-two{width:400px;height:360px;top:560px;left:-270px;background:#a95a2620}.header{height:95px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#ff9846,#f2661d);width:42px;height:42px;border-radius:11px;font-weight:800;font-size:19px;color:#fff;letter-spacing:-2px}.brand-word{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:23px;letter-spacing:-1.3px;line-height:.9}.brand-word>span{color:var(--orange)}.brand-word small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:7px;color:#a5a4ad}.nav{display:flex;gap:32px}.nav a,.footer-links a{color:#b6b6c0;font-size:13px;font-weight:600;transition:color .2s}.nav a:hover,.footer-links a:hover{color:var(--orange)}.header-actions{display:flex;gap:14px;align-items:center}.lang-wrap select{border:1px solid var(--border);background:#171920;color:#eee;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;border-radius:10px;background:var(--orange);color:#15100c;font-size:13px;font-weight:800;box-shadow:0 8px 40px #ff762c20;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ff9653}.button-small{padding:12px 15px;gap:12px}.button-ghost{background:#1b1d24;color:#f1f1f2;box-shadow:none;border:1px solid #363943}.button-ghost:hover{background:#272a33}.menu{display:none;background:none;border:1px solid var(--border);border-radius:8px;color:#fff;padding:8px 12px}.hero{padding-top:88px;padding-bottom:100px;position:relative}.eyebrow,.section-label{color:var(--orange2);font-size:11px;letter-spacing:2.3px;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center}.pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff762c19}.hero h1,.section h2,.closing h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-4px;font-weight:700;line-height:1.06}.hero h1{font-size:clamp(55px,7vw,91px);margin:24px 0}.hero h1 em,.section h2 em,.closing h2 em{font-style:normal;color:var(--orange)}.hero-copy{color:#b2b2be;line-height:1.8;max-width:555px;font-size:17px}.hero-actions{display:flex;gap:12px;margin:30px 0 45px}.hero-metrics{display:flex;gap:42px}.hero-metrics div{display:flex;align-items:center;gap:12px}.hero-metrics b{font:700 28px 'Space Grotesk';color:#fff}.hero-metrics span{font-size:11px;line-height:1.3;color:#9698a6;max-width:90px}.hero-art{margin-top:65px;border:1px solid #40414b;border-radius:16px;overflow:hidden;background:#11141b;box-shadow:0 28px 100px #0009,0 0 75px #ff762c0b}.art-top{height:44px;border-bottom:1px solid #292c36;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#999eac;font-size:10px;letter-spacing:2px}.dots{display:flex;gap:6px}.dots i{height:8px;width:8px;background:#525562;border-radius:50%}.dots i:first-child{background:#e96c51}.dots i:nth-child(2){background:#e3b554}.dots i:nth-child(3){background:#71b88c}.art-ready{color:#6bca94}.art-body{display:flex;min-height:360px}.art-side{width:225px;border-right:1px solid #292c36;padding:30px 15px}.side-logo{font-size:20px;font-weight:800;letter-spacing:-1px;margin-bottom:38px}.side-logo span{color:var(--orange)}.side-item{font-size:12px;color:#a5a8b2;padding:13px;border-radius:8px;margin-bottom:5px}.side-item.active{background:#ff762c19;color:#ffa169}.art-main{flex:1;padding:42px 45px}.art-kicker{font-size:10px;color:#ff9d64;letter-spacing:2px;font-weight:800}.art-heading{font:700 clamp(24px,3vw,40px) 'Space Grotesk';letter-spacing:-1px;margin:12px 0 32px}.art-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.art-cards>div{background:#1a1e28;border:1px solid #333745;border-radius:11px;min-height:148px;padding:19px}.art-cards span{font-size:10px;color:#a0a4b1;letter-spacing:1px}.art-cards strong{display:block;font:700 39px 'Space Grotesk';margin-top:16px}.art-cards strong small{font:600 11px 'DM Sans';color:#999baa}.mini-bars{display:flex;gap:5px;align-items:end;height:28px}.mini-bars i{width:16%;background:#fa8a48;border-radius:3px 3px 0 0;height:65%}.mini-bars i:nth-child(2){height:95%}.mini-bars i:nth-child(3){height:40%}.mini-bars i:nth-child(4){height:85%}.mini-bars i:nth-child(5){height:52%}.sheet-grid{display:flex;gap:3px;margin-top:12px;height:28px}.sheet-grid i{flex:1;background:#c5a982;border:1px solid #7d674c}.sheet-grid i:nth-child(3),.sheet-grid i:nth-child(6){background:#8caa91}.tiny-line{height:4px;background:linear-gradient(90deg,var(--orange),#5e3940);border-radius:5px;margin-top:22px}.art-foot{font-size:11px;color:#858994;margin-top:25px}.strip{border-block:1px solid #222630;background:#101218}.strip-inner{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px;flex-wrap:wrap;color:#b5b7c0;font-size:12px;font-weight:700}.strip-inner span:first-child{color:#f88e51;letter-spacing:1.5px;font-size:10px}.section{padding-top:125px;padding-bottom:65px}.section-heading{max-width:680px;margin-bottom:48px}.section h2,.closing h2{font-size:clamp(44px,5.5vw,68px);margin:20px 0;letter-spacing:-3px}.section-heading p{font-size:16px;color:#a7a9b4;line-height:1.8;max-width:570px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{border:1px solid #292e39;background:linear-gradient(140deg,#171b23,#101218);border-radius:18px;padding:32px;overflow:hidden}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #6d3d29;border-radius:11px;color:var(--orange);background:#ff762c13;font-size:24px;margin-bottom:26px}.feature-index{color:#ff9a60;font-size:10px;font-weight:800;letter-spacing:2px}.feature-card h3{font:700 27px 'Space Grotesk';letter-spacing:-1px;margin:13px 0}.feature-card p{color:#a8aab6;line-height:1.75;font-size:14px;max-width:460px}.placeholder{height:240px;background:#0d1015;border:1px solid #292d36;border-radius:12px;margin-top:32px;padding:19px;position:relative;overflow:hidden}.placeholder-chip{font-size:10px;letter-spacing:1.4px;color:#aeb0bd}.placeholder small{position:absolute;bottom:12px;right:14px;color:#757986;font-size:10px}.fake-table{margin-top:24px}.fake-table>div{display:flex;gap:10px;border-bottom:1px solid #252932;padding:11px 0}.fake-table i{height:8px;background:#353c48;border-radius:4px;width:19%}.fake-table i:first-child{width:40%;background:#5a463b}.mock-board{margin-top:21px;display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;grid-template-rows:75px 65px;gap:4px}.mock-board i{background:#a78e6d;border:2px solid #534737}.mock-board i:nth-child(2){grid-row:span 2;background:#c5aa86}.mock-board i:nth-child(5){background:#789981}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;min-height:430px}.feature-wide-reverse{grid-template-columns:.8fr 1.2fr}.feature-tag{display:inline-block;margin-top:14px;background:#ff762c14;border:1px solid #80452d;color:#ffa16b;padding:10px 13px;border-radius:7px;font-size:12px;font-weight:700}.screenshot-frame{border:1px solid #40434d;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0008;background:#111}.screenshot-top{height:35px;background:#20232b;border-bottom:1px solid #343741;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#a2a5b0}.screenshot-frame img{width:100%;display:block}.report-preview{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse,#353139,#11151b 70%);border-radius:12px;padding:25px;min-height:330px}.report-paper{background:#f5f5f2;color:#111;width:245px;min-height:280px;padding:18px;transform:rotate(3deg);box-shadow:0 14px 40px #0009}.report-brand{font-size:15px;color:#f4772e;font-weight:900}.report-brand b{color:#111}.report-photo{height:100px;background:#e2d5c2;margin:18px 0;display:flex;align-items:end;gap:5px;padding:12px}.report-rect{height:60px;background:#b7a184;flex:1}.report-rect:nth-child(2){height:80px;background:#dfc9ac}.report-line{height:7px;width:85%;background:#c9cbd0;margin:12px 0}.report-line.short{width:55%}.report-table{display:flex;gap:3px}.report-table i{height:26px;flex:1;background:#dfdfe2}.report-note{font-size:10px;color:#888c99;margin-top:20px}.workflow-section{background:#11141b;border-block:1px solid #252832;margin-top:75px;padding-bottom:125px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{border-top:1px solid #4b4b55;padding-top:22px}.steps span{font:700 29px 'Space Grotesk';color:var(--orange)}.steps h3{font:700 21px 'Space Grotesk';margin:20px 0 10px}.steps p{color:#a1a4b0;font-size:14px;line-height:1.7}.center{text-align:center;margin-left:auto;margin-right:auto}.center p{margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.price-card{position:relative;background:#141720;border:1px solid #313541;border-radius:18px;padding:36px}.price-card.featured{background:linear-gradient(155deg,#291e1a,#171820 50%);border-color:#aa6038}.popular{position:absolute;right:18px;top:18px;background:#ff762c;color:#160d09;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800}.plan-name{color:#ff9b62;font-size:11px;font-weight:800;letter-spacing:2px}.price-card h3{font:700 27px 'Space Grotesk';margin:17px 0}.price-card p{color:#aaaeba;line-height:1.7;font-size:14px;min-height:70px}.price-card ul{list-style:none;padding:0;margin:27px 0}.price-card li{font-size:13px;color:#d3d3db;margin:17px 0;padding-left:24px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#ff8d49}.price-note{color:#ffb48b;font-size:12px;border-top:1px solid #49352e;padding-top:15px}.disabled-action{display:block;border:1px solid #434750;border-radius:9px;padding:14px;text-align:center;color:#999da9;font-size:13px;font-weight:800}.disabled-action.bright{border-color:#a75d34;background:#4b3021;color:#e6ae89}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq-list details{border-bottom:1px solid #31343e;padding:19px 0}.faq-list summary{cursor:pointer;font-weight:700;font-size:14px;line-height:1.6}.faq-list summary::marker{color:var(--orange)}.faq-list p{color:#a3a6b1;font-size:13px;line-height:1.8}.closing{padding-top:100px;padding-bottom:110px}.closing-panel{background:radial-gradient(ellipse at 95% 10%,#733b2566,transparent 55%),linear-gradient(135deg,#22212a,#13161c);border:1px solid #5a4037;border-radius:22px;padding:65px}.closing h2{margin:18px 0}.closing p{color:#aeb0bc;margin-bottom:28px}.footer{border-top:1px solid #2b2d35;padding-top:42px;padding-bottom:25px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-brand .brand-mark{width:34px;height:34px;font-size:16px}.footer-brand .brand-word{font-size:18px}.footer p{color:#888c98;font-size:12px}.footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.copyright{border-top:1px solid #252832;padding-top:23px;width:100%;color:#737784;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.nav{gap:15px}.header-actions .button{display:none}.hero{padding-top:50px}.feature-wide{grid-template-columns:1fr}.faq-section{gap:25px}.art-side{width:180px}.art-main{padding:30px}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.header{height:75px}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#151820;border-bottom:1px solid #30333d;z-index:20;padding:20px;flex-direction:column}.nav.open{display:flex}.menu{display:block}.hero{padding-top:46px;padding-bottom:60px}.hero h1{letter-spacing:-2.5px;font-size:clamp(44px,10vw,63px)}.hero-copy{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-metrics{gap:14px;justify-content:space-between}.hero-metrics div{display:block}.hero-metrics b{display:block;font-size:23px}.hero-metrics span{font-size:10px}.hero-art{margin-top:45px}.art-side{display:none}.art-main{padding:24px}.art-body{min-height:300px}.art-cards{gap:6px}.art-cards>div{padding:10px;min-height:110px}.art-cards span{font-size:8px}.art-cards strong{font-size:23px}.art-cards strong small{font-size:8px}.art-heading{font-size:26px}.strip-inner{justify-content:flex-start;gap:16px}.section{padding-top:80px;padding-bottom:35px}.section h2,.closing h2{letter-spacing:-2px}.feature-grid,.pricing-grid,.steps,.faq-section{grid-template-columns:1fr}.feature-wide{grid-column:span 1}.feature-card{padding:23px}.feature-card h3{font-size:23px}.workflow-section{margin-top:45px;padding-bottom:80px}.steps{gap:30px}.price-card{padding:26px}.closing{padding-top:70px;padding-bottom:70px}.closing-panel{padding:35px 25px}.footer{display:block}.footer-links{margin:30px 0}.art-ready{display:none}}

/* Edit Positions feature highlight */
.edit-feature{grid-template-columns:1fr 1fr}.edit-image-panel{display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,#27262a,#0d1015 75%);border:1px solid #343741;border-radius:13px;min-width:0}.edit-image-panel img{display:block;width:auto;max-width:100%;height:auto;max-height:660px;border-radius:6px;box-shadow:0 16px 50px #0009}@media(max-width:900px){.edit-feature{grid-template-columns:1fr}}

/* v0.3: actual screenshots + responsive image viewer */
.feature-shot{position:relative;display:block;width:100%;padding:0;border:1px solid #343945;border-radius:12px;overflow:hidden;background:#0b0e14;cursor:zoom-in;text-align:left;color:#fff;min-width:0} .feature-card:not(.feature-wide) .feature-shot{height:245px;margin-top:30px} .feature-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease} .feature-shot:hover img{transform:scale(1.025)} .shot-hint{position:absolute;right:12px;bottom:12px;background:#0a0d13e8;border:1px solid #454a55;border-radius:7px;padding:8px 10px;color:#fff;font-size:11px;font-weight:700} .shot-cut img{object-position:26% 43%;width:175%;max-width:none;transform:translateX(-10%)} .shot-cut:hover img{transform:translateX(-10%) scale(1.025)} .shot-optimizer img{object-position:left center;width:190%;max-width:none} .shot-cost,.shot-report{height:320px} .shot-cost img{object-fit:cover;object-position:center center} .shot-report img{width:175%;max-width:none;object-position:left center} .shot-edit{display:flex;align-items:center;justify-content:center;padding:18px;background:#0d1016;min-height:0} .shot-edit img{width:auto;max-width:100%;height:auto;max-height:670px;object-fit:contain} .shot-edit:hover img{transform:none} .image-viewer{position:fixed;inset:0;max-width:96vw;max-height:94vh;width:max-content;height:max-content;margin:auto;padding:16px;border:1px solid #454a55;border-radius:12px;background:#11151b;box-shadow:0 20px 100px #000c;color:#fff;overflow:auto} .image-viewer::backdrop{background:#000d} .image-viewer img{display:block;max-width:min(90vw,1700px);max-height:85vh;width:auto;height:auto;object-fit:contain} .viewer-close{position:sticky;top:0;float:right;z-index:2;border:1px solid #5b6069;border-radius:8px;background:#252a34;color:white;padding:9px 12px;margin-bottom:8px} @media(max-width:760px){.feature-card:not(.feature-wide) .feature-shot{height:210px}.shot-cost,.shot-report{height:250px}.shot-edit img{max-height:520px}.shot-hint{font-size:10px}.image-viewer{padding:8px}}

/* v0.4: overlay independent of native dialog behavior */
.image-viewer[hidden]{display:none!important}
.image-viewer:not([hidden]){position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center;justify-content:center;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:60px 24px 24px!important;background:rgba(0,0,0,.94)!important;border:0!important;border-radius:0!important;overflow:auto!important;box-sizing:border-box}
.image-viewer:not([hidden]) img{display:block!important;max-width:calc(100vw - 48px)!important;max-height:calc(100dvh - 90px)!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:5px}
.image-viewer .viewer-close{position:fixed!important;right:22px;top:16px;z-index:100000;float:none!important;cursor:pointer}
body.viewer-open{overflow:hidden}
/* More legible thumbnails: preserve the full app screen, no arbitrary sideways crop */
.shot-cut img,.shot-report img{width:100%!important;max-width:100%!important;transform:none!important;object-fit:contain!important;object-position:center!important}
.shot-cut:hover img,.shot-report:hover img{transform:scale(1.015)!important}
.shot-cost img{object-fit:contain!important;object-position:center!important}
@media(max-width:650px){.image-viewer:not([hidden]){padding:65px 8px 12px!important}.image-viewer:not([hidden]) img{max-width:calc(100vw - 16px)!important}}

/* v0.5: dashboard showcase and dedicated cut list image */
.dashboard-showcase{margin-top:32px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:32px;padding:26px;border:1px solid #303540;border-radius:18px;background:linear-gradient(135deg,#161a22,#0f1117)}
.dashboard-copy h2{font-size:clamp(23px,2.5vw,33px);letter-spacing:-1px;margin:12px 0}
.dashboard-copy p{font-size:14px;line-height:1.7;color:#a8aab6}
.dashboard-shot{margin:0!important;height:265px!important}
.dashboard-shot img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
.shot-cut img{object-fit:contain!important}
@media(max-width:760px){.dashboard-showcase{grid-template-columns:1fr;gap:14px;padding:20px}.dashboard-shot{height:220px!important}}

/* v0.6 viewer guaranteed above page layers */
#image-viewer:not([hidden]){z-index:2147483647!important;}
#image-viewer[hidden]{display:none!important;}

.workflow-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:42px;padding:22px 0;border-top:1px solid #3a3e48}.workflow-guide-cta p{color:#b9bbc4}.workflow-guide-cta .button{white-space:nowrap}@media(max-width:800px){.workflow-guide-cta{flex-direction:column;align-items:flex-start}}

/* v0.9: compact supplementary features and transparent license price */
.extras-heading{margin:46px 0 18px}.extras-heading h3{font-size:clamp(23px,3vw,34px);margin:12px 0}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.extra-card{padding:26px;border:1px solid #353943;border-radius:16px;background:#15181f}.extra-card h3{font-size:20px;margin:12px 0}.extra-card p{color:#b5b7c2;line-height:1.75}.extra-icon{font-size:25px;color:#ed8a35}.extra-link{display:inline-block;color:#ed9449;text-decoration:none;margin-top:12px;font-weight:650}.license-price{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:18px 0 10px}.license-price strong{font-size:clamp(36px,4vw,50px);line-height:1;color:#fff;letter-spacing:-2px}.license-price span{font-size:13px;color:#b9bbc5}.license-explainer{margin:42px auto 0;max-width:1040px;padding:28px;border:1px solid #383b45;border-radius:18px;background:linear-gradient(130deg,#191a20,#101218)}.license-explainer .section-heading h3{font-size:clamp(24px,3vw,34px);margin:12px 0}.license-explainer .section-heading p{color:#b9bbc5}.license-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.license-flow>div{padding:20px;border-radius:13px;background:#202229}.license-flow span{font-size:12px;font-weight:800;color:#e68b39}.license-flow h4{margin:9px 0;font-size:18px}.license-flow p,.license-fineprint{color:#aeb0bb;font-size:13px;line-height:1.7}.license-fineprint{text-align:center;margin:10px 0 0}@media(max-width:740px){.extras-grid,.license-flow{grid-template-columns:1fr}.license-explainer{padding:19px}.extra-card{padding:20px}}