:root{--ink:#17332e;--teal:#092e30;--teal2:#0c4945;--green:#1cbd79;--muted:#657b7a;--line:#dce7e4;--bg:#f6faf8;--white:#fff;--shadow:0 22px 65px rgba(5,45,42,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}.shell{width:min(1190px,calc(100% - 44px));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #edf2f0;box-shadow:0 2px 9px rgba(8,40,35,.03)}.nav,.topbar nav,.brand,.hero-actions,.footer-inner{display:flex;align-items:center}.nav{justify-content:space-between;min-height:83px;gap:20px}.brand{font-size:19px;font-weight:900;letter-spacing:.3px;gap:11px;line-height:1}.brand em{color:#139c68;font-style:normal}.brand small{display:block;letter-spacing:1px;font-size:8px;color:var(--muted);margin-top:8px}.brand-icon{width:44px;height:44px;border:3px solid #139c68;border-radius:13px;transform:rotate(-8deg);display:grid;place-items:center;color:#0c5248;font-size:26px;font-weight:900;background:#ecfff5}.nav nav{gap:24px;font-size:14px;font-weight:650}.nav nav a:hover{color:#108d60}.outline-link{border:1px solid #bed8d1;background:white;padding:9px 15px;border-radius:10px;color:#0d6555;font-weight:700}.hero{background:radial-gradient(circle at 80% 30%,#14605c 0%,#0d3939 35%,#082c31 75%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.09fr .91fr;gap:40px;align-items:center;padding:82px 0 95px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.6px;color:#6de1b3;margin-bottom:17px}.eyebrow.green{color:#149968}.hero h1{font-size:clamp(40px,5.3vw,69px);line-height:1.13;letter-spacing:-2px;margin-bottom:21px}.hero h1 span{color:#56e3a1}.hero-p{font-size:17px;color:#cee1dc;max-width:610px}.hero-actions{gap:14px;margin-top:30px;flex-wrap:wrap}.button{background:#20be7e;color:#063c30;border:none;border-radius:11px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;transition:.15s ease;min-height:48px}.button:hover{background:#64e7b3;transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:#e2f9ee;color:#086449}.button.submit{width:100%;margin-top:19px}.ghost-button{border:1px solid rgba(255,255,255,.3);border-radius:11px;color:#fff;padding:13px 17px;display:inline-flex;justify-content:center;background:transparent}.hero-stats{display:flex;gap:30px;margin-top:43px}.hero-stats div{display:grid;gap:5px}.hero-stats strong{font-size:22px;color:#68e4ad}.hero-stats span{color:#b9cfcb;font-size:12px}.hero-art{min-height:430px;position:relative;display:grid;place-items:center}.blueprint{width:min(390px,88%);aspect-ratio:1;position:relative;border:1px solid rgba(125,235,202,.18);border-radius:28px;display:grid;place-items:center;transform:rotate(-7deg);background:linear-gradient(130deg,rgba(63,171,141,.15),rgba(9,37,43,.5)),repeating-linear-gradient(0deg,transparent 0,transparent 34px,rgba(191,248,225,.06) 35px),repeating-linear-gradient(90deg,transparent 0,transparent 34px,rgba(191,248,225,.06) 35px);box-shadow:0 60px 100px rgba(0,0,0,.28)}.blueprint-ring{width:70%;height:70%;border:23px solid rgba(138,221,209,.7);border-radius:50%;box-shadow:inset 7px 7px 26px #061e23,8px 11px 0 rgba(15,80,76,.9),0 0 30px rgba(97,224,178,.3)}.blueprint-core{position:absolute;width:38%;height:38%;border:18px solid #72b6ab;border-radius:50%;box-shadow:4px 7px 20px #021c20;display:grid;place-items:center}.core-hole{background:#073138;width:65%;height:65%;border-radius:50%;border:3px solid #308174}.dimension{position:absolute;color:#8df3c2;font-size:13px;letter-spacing:2px}.dim-a{top:17%;left:10%}.dim-b{bottom:15%;right:8%}.art-badge{display:flex;align-items:center;gap:12px;position:absolute;right:-8px;bottom:20px;background:#fff;color:#133f39;padding:16px 20px;border-radius:14px;box-shadow:0 15px 55px #03191b70}.art-badge b{display:block;font-size:13px}.art-badge small{font-size:11px;color:#638079}.pulse{width:12px;height:12px;border-radius:50%;background:#25c385;box-shadow:0 0 0 7px #d9faec}.section{padding:75px 0}.section-heading{text-align:center;max-width:770px;margin:0 auto 35px}.section-heading h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;margin-bottom:12px}.section-heading p:last-child{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid #e3eeea;border-radius:18px;padding:26px;background:white;box-shadow:0 10px 25px rgba(12,50,45,.035)}.service-card h3{margin-bottom:8px}.service-card p,.steps p{font-size:14px;color:#728680;margin:0}.service-icon{font-size:32px;color:#159f6d;background:#e6f9ef;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;margin-bottom:21px}.quote-section{padding:73px 0 84px;background:var(--bg)}.quote-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:25px;align-items:start}.panel{background:white;border:1px solid #e1ece8;border-radius:20px;padding:29px;box-shadow:var(--shadow)}.panel-head{display:flex;gap:13px;align-items:center;margin-bottom:21px}.panel-head h3{margin:0;font-size:20px}.panel-head p{margin:0;font-size:13px;color:var(--muted)}.step-icon{font-size:15px;font-weight:900;color:#0b805b;background:#e7f8ef;border-radius:12px;min-width:44px;height:44px;display:grid;place-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:13px;font-weight:700;display:block;color:#294c45}label input:not([type=checkbox]):not([type=file]),label select,label textarea,.login-panel input{width:100%;padding:12px 13px;border:1px solid #d6e4df;border-radius:10px;margin-top:7px;outline:none;background:#fff;color:#163d35}label input:focus,label select:focus,label textarea:focus{border-color:#1ca675;box-shadow:0 0 0 3px #d8f5e8}.wide{grid-column:span 2}.checkrow{display:flex;align-items:center;gap:9px;color:#405b53;font-weight:550}.checkrow input{accent-color:#17a56e;width:17px;height:17px}.line{height:1px;background:#e7efeb;margin:26px 0}.file-drop{min-height:145px;border:2px dashed #b7d9c8;border-radius:15px;background:#f7fdf9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;text-align:center;padding:15px}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-glyph{font-size:35px;color:#1b996a;line-height:1.3}.file-drop small{font-weight:400;max-width:100%;overflow-wrap:anywhere;color:#6f8680}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.fine-print{font-size:12px;color:#718981;margin:15px 0 0}.result-area{position:sticky;top:105px}.result-card{background:linear-gradient(145deg,#103e3c,#072b30);border-radius:22px;color:white;padding:30px;box-shadow:0 28px 70px #0a413b2d}.result-kicker{font-size:11px;letter-spacing:2px;color:#70e5b5;font-weight:900}.result-card h3{font-size:24px;margin:11px 0}.result-price{font-size:clamp(30px,3.3vw,45px);font-weight:900;color:#5fe2a5;margin-bottom:0;letter-spacing:-1px;overflow-wrap:anywhere}.result-unit{color:#c5dad4;font-size:13px}.line.light{background:#36605a}.result-row{display:flex;justify-content:space-between;gap:8px;margin:15px 0;font-size:13px}.result-row span{color:#b9d2c9}.result-row strong{text-align:right}.notice{padding:16px;border-radius:13px;background:#ffffff13;border:1px solid #ffffff21;margin-top:25px}.notice strong{color:#83ebbe}.notice p{font-size:12px;color:#c7e1d7;margin:5px 0 0}.helper-card{background:#fff;border:1px solid #e2ede8;padding:22px;margin-top:19px;border-radius:16px}.helper-card ol{padding-left:21px;font-size:14px;color:#55776b}.helper-card li{padding:5px 0}.steps article{border-top:3px solid #22a978;padding:13px}.steps article b{font-size:32px;color:#159869}.steps h3{margin:8px 0}footer{background:#082d30;color:#d5eee4;padding:27px 0}.footer-inner{justify-content:space-between;gap:20px}.footer-inner p{margin:0;font-size:12px;color:#a1b9b0}.error{color:#bd3030;font-size:13px;margin-top:10px}.success-text{color:#088755;font-weight:700}.modal{position:fixed;inset:0;background:#081d1abf;z-index:50;display:grid;place-items:center;padding:18px}.modal-box{width:min(480px,100%);text-align:center;background:white;padding:33px;border-radius:22px;box-shadow:0 30px 95px #0006}.modal-box h3{color:#078d60}.modal-box .button,.modal-box .ghost-button{display:flex;margin:15px auto;width:100%}.modal-box .ghost-button{color:#14483b;border:1px solid #c8ddd2}.success-symbol{font-size:32px;width:62px;height:62px;margin:0 auto 16px;background:#dafae7;color:#008b52;border-radius:50%;display:grid;place-items:center}.hidden{display:none!important}.admin-body{background:var(--bg);min-height:100vh}.admin-wrap{padding:45px 0 100px}.login-panel{max-width:465px;margin:40px auto}.login-panel h1{margin-bottom:10px}.login-panel p{color:#668078}.login-panel form{display:grid;gap:15px;margin-top:24px}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.admin-title h1{margin-bottom:5px}.admin-title p:last-child{color:#6f817c}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.summary-box{padding:21px;background:white;border:1px solid #e0ece6;border-radius:15px}.summary-box span{display:block;font-size:13px;color:#688077}.summary-box strong{font-size:34px;color:#0e7758}.table-panel{padding:24px}.table-tools{display:flex;justify-content:space-between;align-items:center;gap:15px}.table-tools h3{margin:0 0 15px}.table-tools select{border:1px solid #c8ddd3;border-radius:9px;padding:8px;margin-bottom:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px;font-size:13px}th,td{padding:13px 9px;border-bottom:1px solid #e3eee9;text-align:left}th{background:#edf8f2;color:#30594b}.table-button{background:#d9f7e9;color:#08744c;border:0;border-radius:7px;padding:8px;font-weight:700}.detail-panel{margin-top:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-grid p{border-bottom:1px solid #edf2ef;padding-bottom:6px;font-size:13px}.detail-grid strong{margin-left:8px;overflow-wrap:anywhere}.detail-grid form{display:grid;gap:15px;align-content:start}.detail-grid ul{padding-left:20px}.detail-grid li{overflow-wrap:anywhere}.detail-grid li a{color:#078557;text-decoration:underline}
@media(max-width:900px){.hero-grid,.quote-layout{grid-template-columns:1fr}.hero-art{min-height:310px}.blueprint{width:300px}.result-area{position:static}.service-grid{grid-template-columns:repeat(2,1fr)}.nav nav{gap:11px}.hero-grid{padding:65px 0}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:min(100% - 26px,1190px)}.nav{min-height:70px}.brand{font-size:14px}.brand-icon{width:35px;height:35px;font-size:20px}.nav nav a:not(.outline-link){display:none}.hero-grid{gap:8px;padding:48px 0 65px}.hero h1{letter-spacing:-1.1px}.hero-p{font-size:15px}.hero-stats{gap:13px;flex-wrap:wrap}.hero-stats strong{font-size:18px}.hero-art{min-height:260px}.blueprint{width:225px}.art-badge{right:0;bottom:0;padding:10px}.section,.quote-section{padding:53px 0}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:17px}.service-card h3{font-size:16px}.panel{padding:17px}.fields{grid-template-columns:1fr;gap:13px}.wide{grid-column:span 1}.result-card{padding:23px}.footer-inner{align-items:flex-start;flex-direction:column}.admin-title{align-items:flex-start;flex-direction:column}.summary-grid{gap:8px}.summary-box{padding:12px}.detail-grid{grid-template-columns:1fr}.nav nav{font-size:12px}}

.ai-usage{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:18px;align-items:center;margin-bottom:22px;padding:18px 23px}
.ai-usage h3,.ai-usage p,.ai-usage dl{margin:0}
.ai-usage p,.usage-item dt{font-size:12px;color:#526a62}
.ai-usage dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.usage-item dd{margin:3px 0 0;font-size:15px;font-weight:750;overflow-wrap:anywhere;color:#0d6049}
#detailAI:empty{display:none}
#detailAI{padding:11px 12px;margin:16px 0;border:1px solid #dcebe4;border-radius:9px;background:#f4faf7}
#detailAI h4{margin:0 0 4px}
#detailAI p:last-child{margin-bottom:0}
@media(max-width:750px){.ai-usage{grid-template-columns:1fr}.ai-usage dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

.production-panel { margin: 18px 0; padding: 17px; }
.detail-panel .production-panel { border: 1px solid #dae6de; border-radius: 12px; }
.production-panel h3 { margin: 0 0 10px; }
.production-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.production-tools label { flex: 1 1 160px; }
.production-feedback { margin: 8px 0 0; color: #285348; }
.plan-rows { display: grid; gap: 6px; }
.plan-row { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(76px,.6fr); align-items: center; gap: 8px; border-bottom: 1px solid #e0eee5; padding: 5px 0; }
.plan-row input[type=number] { max-width: 100%; }
.production-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.quote-email-preview { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; background: #f3f8f5; font: inherit; }