:root{--dark:#131b1d;--dark2:#1d292b;--ink:#1d2525;--muted:#707a79;--line:#dce1de;--cream:#f2f2ec;--white:#fff;--orange:#ef986b;--green:#43b98b;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9f6;color:var(--ink);font:500 15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e98e58;outline-offset:3px}section{scroll-margin-top:86px}
.announcement{background:#11191a;color:#b5c6c0;height:28px;display:flex;align-items:center;justify-content:center;gap:9px;font:500 10px/1 var(--mono);letter-spacing:.12em}.status-dot,.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #e9946830}
.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.7vw,26px);background:#f9faf6;border-bottom:1px solid #e8ebe7;position:relative;z-index:10}.logo{width:161px;height:61px;display:flex;align-items:center;overflow:hidden}.logo img{width:100%;height:auto;mix-blend-mode:multiply}.header nav{display:flex;gap:39px;font-size:13px;font-weight:700;color:#515c59}.header nav a:hover{color:#cf7348}.nav-action{font-size:13px;font-weight:800;border:1px solid #b9c1bd;padding:11px 16px;display:flex;gap:28px;align-items:center}.nav-action span{font-size:18px}
.hero{display:grid;grid-template-columns:52% 48%;background:var(--dark);color:#fff;min-height:650px;position:relative;overflow:hidden}.hero-copy{padding:75px 4vw 75px max(5.7vw,26px);z-index:2}.eyebrow,.section-tag{display:flex;align-items:center;gap:13px;font:500 11px/1.3 var(--mono);letter-spacing:.08em}.eyebrow{color:#d4a283}.eyebrow-line{width:28px;height:1px;background:var(--orange)}.hero h1{font-size:clamp(60px,6.7vw,118px);line-height:1.02;letter-spacing:-.07em;font-weight:800;margin:29px 0 26px}.hero h1 em,.process-preview h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:590px;color:#adbab7;font-size:16px;line-height:1.78;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--orange);color:#171d1c;font-size:13px;font-weight:800;padding:17px 22px;min-width:260px;transition:background .2s,transform .2s}.primary-btn:hover{background:#f6b18d;transform:translateY(-2px)}.primary-btn span{font-size:19px}.secondary-link{font-size:13px;font-weight:700;color:#f2f3ef;border-bottom:1px solid #899492;padding:10px 0}.secondary-link span{margin-left:14px}.hero-facts{display:flex;gap:38px;border-top:1px solid #394548;margin-top:53px;padding-top:26px}.hero-facts div{display:flex;flex-direction:column;gap:2px}.hero-facts strong{font-size:27px;letter-spacing:-.05em}.hero-facts strong span{color:var(--orange);font-size:16px}.hero-facts small{color:#8c9c99;font-size:11px}.hero-visual{display:flex;flex-direction:column;margin:44px max(5.7vw,26px) 68px 0;border:1px solid #3b4b4b;background:#172326;position:relative;transform:rotate(0deg)}.hero-visual-top,.hero-visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;color:#8fa49f;font:11px/1 var(--mono);letter-spacing:.03em}.hero-visual-top{border-bottom:1px solid #344446}.hero-visual-bottom{border-top:1px solid #344446}.hero-visual-bottom span:first-child{color:#d8e5df}.hero-svg-wrap{flex:1;display:flex;align-items:center;min-height:420px}.hero-svg{display:block;width:100%;height:auto}.orange-dot,.green-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--orange);margin-right:5px}.green-dot{background:var(--green)}.visual-cross{color:#eb9a70}.hero-footnote{position:absolute;bottom:18px;left:max(5.7vw,26px);font-size:10px;color:#667775;max-width:500px}
.steps,.studio-section,.opportunities{max-width:1600px;margin:auto;padding:110px max(5.7vw,26px)}.section-tag{color:#b77856}.section-intro{display:grid;grid-template-columns:200px 1fr 1fr;align-items:start;gap:20px;margin-bottom:50px}.section-intro h2,.studio-heading h2,.opportunity-title h2{font-size:clamp(35px,3.5vw,59px);letter-spacing:-.06em;line-height:1.08;margin:0;font-weight:800}.section-intro h2 span,.studio-heading h2 span,.opportunity-title h2 span{color:#a4afaa}.section-intro p{max-width:365px;margin:0 0 0 auto;color:#747d7a;font-size:14px;line-height:1.8}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.step-card{position:relative;padding:29px 28px 38px;min-height:284px;border-right:1px solid var(--line)}.step-card:last-child{border-right:0}.step-num{font:11px var(--mono);color:#a6ada8}.step-icon{font:46px/1 var(--sans);color:#c87750;margin:25px 0 21px}.step-card h3{font-size:15px;line-height:1.35;margin:0 0 12px}.step-card p{font-size:12px;line-height:1.8;color:#7f8985;margin:0}
.studio-section{padding-top:58px;padding-bottom:105px}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.studio-heading h2{margin-top:16px}.studio-note{text-align:right;font:11px/1.5 var(--mono);letter-spacing:.01em;color:#65726f}.studio-note small{font-size:10px;color:#a7aeab}.pulse{background:var(--green);box-shadow:0 0 0 3px #43b98b22;margin-right:7px}.studio-shell{background:white;border:1px solid #dce2df;box-shadow:0 18px 52px #263b3510}.studio-tabs{display:flex;gap:0;background:#f3f5f2;border-bottom:1px solid var(--line)}.studio-tabs button{border:0;background:transparent;padding:19px 32px;font-size:12px;font-weight:800;color:#7d8782;border-right:1px solid #e1e5e2;min-width:240px}.studio-tabs button.active{background:white;color:#2a332f;box-shadow:inset 0 3px #e89062}.studio-content{display:grid;grid-template-columns:minmax(295px,31%) minmax(350px,1fr) minmax(270px,25%);min-height:650px}.control-col{padding:28px 24px;border-right:1px solid var(--line);background:#fff}.group-label{color:#6e7a75;font:600 10px/1.3 var(--mono);letter-spacing:.08em;display:flex;align-items:center;gap:11px;margin-bottom:14px}.group-label b{display:flex;align-items:center;justify-content:center;color:#d37e51;background:#faece5;width:24px;height:24px;border-radius:50%;font-size:10px}.top-gap{margin-top:27px}.shapes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shape{border:1px solid #dfe5df;background:#fcfdfb;padding:9px 3px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#5f6c66}.shape.active{border-color:#d8875a;background:#fdf1ea;color:#8d4d2f;box-shadow:inset 0 0 0 1px #d8875a}.shape svg{width:72px;height:44px;fill:none;stroke:currentColor;stroke-width:2.5}.shape span{font-size:10px;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid label{color:#77837e;font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:6px}.field-grid label.full{grid-column:1/-1}.field-grid input,.field-grid select{appearance:auto;height:43px;width:100%;border:1px solid #d9e0da;background:#fbfcfa;color:#27302c;border-radius:0;padding:0 10px;font-size:13px;font-weight:700;min-width:0}.field-grid input:focus,.field-grid select:focus{border-color:#ce875d}.sketch-controls p,.sketch-controls small{font-size:11px;line-height:1.65;color:#77847d}.tool-buttons{display:flex;gap:6px;margin:8px 0}.tool{font-size:11px;padding:9px;flex:1;border:1px solid #d9e2dc;background:#fff;color:#596b60}.tool.active{background:#e7f6ed;border-color:#58b18b;color:#217854}
.canvas-col{display:flex;flex-direction:column;min-width:0;background:#f9faf7}.canvas-toolbar,.canvas-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;min-height:56px;gap:10px;font:11px/1.3 var(--mono);color:#6d7a74}.canvas-toolbar{border-bottom:1px solid var(--line)}.canvas-toolbar span:first-child{color:#354a43}.canvas-footer{border-top:1px solid var(--line)}.drawing-surface{position:relative;flex:1;display:flex;align-items:center;min-height:400px;background-color:#f6f8f4;background-image:linear-gradient(#e5eae5 1px, transparent 1px),linear-gradient(90deg,#e5eae5 1px, transparent 1px);background-size:24px 24px;overflow:hidden}.drawing-surface svg{width:100%;display:block;touch-action:manipulation}.drawing-watermark{position:absolute;bottom:13px;left:17px;right:17px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.06em;color:#afb9b2;pointer-events:none}.download-btn{background:none;border:0;border-bottom:1px solid #586f64;padding:5px 0;color:#274536;font-size:11px;font-weight:800;white-space:nowrap}.download-btn span{margin-left:7px}
.quote-col{display:flex;flex-direction:column;background:#fff;padding:29px 24px;border-left:1px solid var(--line)}.quote-top{display:flex;justify-content:space-between;align-items:center;gap:5px;font:10px var(--mono);color:#9ba49d}.quote-index{color:#d27c4e}.quote-col h3{font-size:20px;line-height:1.3;margin:18px 0 22px;letter-spacing:-.04em}.specs{border-top:1px solid var(--line)}.specs div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;color:#737f78}.specs strong{color:#28352d;font-size:12px;text-align:right}.price-box{margin-top:27px;background:#f2f5f1;border:1px dashed #bac8be;padding:20px}.price-box>span{font:10px var(--mono);letter-spacing:.02em;color:#c07953}.price-box strong{display:block;margin-top:12px;font-size:20px;line-height:1.2;color:#2a3c32;letter-spacing:-.05em}.price-box p{font-size:11px;line-height:1.7;color:#7d8b81;margin:11px 0 0}.quote-btn{width:100%;border:0;background:#20312b;color:white;padding:15px 16px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;font-size:12px}.quote-btn:hover{background:#354e40}.quote-btn span{font-size:18px}.security-note{font-size:10px;color:#9ba5a0;line-height:1.7;margin-top:15px}
.upload-panel{padding:30px}.upload-zone{border:2px dashed #d4dcd5;min-height:360px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fbfcf9;text-align:center;padding:35px;transition:background .2s,border-color .2s}.upload-zone.dragover{background:#edf7ef;border-color:#6db68d}.upload-symbol{font-size:46px;font-weight:300;color:#d18c63;line-height:1}.upload-zone h3{font-size:23px;margin:15px 0 2px;letter-spacing:-.05em}.upload-zone p{color:#909c95;font-size:13px;margin:0 0 22px}.file-button{display:inline-flex;background:#24352e;color:#fff;padding:12px 30px;font-size:13px;font-weight:800;cursor:pointer}.upload-zone small{display:block;font-size:10px;color:#99a39d;margin-top:20px}.uploaded-list{max-width:650px;margin:18px auto}.upload-item{display:flex;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);margin-bottom:8px;font-size:12px}.upload-item strong{overflow-wrap:anywhere}.upload-item span{color:#9da6a0;white-space:nowrap}.upload-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8f9c94}.upload-bottom a{font-weight:800;color:#ad6340}
.opportunities{display:grid;grid-template-columns:41% 1fr;gap:12%;padding-top:95px;padding-bottom:120px}.opportunity-title h2{margin:27px 0}.opportunity-title>p{color:#7c8880;font-size:14px;line-height:1.85;max-width:430px}.opportunity-list{margin-top:10px}.opportunity-list>div{display:grid;grid-template-columns:48px 1fr 20px;gap:17px;padding:26px 0;border-bottom:1px solid #dce3dd}.opportunity-list>div:first-child{border-top:1px solid #dce3dd}.opp-index{font:11px var(--mono);color:#b18b75}.opportunity-list h3{margin:0 0 6px;font-size:17px;letter-spacing:-.04em}.opportunity-list p{margin:0;font-size:12px;line-height:1.7;color:#86938b}.opp-arrow{font-size:21px;color:#bc825e}
.process-preview{display:grid;grid-template-columns:46% 54%;gap:4%;padding:100px max(5.7vw,26px);background:#172225;color:#fff}.process-preview h2{font-size:clamp(46px,5.1vw,84px);letter-spacing:-.07em;line-height:1.05;margin:22px 0}.process-preview p{max-width:420px;font-size:14px;line-height:1.8;color:#aebbb6;margin:0 0 28px}.section-tag.light{color:#dc9976}.milestones{padding:18px 4vw 0 0}.milestone{display:grid;grid-template-columns:49px 1fr auto;gap:12px;align-items:center;border-top:1px solid #3b4c4d;padding:22px 0}.milestone:last-child{border-bottom:1px solid #3b4c4d}.milestone b{font:12px var(--mono);color:#c78667}.milestone span{font-size:14px;font-weight:700}.milestone strong{font:10px var(--mono);color:#81918d}.milestone.completed strong{color:#63c497}
footer{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:50px;background:#0e1719;color:#e5eee8;padding:38px max(5.7vw,26px)}.footer-brand{width:160px;height:70px;display:flex;align-items:center;overflow:hidden}.footer-brand img{width:100%;height:auto;filter:invert(1) brightness(2)}footer p{font-size:12px;margin:0 0 5px}footer small{font-size:10px;color:#8c9e97}footer>a{font-size:12px;color:#dca17e}
dialog{border:1px solid #dce6dc;box-shadow:0 20px 100px #0005;max-width:510px;width:calc(100% - 32px);padding:36px 37px;background:#fff;color:#26352d}dialog::backdrop{background:#101e1bd1}.dialog-close{position:absolute;right:18px;top:10px;background:none;border:0;font-size:30px;color:#718079}dialog h2{font-size:30px;line-height:1.1;letter-spacing:-.06em}dialog ol{counter-reset:flow;list-style:none;margin:24px 0;padding:0}dialog li{display:flex;flex-direction:column;gap:2px;padding:13px 0;border-top:1px solid #e3e9e4}dialog li strong{font-size:13px}dialog li span{color:#8a9890;font-size:11px}.dialog-warning{font-size:10px;line-height:1.7;color:#a2aba5}
[hidden]{display:none!important}
@media(max-width:1220px){.hero h1{font-size:7vw}.hero-copy{padding-top:64px}.studio-content{grid-template-columns:minmax(260px,33%) 1fr}.quote-col{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;column-gap:22px;align-items:start;border-left:0;border-top:1px solid var(--line)}.quote-top,.quote-col h3{grid-column:1}.specs{grid-column:1;grid-row:3/6}.price-box{grid-column:2;grid-row:1/4;margin-top:0}.quote-btn{grid-column:2;grid-row:4;margin-top:12px}.security-note{grid-column:2;grid-row:5}.section-intro{grid-template-columns:150px 1fr 1fr}}
@media(max-width:900px){.header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:60px 6vw 40px}.hero h1{font-size:clamp(60px,11vw,92px)}.hero-visual{height:440px;margin:0 6vw 56px}.hero-svg-wrap{min-height:300px}.hero-svg{height:100%;max-height:350px}.hero-footnote{bottom:14px}.hero-facts{margin-top:38px}.section-intro{grid-template-columns:1fr 1fr}.section-intro>.section-tag{grid-column:1/-1}.step-grid{grid-template-columns:repeat(2,1fr)}.step-card:nth-child(2){border-right:0}.step-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.opportunities{grid-template-columns:1fr;gap:25px}.opportunity-title>p{max-width:700px}.process-preview{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.announcement{font-size:8px}.header{height:70px;padding:0 20px}.logo{width:122px;height:56px}.nav-action{font-size:11px;padding:9px 11px;gap:10px}.hero-copy{padding:45px 22px 35px}.hero h1{font-size:clamp(54px,13vw,80px)}.hero-copy>p{font-size:13px}.hero-actions{gap:16px}.hero-facts{gap:20px}.hero-facts strong{font-size:24px}.hero-facts small{font-size:9px}.hero-visual{height:345px;margin:0 22px 60px}.hero-svg-wrap{min-height:235px}.hero-visual-top,.hero-visual-bottom{padding:13px;font-size:8px}.hero-footnote{font-size:9px;left:22px;right:22px}.steps,.studio-section,.opportunities{padding:70px 20px}.section-intro{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.section-intro p{margin:0}.step-grid{grid-template-columns:1fr}.step-card{min-height:190px;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:22px}.step-card:last-child{border-bottom:0!important}.step-icon{margin:13px 0;font-size:32px}.studio-heading{align-items:start;flex-direction:column}.studio-note{text-align:left}.studio-tabs button{flex:1;min-width:0;padding:17px 10px;font-size:10px}.studio-content{display:flex;flex-direction:column}.control-col{border-right:0;border-bottom:1px solid var(--line);padding:21px}.shape{min-height:76px}.canvas-toolbar,.canvas-footer{font-size:9px;padding:13px}.drawing-surface{min-height:300px}.quote-col{display:flex;padding:22px}.price-box{margin-top:20px}.quote-btn{margin-top:14px}.security-note{margin-top:12px}.upload-panel{padding:18px}.upload-zone{min-height:310px}.upload-zone h3{font-size:20px}.upload-bottom{flex-direction:column;gap:8px}.opportunity-title h2{font-size:40px}.process-preview{padding:70px 20px}.milestones{padding:0}.milestone{grid-template-columns:30px 1fr;gap:8px}.milestone strong{grid-column:2;font-size:9px}footer{grid-template-columns:1fr;gap:12px;padding:36px 22px}footer>a{margin-top:10px}}

/* OPUS high-tech art direction */
:root{--orange:#80f1e2;--green:#42caa9}
.announcement{height:33px;background:#050b0f;color:#b3c7ca;justify-content:flex-start;padding:0 max(5.7vw,26px);font-size:10px;border-bottom:1px solid #1c3439}
.announcement-right{margin-left:auto;color:#5b8084}
.status-dot{background:#79f4e1;box-shadow:0 0 12px #3bf4de90}
.header{height:92px;background:#081014;border-bottom:1px solid #1e3439;color:#dae8e9}
.logo{width:170px;mix-blend-mode:screen}.logo img{filter:invert(1) brightness(2);mix-blend-mode:screen}
.header nav{color:#8fa7ad}.header nav a:hover{color:#8af6eb}
.nav-action{color:#cde1e3;border-color:#37555c;letter-spacing:.01em}.nav-action:hover{background:#14272d;border-color:#80f1e2}
.hero{background:#080f14;min-height:785px;isolation:isolate;grid-template-columns:51% 49%;border-bottom:1px solid #25424a}
.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 650px 670px at 55% 58%,#12394382 0%,transparent 75%),linear-gradient(100deg,#071013 0%,#080f15 45%,#0f232b 100%)}
.hero-grain:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#35535e 1px,transparent 1px),linear-gradient(90deg,#35535e 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,black 60%)}
.hero-copy{padding-top:83px;padding-bottom:88px;position:relative}.hero-copy:before{content:"01 / OPUS";position:absolute;top:26px;right:30px;color:#527277;font:10px var(--mono);letter-spacing:.07em}
.eyebrow{color:#81eee0;font-size:10px;letter-spacing:.12em}.eyebrow-line{background:#78f4e2;width:28px;box-shadow:0 0 15px #78f4e280}.eyebrow-code{color:#527b80;margin-left:8px}
.hero h1{font-size:clamp(56px,5.9vw,100px);line-height:.98;margin:43px 0 31px;letter-spacing:-.07em;color:#edf5f6}.hero h1 em{color:#9af9ed;text-shadow:0 0 45px #75e5d32b}
.hero-copy>p{max-width:560px;color:#99afb4;font-size:15px;line-height:1.9;margin-bottom:30px}
.hero-actions{gap:29px}.primary-btn{background:#a0faeb;color:#09191b;min-width:260px;box-shadow:0 0 27px #58b6b12a;border:1px solid #c4fff3}.primary-btn:hover{background:#cefff6;box-shadow:0 0 34px #52e5ce70}.secondary-link{color:#c7e3e4;border-bottom:1px solid #38555c}
.hero-facts{margin-top:57px;padding-top:22px;gap:0;border-top:1px solid #234149;max-width:620px}.hero-facts div{flex:1;border-right:1px solid #234149;padding:0 22px}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border-right:0}.hero-fact-code{font:9px var(--mono);color:#4b8189;margin-bottom:8px}.hero-facts strong{font-size:25px;font-family:var(--mono);font-weight:500;line-height:1.2;letter-spacing:-.06em;color:#e3f2f3}.hero-facts strong span{color:#83f4e4;font:12px var(--mono)}.hero-facts small{font-size:10px;color:#66858c}
.hero-visual{margin:49px max(5.7vw,26px) 65px 0;overflow:hidden;border:1px solid #2e535d;background:#07151b;box-shadow:0 0 0 8px #2a596111,0 0 100px #03aaba17}
.hero-visual:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #6cece135;z-index:5}
.hero-visual-top,.hero-visual-bottom{position:relative;z-index:3;background:#0b1a20e8;color:#79a3a9;padding:18px 21px;font-size:9px;letter-spacing:.1em}
.hero-visual-top{border-bottom:1px solid #2d4c55}.hero-visual-bottom{border-top:1px solid #2d4c55}.hero-visual-bottom span:first-child{color:#bbefeb}
.hero-visual .green-dot{background:#75f5de;box-shadow:0 0 9px #76f5de9a}.hero-visual-bottom b{color:#85f8e4}.visual-cross{color:#85f8e4}
.hero-photo-wrap{position:relative;flex:1;min-height:580px;overflow:hidden;background:radial-gradient(circle at 62% 48%,#1d4d58,#061116 72%);isolation:isolate}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:contrast(1.08) saturate(.78)}
.hero-photo-wrap:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#071218bd 0%,transparent 39%,#07151a63 100%),linear-gradient(90deg,#07121863 0%,transparent 48%)}
.scanlines{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(0deg,transparent 97%,#7bdee72b 100%),linear-gradient(90deg,transparent 97%,#7bdee72b 100%);background-size:32px 32px;opacity:.3}
.tech-corner{position:absolute;z-index:3;width:25px;height:25px;border:0 solid #9bfff0;filter:drop-shadow(0 0 4px #82ffff5c)}.c1{left:23px;top:22px;border-top-width:1px;border-left-width:1px}.c2{right:23px;top:22px;border-top-width:1px;border-right-width:1px}.c3{left:23px;bottom:23px;border-bottom-width:1px;border-left-width:1px}.c4{right:23px;bottom:23px;border-bottom-width:1px;border-right-width:1px}
.hero-photo-label{position:absolute;left:35px;bottom:37px;z-index:3;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(9px);background:#071b1fc7;border-left:2px solid #88ffea;padding:13px 18px}.hero-photo-label small{font:9px var(--mono);color:#76b3b5;letter-spacing:.1em}.hero-photo-label strong{font:700 21px var(--sans);letter-spacing:.09em;color:#eefafa}.hero-photo-label span{font:9px var(--mono);color:#72ece1}
.hud-target{position:absolute;z-index:3;width:64px;height:64px;border:1px solid #80fbe764;top:47%;left:54%;border-radius:50%;box-shadow:0 0 25px #64f5e726}.hud-target:before,.hud-target:after{content:"";position:absolute;background:#91ffef80}.hud-target:before{width:1px;height:90px;top:-14px;left:31px}.hud-target:after{width:90px;height:1px;top:31px;left:-14px}.hud-target i{position:absolute;inset:18px;border:1px solid #99fff09c;border-radius:50%}
.hud-vertical{position:absolute;right:36px;top:95px;writing-mode:vertical-rl;z-index:3;color:#80cbd0;font:9px var(--mono);letter-spacing:.2em}
.hero-footnote{font-size:9px;letter-spacing:.02em;color:#497279;bottom:21px}
.section-tag{color:#259e99}.step-icon{color:#2db8af}.step-num{color:#7daba9}.studio-tabs button.active{box-shadow:inset 0 3px #41c2b1}.group-label b{color:#067e78;background:#e3f7f4}.shape.active{border-color:#31b7a9;background:#effaf8;color:#198078;box-shadow:inset 0 0 0 1px #31b7a9}.studio-shell{box-shadow:0 20px 55px #0b343c15}.quote-index{color:#179c94}.price-box>span{color:#219d98}.opp-index,.opp-arrow{color:#268c86}.section-tag.light{color:#82edda}.process-preview h2 em{color:#8bf2e1}.milestone b{color:#75d7cb}.download-btn{color:#1b796b;border-color:#3bb9a7}.file-button{background:#174941}.upload-symbol{color:#2ca9a0}.upload-bottom a{color:#168d85}
@media(max-width:1200px){.hero{grid-template-columns:51% 49%}.hero h1{font-size:6vw}.hero-photo-wrap{min-height:525px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(64px,10vw,100px)}.hero-copy{padding:75px 6vw 48px}.hero-copy:before{top:24px}.hero-visual{height:auto;margin:0 6vw 57px}.hero-photo-wrap{min-height:410px}.hero-footnote{bottom:16px;left:6vw}}
@media(max-width:650px){.announcement{font-size:8px;padding:0 15px}.announcement-right{display:none}.header{height:72px;padding:0 20px}.logo{width:134px}.hero-copy{padding:60px 22px 33px}.hero-copy:before{top:18px}.eyebrow{font-size:8px;gap:7px}.eyebrow-code{font-size:8px;margin:0}.hero h1{font-size:clamp(53px,12.5vw,80px);margin:29px 0 22px}.hero-copy>p{font-size:13px}.hero-actions{gap:14px}.primary-btn{min-width:220px}.hero-facts{margin-top:38px}.hero-facts div{padding:0 12px}.hero-facts strong{font-size:20px}.hero-facts strong span{font-size:10px}.hero-facts small{font-size:9px}.hero-visual{margin:0 18px 57px;height:auto}.hero-photo-wrap{min-height:320px}.hero-visual-top,.hero-visual-bottom{font-size:7px;padding:12px}.hero-photo-label{left:27px;bottom:28px}.hero-photo-label strong{font-size:15px}.hero-photo-label small,.hero-photo-label span{font-size:7px}.hud-target{width:42px;height:42px}.hud-target:before{height:63px;left:20px;top:-11px}.hud-target:after{width:63px;top:20px;left:-11px}.hud-target i{inset:12px}.hud-vertical{font-size:7px;right:28px}.hero-footnote{font-size:8px;left:20px;right:20px}}

.templates{background:#eff5f2;border-top:1px solid #d8e5e0;border-bottom:1px solid #d8e5e0;padding:85px max(5.7vw,26px) 90px}.templates-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;max-width:1400px;margin:0 auto 40px}.templates-heading h2{font-size:clamp(32px,3.6vw,60px);line-height:1.09;letter-spacing:-.06em;margin:20px 0 0}.templates-heading h2 span{color:#8caba3}.templates-heading>p{max-width:330px;margin:0;color:#7a8e87;font-size:13px;line-height:1.75}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1400px;margin:auto}.template-card{display:flex;align-items:flex-start;flex-direction:column;text-align:left;background:#fff;border:1px solid #dce7e1;padding:0 0 21px;color:#25332e;transition:border-color .2s,transform .2s,box-shadow .2s}.template-card:hover{border-color:#43bfae;transform:translateY(-4px);box-shadow:0 17px 35px #3e7d6c1c}.template-art{height:210px;background:#12262b;position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#3a676718 1px,transparent 1px),linear-gradient(90deg,#3a676718 1px,transparent 1px),radial-gradient(circle at 50% 60%,#214950 0%,#0c1a20 70%);background-size:22px 22px,22px 22px,auto}.template-art svg{width:86%;height:83%;fill:#6ab4b32a;stroke:#8be6db;stroke-width:2.2;filter:drop-shadow(0 0 9px #42d4be3a);transition:transform .2s}.template-card:hover svg{transform:scale(1.07)}.template-art svg .thin{stroke:#a6f2ea55;stroke-width:1;stroke-dasharray:5 5;fill:none}.template-art-tag{position:absolute;bottom:12px;right:15px;font:9px var(--mono);color:#61a1a1}.template-category{font:10px var(--mono);color:#269b8e;letter-spacing:.05em;margin:21px 20px 6px}.template-card strong{font-size:15px;margin:0 20px 15px;letter-spacing:-.03em}.template-card small{font-size:11px;font-weight:800;color:#3e9e90;margin:auto 20px 0}
@media(max-width:930px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-heading{align-items:start}.template-art{height:220px}}
@media(max-width:650px){.templates{padding:65px 20px}.templates-heading{flex-direction:column;gap:14px;margin-bottom:24px}.templates-heading h2{font-size:38px}.template-grid{gap:10px}.template-art{height:145px}.template-category{font-size:8px;margin:14px 12px 5px}.template-card strong{font-size:12px;margin:0 12px 10px}.template-card small{font-size:10px;margin:0 12px 16px}}

/* Detail drawing: individual hole dimensions, exact positioning and touch dragging. */
.hole-editor{margin-top:19px;border-top:1px solid #dbe6e0;padding-top:17px}
.hole-editor[hidden]{display:none}
.hole-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px/1.4 var(--mono);letter-spacing:.025em;color:#287b6c}
.hole-editor-heading span{white-space:nowrap;color:#748780}
.hole-help{font-size:10px;line-height:1.6;color:#788a80;margin:8px 0 13px}
.hole-list{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:2px}
.hole-row{border:1px solid #dde9e2;background:#f9fcfa;padding:10px}
.hole-row-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;color:#304d42;font:600 11px var(--mono)}
.hole-row-head button{border:0;background:transparent;color:#ad695b;font-size:20px;line-height:1;padding:0 4px}
.hole-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hole-fields label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#7b8d83}
.hole-fields input,.drag-step input{min-width:0;width:100%;height:35px;padding:0 7px;border:1px solid #d9e3dc;background:white;color:#30443b;font-weight:700;font-size:12px}
.hole-fields input:focus,.drag-step input:focus{border-color:#2c9c77;outline:1px solid #2c9c7744}
.hole-actions{display:flex;gap:6px;margin-top:10px}
.hole-actions .tool{min-height:38px;padding:7px}
.drag-step{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#74877c;font-size:11px;margin-top:12px}
.drag-step input{width:70px;flex:none}
.hole-warning{min-height:1em;margin:9px 0 0;color:#ad5149;font-size:11px;line-height:1.5}
.drawing-surface svg .hole-handle{cursor:grab;touch-action:none}
.drawing-surface svg .hole-hit{cursor:grab;touch-action:none}
.drawing-surface svg .hole-hit:active{cursor:grabbing}
.download-btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.hole-list{max-height:320px}.hole-fields input{font-size:14px}.hole-help{font-size:11px}}

/* Compact DXF quote preparation, lightweight utilities and account preview. */
.studio-subtitle{max-width:540px;color:#788a86;line-height:1.7;font-size:13px;margin:15px 0 0}
.drawing-quick-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.save-design-btn{border:1px solid #9bcac1;background:#f6fffd;padding:11px 12px;font-size:11px;color:#226e67;font-weight:800;white-space:nowrap}
.save-design-btn:hover{background:#defaf4}
.calc-panel{padding:27px clamp(19px,3vw,49px) 31px}
.calc-lede{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}
.calc-lede h3{font-size:clamp(23px,2.6vw,37px);letter-spacing:-.06em;line-height:1.2;margin:10px 0 8px}
.calc-lede p{font-size:12px;color:#83908b;line-height:1.75;max-width:580px;margin:0}
.calc-lede .group-label{margin:0}
.calc-badge{font:800 22px var(--mono);border:1px solid #b0c9c0;color:#207e73;padding:13px 18px;white-space:nowrap}
.calc-badge small{display:block;font:9px var(--mono);color:#79938d}
.calc-panel .upload-zone{min-height:206px;padding:20px;background:linear-gradient(145deg,#f9fcfb,#f2faf7);border-color:#b7d7cd}
.calc-panel .upload-symbol{font-size:33px}
.calc-panel .upload-zone h3{font-size:20px;margin:8px 0 2px}
.calc-panel .upload-zone p{margin-bottom:11px}
.calc-panel .upload-zone small{margin-top:12px}
.calc-panel .file-button{padding:10px 24px}
.calc-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px;font-size:13px}
.calc-list-heading span{font:11px var(--mono);color:#6f8f87}
.calc-panel .uploaded-list{max-width:none;margin:0}
.calc-empty{padding:20px;text-align:center;border:1px solid #e0eae5;background:#fafcfb;color:#9daaa4;font-size:12px}
.calc-file{border:1px solid #d5e3dc;background:#fafdfe;margin:9px 0;padding:14px 16px}
.calc-file-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0eae6;padding-bottom:12px}
.calc-file-heading strong{font-size:13px;overflow-wrap:anywhere;min-width:0}
.calc-file-heading small{font:10px var(--mono);color:#839791;margin-left:auto;white-space:nowrap}
.calc-file-heading button{background:#fbf1f0;color:#b34f42;border:1px solid #f1ddd8;padding:0;width:28px;height:28px;font-size:20px;line-height:1;flex:none}
.calc-file-fields{display:grid;grid-template-columns:minmax(130px,1.6fr) repeat(4,minmax(85px,1fr));gap:10px;margin-top:13px}
.calc-file-fields label{font-size:10px;font-weight:700;color:#6c817a;display:flex;flex-direction:column;gap:6px;min-width:0}
.calc-file-fields input,.calc-file-fields select{height:38px;min-width:0;width:100%;border:1px solid #d4e2db;background:#fff;padding:0 9px;color:#253c33;font-size:12px;font-weight:700}
.calc-review{margin-top:17px;background:#132b2f;color:#fff;padding:23px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.calc-review small,.calc-review-action span{font:10px var(--mono);color:#81bbb0;letter-spacing:.07em}
.calc-review strong{display:block;font-size:21px;letter-spacing:-.04em;margin:5px 0}
.calc-review p{font-size:11px;line-height:1.7;max-width:540px;color:#9cb8b4;margin:4px 0 0}
.calc-review-action{text-align:right;flex:none}
.calc-review-action strong{font:800 15px var(--mono);color:#a6f3e2}
.calc-next-link{display:inline-block;font-size:10px;font-weight:800;border-bottom:1px solid #92d9cd;color:#a5e9df;margin-top:7px}
.calc-panel .upload-bottom{padding-top:14px;align-items:center}
.utility-section,.account-section{max-width:1600px;margin:0 auto;padding:95px max(5.7vw,26px)}
.metal-calculator-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#122e31;color:#e4faf1;border:1px solid #244e47;padding:24px 29px;margin:0 0 22px;transition:background .2s}
.hero-manager{border:1px solid #88a9a7;color:#e6fff3;background:#153439bd;padding:14px 17px;font-size:12px;font-weight:800;transition:background .2s;white-space:nowrap}
.hero-manager:hover{background:#285f58}
.hero-draw-shortcut{display:inline-block;color:#b8e9dc;font-size:11px;font-weight:800;margin-top:16px;border-bottom:1px solid #6fa897;padding-bottom:5px}
.visitor-paths{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(215px,1.15fr) repeat(3,minmax(180px,1fr));gap:0;background:#e8f2ed;border-bottom:1px solid #ccdfd3}
.visitor-paths-title{padding:30px clamp(18px,2.6vw,46px);display:flex;flex-direction:column;justify-content:center;gap:9px}
.visitor-paths-title strong{font-size:26px;letter-spacing:-.055em}
.visitor-paths-title p{font-size:11px;line-height:1.6;color:#7e978a;margin:0}
.visitor-path{border:0;border-left:1px solid #cbdfd4;background:transparent;color:#234137;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:25px 22px;min-height:162px;gap:8px;position:relative}
.visitor-path:hover{background:#dbf5e8}
.visitor-path>span{font:10px var(--mono);color:#438d77}
.visitor-path strong{font-size:16px;line-height:1.3;letter-spacing:-.03em}
.visitor-path small{font-size:10px;line-height:1.6;max-width:240px;color:#879c91;padding-right:10px}
.visitor-path b{position:absolute;right:18px;top:46px;font-size:19px;color:#2f987c}
.visitor-path-manager{background:#cdece0}
.calc-human-choice{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf7f0;border:1px solid #c8e4d7;padding:15px 18px;margin:10px 0 20px}
.calc-human-choice>div{display:flex;flex-direction:column;gap:5px}
.calc-human-choice strong{font-size:13px;letter-spacing:-.03em}
.calc-human-choice span{font-size:11px;color:#799188;line-height:1.5}
.calc-human-choice button{border:1px solid #559d84;background:#155748;color:#effff8;padding:12px 15px;font-size:11px;font-weight:800;white-space:nowrap}
.calc-human-choice button:hover{background:#227765}
.manager-dialog{max-width:650px;width:calc(100% - 28px);max-height:calc(100% - 40px);overflow-y:auto;padding:31px 34px;background:#fff;border:1px solid #d9e9dc;box-shadow:0 20px 100px #041b14aa}
.manager-dialog h2{font-size:clamp(29px,4vw,47px);margin:17px 0 12px}
.manager-lead{font-size:12px;line-height:1.8;color:#7b8e83;margin:0 0 20px}
.manager-file-drop{background:#eff8f1;border:1px dashed #7eb3a0;padding:22px 16px;display:flex;flex-direction:column;gap:5px;text-align:center;cursor:pointer;color:#2e7861}
.manager-file-drop strong{font-size:17px}.manager-file-drop span{font-size:11px;color:#87a294}
.manager-file-drop input{display:none}
.manager-file-list{padding:9px 0;max-height:125px;overflow:auto}
.manager-file-list>span{font-size:10px;color:#8fa49a}
.manager-file-list>div{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #e1eee7;padding:6px 0;font-size:11px;color:#456a5d}
.manager-file-list>div span{min-width:0;overflow-wrap:anywhere}
.manager-file-list>div button{border:0;background:none;color:#ae5246;font-size:18px;padding:0 8px}
.manager-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.manager-fields label,.manager-comment{display:flex;flex-direction:column;gap:7px;color:#567367;font-size:11px;font-weight:800}
.manager-fields input,.manager-comment textarea{min-width:0;width:100%;border:1px solid #cfe2d6;background:#fbfcfa;padding:12px;font-size:12px;color:#263f33;outline-color:#74c8ac}
.manager-comment{margin-top:13px}.manager-comment textarea{resize:vertical;line-height:1.55;font-family:var(--sans)}
.manager-actions{display:flex;gap:10px;margin-top:17px}.manager-actions button{flex:1;border:1px solid #33866d;background:#155748;color:white;min-height:46px;padding:10px 13px;font-size:11px;font-weight:800}
.manager-actions button:last-child{background:#eff9f2;color:#246d57}
.manager-actions button:hover{filter:brightness(1.08)}
#manager-status{font-size:11px;color:#2e8267;min-height:18px;margin:10px 0}
.manager-honesty{font-size:10px;line-height:1.7;color:#9c877c;background:#fef9f5;border-left:2px solid #d9a47e;padding:10px 12px;margin:6px 0 0}
@media(max-width:1100px){.visitor-paths{grid-template-columns:repeat(3,1fr)}.visitor-paths-title{grid-column:1/-1;border-bottom:1px solid #ccdfd3;padding:20px 25px}.visitor-paths-title strong{font-size:23px}.visitor-paths-title p{max-width:600px}}
@media(max-width:650px){.hero-actions{align-items:stretch;gap:9px;flex-wrap:wrap}.hero-actions .primary-btn,.hero-manager{font-size:11px;padding:12px}.hero-manager{white-space:normal}.hero-draw-shortcut{font-size:10px}.visitor-paths{grid-template-columns:1fr}.visitor-paths-title{padding:20px}.visitor-path{min-height:auto;padding:19px 22px;border-left:0;border-top:1px solid #cbdfd4;gap:5px}.visitor-path b{top:25px}.calc-human-choice{flex-direction:column;align-items:stretch;padding:14px}.calc-human-choice button{width:100%}.manager-dialog{padding:29px 18px}.manager-fields{grid-template-columns:1fr}.manager-actions{flex-direction:column;gap:7px}}
.metal-calculator-cta:hover{background:#1a4743}
.metal-calculator-cta>span{display:flex;flex-direction:column;gap:7px;min-width:0}
.metal-calculator-cta small{font:10px var(--mono);color:#8bd9c8}
.metal-calculator-cta strong{font-size:clamp(19px,2vw,29px);letter-spacing:-.04em}
.metal-calculator-cta em{font-size:11px;font-style:normal;line-height:1.6;color:#9cbab0}
.metal-calculator-cta>b{font:11px var(--mono);padding:13px 15px;border:1px solid #7ec9b7;white-space:nowrap;color:#aef6e0}
@media(max-width:650px){.metal-calculator-cta{padding:20px;align-items:stretch;flex-direction:column;gap:16px}.metal-calculator-cta>b{text-align:center}.header nav a{letter-spacing:-.025em}}
.utility-section{background:#f0f7f4;border-top:1px solid #d8e7e0;border-bottom:1px solid #d8e7e0}
.utility-heading,.account-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.utility-heading h2,.account-heading h2{font-size:clamp(35px,4vw,63px);line-height:1.09;letter-spacing:-.065em;margin:18px 0 13px}
.utility-heading h2 span,.account-heading h2 span{color:#87a69e}
.utility-heading p,.account-heading>p{margin:0;max-width:460px;color:#758881;font-size:13px;line-height:1.8}
.tool-tag{font:10px var(--mono);padding:10px 13px;border:1px solid #afcfc5;color:#4c887c;white-space:nowrap}
.weight-layout{display:grid;grid-template-columns:1.07fr .93fr;background:#fff;border:1px solid #d8e7e0;box-shadow:0 20px 55px #174c3c0c}
.weight-form{padding:30px 33px}
.weight-form-header,.weight-result-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font:11px var(--mono);color:#5d8177;letter-spacing:.04em;margin-bottom:24px}
.weight-label{display:flex;flex-direction:column;gap:8px;color:#71887c;font-size:11px;font-weight:700}
.weight-label select,.weight-fields input{height:47px;width:100%;min-width:0;border:1px solid #cfdfd5;padding:0 13px;color:#263a30;background:#f9fcfa;font-size:13px;font-weight:800}
.weight-presets{margin:22px 0}
.weight-presets>span{display:block;color:#749087;font:10px var(--mono);margin-bottom:10px}
.weight-presets>div{display:flex;flex-wrap:wrap;gap:8px}
.weight-presets button{border:1px solid #cddfd5;background:#f6faf7;color:#496f62;font:11px var(--mono);padding:9px 11px}
.weight-presets button.selected{background:#def5ed;border-color:#2db595;color:#087c67}
.weight-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.weight-fields label{color:#71887c;font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:7px}
.weight-hint{color:#91a39a;font-size:10px;line-height:1.8;margin:22px 0 0}
.weight-result{padding:30px 35px;background:#0e292d;color:#effcf9;display:flex;flex-direction:column}
.weight-result-top{color:#7ed4c7;margin-bottom:32px}
.weight-result-top b{font-size:10px;color:#8cf3dd}
.weight-primary small{font:10px var(--mono);letter-spacing:.07em;color:#8dada8}
.weight-primary strong{display:block;font:700 clamp(34px,4.7vw,69px)/1.28 var(--sans);letter-spacing:-.065em;color:#adf8ea;margin:9px 0 35px;overflow-wrap:anywhere}
.weight-primary em{font-size:19px;font-style:normal;letter-spacing:0;color:#8fc3bd}
.weight-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #315358;padding-top:22px}
.weight-stats div{display:flex;flex-direction:column;gap:5px}
.weight-stats span{font-size:10px;color:#81a9a7}.weight-stats strong{font-size:14px;white-space:nowrap}
.weight-copy{background:#b0f9e9;color:#113832;border:0;padding:12px 18px;font-size:12px;font-weight:800;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.weight-copy:hover{background:#d0fff4}
.weight-result>p{font:10px var(--mono);color:#83a9a5;margin:13px 0 0}
.sheet-reference{background:#fff;border:1px solid #d8e7e0;margin-top:18px;padding:23px 28px}
.sheet-reference-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}
.sheet-reference-head h3{font-size:18px;margin:0;letter-spacing:-.04em}
.sheet-reference-head span{font:10px var(--mono);color:#85988f}
.sheet-reference-scroll{max-height:320px;overflow-y:auto;scrollbar-color:#90cdbb #f1f9f5}
.sheet-reference table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}
.sheet-reference th{position:sticky;top:0;background:#ecf6f1;color:#4b7a6d;font:10px var(--mono);padding:11px 15px}
.sheet-reference td{border-bottom:1px solid #eaf0ec;font-size:12px;padding:9px 15px}
.sheet-reference tr:hover td{background:#f5fbf8}
.sheet-reference>small{display:block;margin-top:12px;color:#99a79e;font-size:10px}
.account-section{padding-top:100px;padding-bottom:110px;background:#fbfcfa}
.account-heading>p{max-width:400px}
.account-shell{display:grid;grid-template-columns:270px 1fr;border:1px solid #d8e2dd;background:#fff;min-height:470px;box-shadow:0 19px 60px #17352d0a}
.account-side{background:#13262a;color:#f0faf6;padding:32px 21px;display:flex;flex-direction:column}
.account-avatar{width:44px;height:44px;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:22px;background:#a7f8e8;color:#143331;margin-bottom:13px}
.account-avatar span{font-size:7px;align-self:flex-end;margin:0 0 9px 2px}
.account-side>strong{font-size:17px;letter-spacing:-.04em}
.account-side>small{font:9px var(--mono);color:#739994;margin-bottom:23px}
.account-side nav{display:grid;gap:5px}
.account-side nav button{background:transparent;border:1px solid transparent;text-align:left;color:#a8beb8;font-size:12px;font-weight:700;padding:13px 12px;display:flex;justify-content:space-between;align-items:center;gap:7px}
.account-side nav button:hover{background:#1c383d}
.account-side nav button.active{border-color:#4d8c84;background:#203f42;color:#a9f7e7}
.account-side nav button span{font:10px var(--mono)}
.account-side-bottom{margin-top:auto;padding-top:21px;font:10px var(--mono);color:#78928f}
.account-main{padding:35px 38px;min-width:0}
.account-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.account-panel-heading small{font:10px var(--mono);color:#5eaa9a;letter-spacing:.05em}
.account-panel-heading h3{font-size:28px;letter-spacing:-.055em;margin:3px 0 0}
.account-new{font-size:11px;font-weight:800;border:1px solid #b7d9ce;color:#27796b;padding:10px 13px;white-space:nowrap}
.account-intro{font-size:12px;line-height:1.8;color:#85938b;margin:14px 0 24px}
.account-placeholder{text-align:center;border:1px dashed #d2e4da;background:#f9fcfa;padding:43px 23px;margin-top:23px}
.account-placeholder>span{font-size:33px;color:#7ab9aa}
.account-placeholder h4{font-size:17px;letter-spacing:-.045em;margin:9px 0}
.account-placeholder p{font-size:12px;color:#84998d;line-height:1.8;max-width:440px;margin:0 auto}
.account-placeholder a{display:inline-block;color:#167e6d;font-size:12px;font-weight:800;margin-top:18px}
.saved-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #dfede5;padding:15px;margin-top:8px;background:#fafdfe}
.saved-row>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.saved-row strong{font-size:13px;overflow-wrap:anywhere}.saved-row small{font-size:10px;color:#839b8f}
.saved-row>div:last-child{display:flex;gap:8px;flex:none}.saved-row button{border:1px solid #a9d9ca;background:#effcf6;padding:8px 10px;color:#177863;font-size:11px;font-weight:800}
.saved-row button.saved-delete{background:#fff5f4;color:#b45e51;border-color:#f0d6d0;font-size:15px}
@media(max-width:1100px){.calc-file-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.weight-stats strong{font-size:12px}}
@media(max-width:900px){.header nav{display:flex;position:absolute;top:100%;left:0;right:0;gap:0;padding:0 14px;justify-content:space-between;height:40px;background:#102126;border-top:1px solid #24444a;border-bottom:1px solid #24444a;align-items:center;font-size:11px}.header nav a{padding:10px 7px}.hero{padding-top:40px}.weight-layout{grid-template-columns:1fr}.weight-result{min-height:360px}.account-shell{grid-template-columns:215px 1fr}.account-main{padding:27px 20px}}
@media(max-width:650px){.header nav{font-size:10px}.utility-section,.account-section{padding:65px 20px}.utility-heading,.account-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:23px}.utility-heading h2,.account-heading h2{font-size:37px}.tool-tag{font-size:9px}.weight-form,.weight-result{padding:23px 19px}.weight-result{min-height:340px}.weight-stats{gap:6px}.weight-stats span{font-size:9px}.weight-stats strong{font-size:11px}.weight-primary strong{font-size:clamp(37px,9vw,57px);margin-bottom:22px}.weight-copy{margin-top:25px}.weight-label select{font-size:12px}.weight-presets button{font-size:9px;padding:9px 8px}.sheet-reference{padding:20px 15px}.sheet-reference-head{align-items:start;flex-direction:column;gap:2px}.account-shell{grid-template-columns:1fr}.account-side{padding:18px}.account-avatar,.account-side>strong,.account-side>small,.account-side-bottom{display:none}.account-side nav{display:flex;gap:5px;overflow-x:auto}.account-side nav button{flex:none;padding:10px 9px;font-size:10px}.account-main{padding:23px 16px}.account-panel-heading h3{font-size:22px}.account-new{font-size:10px}.calc-panel{padding:16px}.calc-lede{align-items:start}.calc-lede h3{font-size:25px}.calc-badge{font-size:15px;padding:10px 9px}.calc-badge small{font-size:7px}.calc-panel .upload-zone{min-height:195px}.calc-file-heading{flex-wrap:wrap}.calc-file-heading strong{width:calc(100% - 60px)}.calc-file-heading small{order:3;width:100%;margin-left:0}.calc-file-heading button{margin-left:auto}.calc-file-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-review{align-items:stretch;flex-direction:column;padding:19px}.calc-review-action{text-align:left;border-top:1px solid #3b5a60;padding-top:10px}.canvas-footer{align-items:start;gap:9px}.drawing-quick-actions{justify-content:flex-start}.save-design-btn,.download-btn{font-size:10px;padding:9px}.saved-row{flex-direction:column;align-items:flex-start}.saved-row>div:last-child{align-self:flex-end}}

/* Photo-led introduction: the service is visible immediately, even on a phone. */
.hero{grid-template-columns:46% 54%;min-height:665px}
.hero-copy{padding-top:82px;padding-bottom:86px}
.hero h1{font-size:clamp(40px,4.35vw,72px);line-height:1.06;letter-spacing:-.055em;margin:30px 0 24px}
.hero-copy>p{font-size:14px;line-height:1.75;max-width:540px}
.hero-visual{margin-top:39px;margin-bottom:59px}
.hero-photo-wrap{min-height:475px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide .hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo-label{left:23px;bottom:24px;padding:10px 13px;max-width:calc(100% - 155px)}
.hero-photo-label strong{font-size:clamp(13px,1.45vw,19px);line-height:1.15;letter-spacing:.035em}
.header{background:#000}
.logo,.logo img{mix-blend-mode:normal}
.logo img{filter:none;display:block;width:100%;height:auto}
footer{background:#000}
.footer-brand img{filter:none;display:block;width:100%;height:auto}
.visitor-path b{position:static;display:inline-flex;align-self:flex-start;margin-top:auto;border:1px solid #79bca7;padding:6px 10px;font:700 11px/1.3 var(--sans);letter-spacing:.01em;color:#136854;white-space:nowrap}
.visitor-path small{padding-right:0}
.hero-photo-label{left:45px;bottom:49px;max-width:calc(100% - 160px)}
.hero-photo-label small,.hero-photo-label span{line-height:1.5;overflow-wrap:anywhere}
.hero-photo-label small,.hero-photo-label span{font-size:8px}
.hero-carousel-controls{position:absolute;right:14px;bottom:22px;z-index:9;display:flex;align-items:center;gap:9px;background:#061318d9;border:1px solid #32545a;padding:6px 8px;backdrop-filter:blur(6px)}
.hero-carousel-arrow{width:28px;height:28px;display:grid;place-items:center;background:transparent;color:#b4fcf0;border:1px solid #456266;font-size:26px;line-height:1;cursor:pointer}
.hero-carousel-arrow:hover,.hero-carousel-arrow:focus-visible{background:#25494b;outline-color:#93f6e5}
.hero-carousel-dots{display:flex;gap:6px;align-items:center}
.hero-carousel-dots button{width:6px;height:6px;border:0;border-radius:50%;background:#678c8e;cursor:pointer;padding:0;transition:width .2s,background .2s}
.hero-carousel-dots button.is-active{width:19px;border-radius:5px;background:#93f6e5}
.hero-carousel-dots button:focus-visible{outline:2px solid white;outline-offset:3px}
.hud-target{opacity:.32;pointer-events:none}
@media(max-width:900px){
  .hero{display:flex;flex-direction:column;min-height:0;padding-top:47px}
  .hero-visual{order:0;margin:24px 6vw 0;min-height:0;height:auto}
  .hero-photo-wrap{height:345px;min-height:345px;flex:none}
  .hero-copy{order:1;padding:28px 6vw 76px}
  .hero-copy:before{display:none}
  .hero h1{font-size:clamp(36px,5.8vw,58px);margin:18px 0 14px}
  .hero-facts{margin-top:29px}
  .hero-footnote{bottom:15px;left:6vw;right:6vw}
}
@media(max-width:650px){
  .hero{padding-top:40px}
  .hero-visual{margin:12px 16px 0;height:234px;box-shadow:0 0 0 4px #2a596111}
  .hero-visual-top,.hero-visual-bottom{display:none}
  .hero-photo-wrap{height:234px;min-height:234px}
  .hero-slide .hero-photo{object-position:center}
  .hero-photo-label{left:47px;bottom:34px;padding:9px 11px;max-width:calc(100% - 95px)}
  .hero-photo-label strong{font-size:11px;letter-spacing:.015em}
  .hero-photo-label small,.hero-photo-label span{font-size:7px}
  .hero-carousel-controls{right:7px;bottom:12px;gap:5px;padding:5px}
  .hero-carousel-arrow{width:23px;height:24px;font-size:21px}
  .hero-carousel-dots{gap:4px}
  .hero-carousel-dots button{width:5px;height:5px}
  .hero-carousel-dots button.is-active{width:13px}
  .hud-target{display:none}
  .hero-copy{padding:21px 20px 59px}
  .hero h1{font-size:clamp(33px,8.7vw,43px);margin:13px 0 11px;line-height:1.09}
  .hero-copy>p{font-size:12px;line-height:1.55;margin-bottom:17px}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .hero-actions .primary-btn,.hero-manager{min-width:0;width:100%;font-size:10px;padding:12px 9px;min-height:50px;gap:7px;line-height:1.3}
  .hero-actions .primary-btn span{font-size:16px}
  .hero-draw-shortcut{margin-top:11px;font-size:10px}
  .hero-facts{margin-top:23px;padding-top:15px}
  .hero-facts strong{font-size:17px}
  .hero-facts small{font-size:8px}
  .hero-footnote{font-size:8px;left:20px;right:20px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-carousel-dots button{transition:none}}