/* UCZ Slabs design system — development preview */
:root{font-family:"DM Sans",sans-serif;color:#162622;background:#f7f8f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--deep:#122320;--deep2:#1d332d;--gold:#dcc78c;--gold-dark:#ac9360;--muted:#697971;--line:#dfe5dc;--paper:#f7f8f4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c8a963;outline-offset:3px}.hidden{display:none!important}.shell{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.preview-strip{height:31px;background:#ddc891;color:#1d3027;text-align:center;font-size:10px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:12px}.preview-dot{height:6px;width:6px;background:#2f6b4c;border-radius:50%;display:inline-block}.preview-separator{opacity:.5}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e5e9e2}.nav-shell{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--deep);color:var(--gold);width:43px;height:43px;border-radius:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-3px}.brand-mark span{font-size:14px;margin-top:-15px;margin-left:0}.brand-text{font-family:Manrope,sans-serif;color:var(--deep);font-weight:800;font-size:22px;line-height:1;letter-spacing:-.07em}.brand-text>span{font-weight:500;color:#5e7869;letter-spacing:-.07em;margin-left:4px}.brand-text small{display:block;font-family:"DM Sans",sans-serif;letter-spacing:.18em;font-size:7px;color:#849389;font-weight:800;margin-top:7px}.primary-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.primary-nav a{font-size:12px;color:#5f6c64;white-space:nowrap;font-weight:700;transition:color .2s}.primary-nav a:hover,.primary-nav .nav-active{color:#152b22}.nav-right{display:flex;gap:12px;align-items:center}.btn{border:1px solid transparent;border-radius:8px;padding:15px 21px;display:inline-flex;gap:22px;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;transition:transform .18s,background .18s,border .18s;white-space:nowrap}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn span:last-child{font-size:17px;font-weight:400}.btn-small{padding:12px 14px}.btn-light{background:#e9eee7;color:#263c2f}.btn-light:hover{background:#dce8db}.btn-gold{background:#e0c995;color:#1e3329}.btn-gold:hover{background:#edd8a9}.btn-outline{background:transparent;border-color:#687771;color:#fff}.btn-outline:hover{border-color:var(--gold);background:#263c35}.btn-dark{background:var(--deep);color:#fff}.btn-dark:hover{background:#2a433a}.btn-wide{width:100%}.btn-disabled{color:#78847c;background:#edf0e9;border-color:#e2e8de}.menu-toggle{display:none;width:38px;height:38px;background:none;border:0;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{display:block;height:2px;background:var(--deep);width:22px}
.hero{background:radial-gradient(ellipse at 75% 30%,#2d453a 0%,#182b26 42%,#10211d 80%);overflow:hidden;color:white}.hero-grid{min-height:615px;display:grid;grid-template-columns:52% 48%;align-items:center}.hero-copy{position:relative;z-index:2;padding:72px 0 82px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#cdb97e;font-size:10px;letter-spacing:.19em;font-weight:800}.eyebrow-line{display:block;width:28px;height:1px;background:currentColor}.hero h1,.inner-hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.4vw,73px);font-weight:700;letter-spacing:-.075em;line-height:1.11;max-width:650px;margin:22px 0 24px}.hero h1 em,.inner-hero h1 em{font-style:normal;color:#d9c18c}.hero-copy>p{font-size:15px;line-height:1.9;max-width:440px;color:#bdccc3;margin:0}.hero-actions{display:flex;gap:13px;margin-top:35px;flex-wrap:wrap}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:62px;font-size:10px;color:#9daf9f;font-weight:700}.hero-points span:first-letter{color:#dcc78c}
.hero-art{position:relative;height:610px;isolation:isolate}.hero-orbit{position:absolute;border:1px solid #6d7d6657;border-radius:50%;top:70px;left:-10px;width:580px;height:580px}.orbit-b{top:135px;left:58px;width:450px;height:450px}.hero-glow{position:absolute;left:100px;top:90px;width:420px;height:460px;background:radial-gradient(#8c8b6b35,transparent 65%);filter:blur(20px)}.slab{position:absolute;border:10px solid #dae4da7c;background:#c1ccc7d9;border-radius:16px;box-shadow:0 20px 45px #0008, inset 0 0 0 2px #fff8;padding:10px;width:263px;height:405px;transform:rotate(9deg);top:80px;left:160px;z-index:2;display:flex;flex-direction:column;gap:10px}.slab::after{content:"";position:absolute;inset:3px;border:1px solid #fff8;border-radius:10px;pointer-events:none}.slab-back{z-index:1;left:265px;top:105px;transform:rotate(24deg) scale(.95);filter:brightness(.74);opacity:.75}.slab-label{background:#f5f7f0;border-radius:4px;padding:8px 8px 7px;display:flex;justify-content:space-between;align-items:center;gap:6px;height:64px;color:#15251c}.slab-company{font-family:Manrope,sans-serif;font-weight:800;font-size:13px;display:block;letter-spacing:-.07em}.slab-company b{color:#637963;font-weight:600}.slab-title{display:block;font-size:10px;font-weight:800;margin-top:5px}.slab-subtitle{display:block;font-size:6px;letter-spacing:.04em;margin-top:3px}.slab-score{font-family:Manrope,sans-serif;font-size:37px;line-height:1;font-weight:800;letter-spacing:-.07em}.slab-image{flex:1;position:relative;border:5px solid #f2e5bd;border-radius:4px;overflow:hidden}.art-primary{background:radial-gradient(ellipse at 50% 55%,#beaa80 0%,#657c8a 32%,#253e56 65%,#0c2532 100%)}.art-halo{position:absolute;left:30%;top:9%;width:130px;height:130px;border:1px solid #e7d1a9a1;border-radius:50%;box-shadow:0 0 0 8px #f7eac011,0 0 0 22px #f7eac00b}.art-moon{position:absolute;left:38%;top:23%;width:80px;height:80px;background:radial-gradient(circle at 40% 30%,#f8e4ab,#b5b0a2 60%,#8c8691);border-radius:50%;box-shadow:0 0 45px #f6d4a788}.art-landscape{position:absolute;bottom:0;left:-20px;right:-20px;height:110px;background:linear-gradient(150deg,transparent 22%,#1a4351 22% 54%,transparent 54%),linear-gradient(25deg,#1c333b 40%,#0b2638 40% 65%,#08222b 65%)}.art-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#f5eaca;font-size:11px;letter-spacing:.35em;text-shadow:0 2px 5px #000;font-weight:800}.art-secondary{background:linear-gradient(135deg,#d4a75b,#4c5267 50%,#122324)}.art-secondary>span{position:absolute;bottom:25px;left:20px;font-size:11px;color:white;letter-spacing:.15em}.slab-foot{font-size:6px;text-align:center;color:#3d4847;font-weight:800;letter-spacing:.05em}.float-note{position:absolute;z-index:4;left:0;bottom:82px;display:flex;gap:14px;align-items:center;padding:14px 19px;background:#f4f5eb;box-shadow:0 15px 40px #0004;color:#1d3328;border-radius:11px;transform:rotate(-5deg)}.float-icon{display:grid;place-items:center;font-size:22px;border-radius:8px;width:41px;height:41px;background:#e2e8d9}.float-note strong{display:block;font-size:12px}.float-note small{display:block;font-size:9px;margin-top:4px;color:#69796b}
.trust-ribbon{background:#e5e9e0}.ribbon-inner{display:flex;min-height:68px;justify-content:space-between;align-items:center;gap:14px;color:#697b6e;letter-spacing:.16em;font-size:10px;font-weight:800}.ribbon-star{font-size:13px;color:#b6ab86}
.section{padding-top:106px;padding-bottom:106px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading h2,.feature-text h2,.bottom-cta h2{font-family:Manrope,sans-serif;letter-spacing:-.065em;font-size:clamp(32px,4.2vw,52px);line-height:1.13;margin:14px 0 0}.section-heading>p{max-width:345px;color:#657369;font-size:14px;line-height:1.8}.kicker{color:#9f8852}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{min-height:242px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;transition:box-shadow .2s,transform .2s}.step-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1d39200b}.step-number{font-size:9px;color:#97a39a;letter-spacing:.14em;font-weight:800}.step-icon{font-size:36px;color:#9e956b;margin:25px 0 17px;line-height:1}.step-card h3{font-family:Manrope;font-size:16px;letter-spacing:-.04em;margin:0 0 8px}.step-card p{font-size:12px;color:#768277;line-height:1.7;margin:0}
.feature-band{background:#ecf0e9}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:110px}.feature-panel{background:linear-gradient(140deg,#17342b,#29483b);height:390px;border-radius:17px;padding:66px 54px 35px;position:relative;overflow:hidden;box-shadow:0 20px 45px #19351f20}.feature-panel:before{content:"";position:absolute;width:410px;height:410px;border:1px solid #89a18b35;border-radius:50%;right:-210px;top:-200px}.mini-search{position:relative;display:flex;align-items:center;gap:11px;background:#f8faf7;border-radius:9px;padding:18px 16px;color:#798a7d;font-size:12px;margin-bottom:15px}.mini-search span:last-child{margin-left:auto}.mini-row{position:relative;display:flex;align-items:center;background:#f8faf7e9;padding:11px 15px;border-radius:9px;gap:14px;margin-bottom:11px}.mini-thumb{width:38px;height:48px;border:3px solid #e2d4a6;border-radius:3px;background:linear-gradient(135deg,#e6d1aa,#7587a2,#254951)}.thumb-two{background:linear-gradient(135deg,#d2c4a0,#9f7c92,#24364b)}.mini-row strong{font-size:12px;display:block}.mini-row small{font-size:10px;color:#718172;display:block;margin-top:4px}.mini-plus,.mini-check{margin-left:auto;font-size:19px;color:#3c6448}.feature-panel-label{position:absolute;bottom:26px;left:54px;font-size:9px;color:#92ad9c;letter-spacing:.14em;font-weight:800}.feature-text h2 em{font-style:normal;color:#9c936c}.feature-text p{line-height:1.9;font-size:14px;color:#66796c;max-width:380px;margin:25px 0}.text-link{border:0;background:none;padding:0 0 7px;border-bottom:1px solid #244537;color:#183c2e;font-size:13px;font-weight:800}.text-link span{margin-left:25px}.bottom-cta{background:radial-gradient(ellipse at right,#385547,#193329 65%);color:white;padding:57px 62px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}.bottom-cta p{color:#b8c9bc;font-size:13px}.kicker-light{color:#dcc68d}
.page:not(.hidden){min-height:25vh}.inner-hero{padding:75px 0 52px}.eyebrow-dark{color:#a38c52}.inner-hero h1{color:#1b3026;font-size:clamp(42px,5vw,67px);margin:15px 0}.inner-hero h1 em{color:#9e8d63}.inner-hero>p{max-width:650px;line-height:1.8;color:#6c7c70;font-size:14px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:23px;align-items:start;padding-bottom:110px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px;box-shadow:0 12px 30px #1a302009}.panel h2{font-family:Manrope,sans-serif;font-size:24px;margin:8px 0 6px;letter-spacing:-.055em}.panel-head p{color:#758378;font-size:12px;line-height:1.7}.game-switch{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 21px}.game-pill{border:1px solid #e1e6dd;color:#526357;background:#f9faf7;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:800}.game-pill.active{background:#1c362a;border-color:#1c362a;color:white}.field-label{font-size:12px;font-weight:800;display:block;margin-bottom:9px}.search-bar{display:flex;align-items:center;gap:10px;border:1px solid #d8e1d5;background:#fbfcf9;border-radius:8px;padding:0 13px}.search-bar:focus-within{border-color:#ab9c75;box-shadow:0 0 0 3px #c8ae7426}.search-bar input{border:0;outline:none;background:transparent;width:100%;padding:17px 0;color:var(--deep);font-size:13px}.search-bar input:focus-visible{outline:none}.search-bar kbd{font-size:10px;color:#9aa89a;padding:3px 6px;border:1px solid #dce5d9;border-radius:4px}.search-icon{font-size:24px;color:#7a8b7a}.search-hint{color:#8b998e;font-size:10px;margin-top:10px}.result-status{font-size:11px;color:#7a897c;margin:23px 0 12px;min-height:16px}.card-results{display:grid;gap:9px}.result-row{border:1px solid #e7ece5;border-radius:9px;display:flex;gap:13px;align-items:center;padding:12px;min-height:103px}.result-image{width:57px;height:79px;object-fit:contain;background:#f0f2ed;border-radius:5px;flex-shrink:0}.result-image-fallback{display:grid;place-items:center;font-size:25px;color:#8aa18d}.result-copy{flex:1;min-width:0}.result-copy strong{font-size:13px;display:block;margin-bottom:5px;overflow-wrap:anywhere}.result-copy span{display:block;font-size:11px;color:#7a897d;line-height:1.6}.result-add{border:1px solid #bac9b8;background:#eaf1e9;color:#234a35;padding:9px 11px;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:800}.result-add:hover{background:#d5e7d6}.result-add:disabled{opacity:.6}
.manual-form{display:grid;gap:20px}.form-note{background:#f0f4ed;border-radius:8px;padding:15px;color:#576c59;font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:800}.form-grid input,.form-grid select,.studio-controls select{display:block;width:100%;margin-top:7px;border:1px solid #dfe6dc;border-radius:7px;background:#fff;padding:12px 11px;min-height:43px;color:#26372c}.manual-form .btn{justify-self:start}.draft-panel{position:sticky;top:20px}.draft-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.count-pill{font-family:"DM Sans",sans-serif;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:#ebf0e9;color:#57715a;width:26px;height:26px;border-radius:50%;vertical-align:middle}.quiet-link{border:0;background:none;color:#788879;font-weight:800;font-size:11px}.quiet-link:hover{color:#b15b44}.draft-items{max-height:450px;overflow-y:auto;min-height:230px;margin:20px 0;border-top:1px solid #e7ebe5;border-bottom:1px solid #e7ebe5}.empty-draft{display:flex;min-height:230px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-draft>span{font-size:32px;color:#a7b7a6}.empty-draft strong{font-size:13px;margin-top:15px}.empty-draft p{font-size:11px;color:#849284}.draft-item{padding:15px 0;border-bottom:1px solid #e8ede6;display:flex;gap:10px;align-items:start}.draft-item:last-child{border-bottom:0}.draft-item>div{flex:1;min-width:0}.draft-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.draft-item small{display:block;font-size:10px;color:#819083;margin-top:4px;line-height:1.5}.qty-row{display:flex;align-items:center;gap:8px;margin-top:9px}.qty-btn{border:1px solid #d8e2d6;background:#fff;border-radius:5px;width:24px;height:24px;color:#1f3b2c}.qty-val{font-size:12px;font-weight:800}.remove-btn{font-size:18px;border:0;background:none;color:#a2aea2}.remove-btn:hover{color:#a95143}.draft-footer{display:grid;gap:11px}.draft-total{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.draft-total strong{font-size:16px}.draft-footer>p{text-align:center;color:#929d92;font-size:10px;margin:0}.help-card{display:flex;gap:13px;margin-top:20px;color:#58715a;background:#ebf1e9;border-radius:9px;padding:16px}.help-icon{font-size:22px}.help-card strong{font-size:12px}.help-card p{font-size:11px;line-height:1.7;margin:5px 0 0}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid{padding-bottom:40px}.service-card,.standard-card{border:1px solid var(--line);background:white;border-radius:13px;padding:32px}.service-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:11px;background:#eff2ea;color:#7e8d6e;font-size:29px;margin-bottom:28px}.service-card h2,.standard-card h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.055em;margin:13px 0}.service-card p,.standard-card p{font-size:13px;color:#728276;line-height:1.8;min-height:90px}.service-foot{border-top:1px solid #e6ebe4;padding-top:18px;color:#a18b59;font-size:11px;font-weight:800}.info-banner{display:flex;align-items:center;gap:17px;margin-bottom:110px;background:#eaf0e9;border-radius:12px;padding:20px 27px;color:#506e56}.info-banner p{font-size:12px;line-height:1.6;flex:1}.info-banner a{font-size:12px;font-weight:800;white-space:nowrap}.info-symbol{font-size:24px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.standards-grid{padding-bottom:42px}.standard-card>span{color:#b6a46d;font-weight:800;font-size:10px}.standard-card p{min-height:0}.verification-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:110px}.verify-card{background:white;border:1px solid var(--line);padding:47px;border-radius:14px;text-align:center}.verify-graphic{background:#ecf2e8;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;margin:0 auto 25px}.fake-qr{font-size:72px;color:#4f7860}.verify-graphic>span{font-size:8px;font-weight:800;letter-spacing:.12em;color:#8b9a86}.verify-card h2{font-family:Manrope;font-size:24px;letter-spacing:-.055em}.verify-card p,.verify-steps>p{font-size:13px;line-height:1.9;color:#768478}.verify-card .btn{margin:14px auto;max-width:250px}.verify-card small{display:block;color:#9aa79a;font-size:10px;line-height:1.6;margin-top:10px}.verify-steps h2{font-family:Manrope;font-size:40px;letter-spacing:-.065em;margin:14px 0}.verify-line{display:flex;gap:22px;border-top:1px solid #dfe6dc;padding:22px 0}.verify-line>span{font-size:12px;font-weight:800;color:#aa9864}.verify-line strong{font-size:13px}.verify-line p{font-size:11px;color:#7d8b7d;margin:7px 0}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:110px}.studio-card-list{display:grid;gap:8px;margin:20px 0}.studio-card{border:1px solid #e3eae1;background:#fff;text-align:left;padding:13px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#324c39}.studio-card.active{background:#e8f0e6;border-color:#73947e}.studio-card small{color:#7c8e80}.studio-controls{font-size:12px;font-weight:800;margin:20px 0}.label-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:430px;min-height:150px;padding:16px;background:white;border:9px solid #d6deda;border-radius:9px;box-shadow:inset 0 0 0 1px #a6b4ac,0 6px 15px #0001;margin:15px auto 30px}.label-preview-details{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.label-preview-details strong{font-size:15px;letter-spacing:-.06em}.label-preview-details>span{font-size:clamp(9px,1vw,13px);font-weight:800;overflow-wrap:anywhere}.label-preview-details>span+span{font-size:10px;font-weight:500}.label-preview-details small{font-size:7px;color:#899588;letter-spacing:.05em}.label-preview-grade{border-left:1px solid #d8e0d5;padding-left:12px;text-align:center}.label-preview-grade span{font-size:38px;font-weight:800;display:block}.label-preview-grade small{font-size:8px;color:#a5b2a4}
.site-footer{background:#13251f;color:#eaf0e8;padding-top:70px}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr;gap:50px;padding-bottom:64px}.footer-brand{font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-.07em}.footer-brand span{color:#c5b782;font-weight:500}.footer-grid p{font-size:12px;line-height:1.9;color:#9cb09f;max-width:300px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:15px;font-size:12px;color:#9dae9f}.footer-grid strong{color:#d8e6d7;font-size:10px;letter-spacing:.14em;margin-bottom:5px}.footer-grid a:hover{color:#e1d09c}.footer-bottom{border-top:1px solid #2e4337;min-height:63px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#829b87}.toast{position:fixed;z-index:70;right:22px;bottom:25px;max-width:min(380px,calc(100% - 44px));background:#1e3a2b;color:#fff;padding:15px 19px;border-radius:9px;font-size:12px;box-shadow:0 10px 25px #0004;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}#print-report{display:none}
@media(max-width:1100px){.primary-nav{gap:15px}.primary-nav a{font-size:11px}.feature-grid{gap:55px}.hero-art{transform:scale(.85);transform-origin:center left}.hero-points{gap:12px}}@media(max-width:850px){.shell{width:min(100% - 38px,680px)}.nav-shell{min-height:70px}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:19px 25px 24px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:14px 0;border-bottom:1px solid #edf1e9;font-size:13px}.menu-toggle{display:flex}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:77px 0 20px}.hero h1{font-size:clamp(42px,8vw,65px)}.hero-art{height:440px;width:600px;max-width:100%;transform:scale(.8);transform-origin:top left}.slab{top:30px;left:150px}.slab-back{top:55px;left:260px}.float-note{bottom:7px;left:35px}.hero-orbit{top:0}.orbit-b{top:55px}.hero-points{margin-top:37px}.ribbon-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:19px 0;text-align:center}.ribbon-star{display:none}.section{padding-top:70px;padding-bottom:70px}.steps-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-panel{height:330px;padding:40px}.feature-panel-label{left:40px}.feature-text{grid-row:1}.section-heading{align-items:start;flex-direction:column;gap:5px}.bottom-cta{padding:40px;flex-wrap:wrap}.workspace-grid,.verification-layout,.studio-grid{grid-template-columns:1fr}.draft-panel{position:static}.three-grid{grid-template-columns:1fr}.service-card p{min-height:0}.footer-grid{grid-template-columns:2fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:2}.inner-hero{padding-top:52px}.two-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.preview-strip{font-size:8px;letter-spacing:.05em;gap:6px}.shell{width:calc(100% - 30px)}.brand-text{font-size:19px}.brand-mark{width:37px;height:37px}.hero-copy{padding-top:58px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-art{transform:scale(.57);height:340px;width:600px;max-width:none;margin-left:-35px}.hero-actions{gap:9px}.hero-actions .btn{padding:13px 15px;gap:8px}.hero-points{font-size:9px;gap:10px}.ribbon-inner{font-size:8px}.steps-grid{gap:9px}.step-card{min-height:218px;padding:16px}.step-card h3{font-size:14px}.step-card p{font-size:11px}.feature-panel{padding:28px 20px;height:315px}.feature-panel-label{left:20px;bottom:18px}.mini-search{padding:14px 10px}.mini-row{padding:9px}.bottom-cta{padding:32px 24px}.inner-hero h1{font-size:41px}.panel{padding:20px}.game-switch{gap:6px}.game-pill{font-size:10px;padding:9px}.result-row{gap:8px;padding:8px}.result-image{width:43px;height:65px}.result-copy strong{font-size:11px}.result-copy span{font-size:10px}.result-add{font-size:10px;padding:9px 7px}.form-grid{grid-template-columns:1fr}.two-grid{grid-template-columns:1fr}.verify-card{padding:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:2}.footer-bottom{flex-wrap:wrap;padding:18px 0}.label-preview-grade span{font-size:30px}}
@media print{body>*:not(#print-report){display:none!important}#print-report{display:block!important;color:#000;font:12pt Arial,sans-serif;padding:12px}#print-report h1{font-size:20pt}#print-report table{border-collapse:collapse;width:100%}#print-report td,#print-report th{border:1px solid #888;padding:8px;text-align:left}#print-report p{font-size:10pt}}


/* Approved UCZ Slabs pricing and draft estimate */
.service-prices{display:grid;gap:10px;margin:20px 0 16px}
.service-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 0;border-top:1px solid #e5ebe2}
.service-prices>div>span{font-size:11px;color:#61756a}
.service-prices strong{color:#1e3d2c;font-size:21px;font-weight:800;white-space:nowrap}
.service-prices strong span{font-size:10px;font-weight:500;color:#738375}
.estimate-panel{border:1px solid #dbe6d7;background:#f6f9f3;border-radius:10px;padding:16px;display:grid;gap:12px}
.estimate-heading,.estimate-line,.estimate-final{display:flex;justify-content:space-between;align-items:center;gap:9px}
.estimate-heading strong{font-size:13px}.estimate-heading span{font-size:9px;letter-spacing:.09em;color:#899b88;font-weight:800}
.estimate-label{font-size:11px;font-weight:800}
.estimate-select{border:1px solid #cfdbcb;border-radius:7px;background:white;padding:10px;width:100%;color:#24392c;font-size:12px}
.estimate-check{display:flex;align-items:center;gap:9px;font-size:11px;color:#3c5344;cursor:pointer}
.estimate-check input{width:16px;height:16px;accent-color:#1e4530}
.estimate-warning{color:#9d5b2e;background:#fff3e9;border-radius:6px;padding:10px;font-size:11px;line-height:1.5;margin:0}
.estimate-line{color:#627567;font-size:11px}
.estimate-line strong{color:#294334}
.estimate-final{padding-top:12px;border-top:1px solid #d8e5d4;font-size:12px;font-weight:800}
.estimate-final strong{font-size:23px;color:#203f2c}
.estimate-disclaimer{font-size:10px;color:#849484;line-height:1.6;margin:0}


/* UCZ Slabs brand refresh: midnight navy, metallic silver, white, and black. */
:root{
  --deep:#050538;--deep2:#10134d;--gold:#eceef4;--gold-dark:#939bad;
  --muted:#6c7286;--line:#dfe2eb;--paper:#f6f7fb;--white:#ffffff;
  color:#14172c;background:var(--paper);
}
body{background:#f6f7fb}
.preview-strip{background:#16194d;color:#e9eaf1}
.preview-dot{background:#c1c6d8}
.site-header{background:#050538;border-bottom:1px solid #3b426f}
.nav-shell{min-height:83px}
.brand-logo{height:64px;width:auto;max-width:230px;object-fit:contain;display:block}
.brand-mark,.brand-text{display:none}
.primary-nav a{color:#d1d5e7}
.primary-nav a:hover,.primary-nav .nav-active{color:#fff}
.menu-toggle span{background:#e8eaf4}
.btn-light{background:#e1e5ee;color:#050538}
.btn-light:hover{background:#cbd0df}
.btn-gold{background:linear-gradient(135deg,#fafbff,#c1c6d3);color:#101431}
.btn-gold:hover{background:linear-gradient(135deg,#fff,#d7dce9)}
.btn-outline{border-color:#8994bc}
.btn-outline:hover{background:#20275b;border-color:#eef1ff}
.btn-dark{background:#090e4e;color:#fff}
.btn-dark:hover{background:#222a69}
.hero{background:radial-gradient(ellipse at 73% 35%,#1e286c 0%,#090d48 44%,#03042b 85%)}
.hero-brand-logo{width:min(410px,86%);height:auto;display:block;margin:-62px 0 -39px -22px;object-fit:contain}
.hero h1 em,.inner-hero h1 em{color:#ccd3e5}
.hero-copy>p{color:#d0d5e9}
.eyebrow,.kicker{color:#7c87a8}
.hero .eyebrow,.kicker-light{color:#d2d8e8}
.hero-points{color:#bec6e0}
.hero-orbit{border-color:#7089bd55}
.hero-glow{background:radial-gradient(#7a86d255,transparent 65%)}
.float-note{background:#f4f5fa;color:#141a49}
.float-icon{background:#dfe3ed;color:#15225c}
.trust-ribbon{background:#e5e8f1}
.ribbon-inner{color:#495476}
.ribbon-star{color:#7583a9}
.step-card,.panel,.service-card,.standard-card,.verify-card{border-color:#dfe3ee}
.step-number,.step-icon,.service-icon,.standard-card>span{color:#626f9b}
.section-heading>p,.step-card p,.feature-text p{color:#606982}
.feature-band{background:#e9ecf5}
.feature-panel{background:linear-gradient(140deg,#090c43,#28366e)}
.feature-panel:before{border-color:#8a9fdb44}
.mini-row,.mini-search{background:#f7f8fd;color:#3d4667}
.mini-plus,.mini-check{color:#394b89}
.feature-panel-label{color:#bac5e5}
.feature-text h2 em{color:#808cad}
.text-link{color:#111b59;border-color:#111b59}
.bottom-cta{background:radial-gradient(ellipse at right,#263474,#090e43 72%)}
.bottom-cta p{color:#c2cae4}
.eyebrow-dark{color:#59688e}
.inner-hero h1{color:#101437}
.inner-hero>p{color:#626e86}
.game-pill{background:#f7f8fc;border-color:#dce0ea;color:#404e74}
.game-pill.active{background:#121858;border-color:#121858;color:#fff}
.search-bar{border-color:#cbd2e1;background:#fbfcff}
.search-bar:focus-within{border-color:#6f7eba;box-shadow:0 0 0 3px #7f8bd12b}
.search-icon,.search-hint,.result-status{color:#667294}
.result-row,.draft-item{border-color:#dfe3ee}
.result-image{background:#edf0f7}
.result-add{background:#e9ecf6;color:#1b2767;border-color:#c5cde4}
.result-add:hover{background:#dce2f4}
.count-pill{background:#e2e6f4;color:#313b79}
.form-note,.help-card{background:#ebedf8;color:#44537e}
.draft-total,.service-prices strong{color:#17215d}
.estimate-panel{background:#f0f2fa;border-color:#d4d9e9}
.estimate-select{border-color:#cbd2e4;color:#182259}
.estimate-check{color:#39476e}
.estimate-check input{accent-color:#243776}
.estimate-line strong,.estimate-final strong{color:#111b57}
.info-banner{background:#e5eaf5;color:#344777}
.verify-graphic{background:#e8ebf7}
.fake-qr{color:#283b82}
.verify-line>span{color:#6071a0}
.studio-card.active{background:#e5eaf7;border-color:#7385bb}
.label-preview{border-color:#c8cfde}
.label-preview-details strong{color:#10164a}
.site-footer{background:#030526;color:#eef0fb}
.footer-brand img{display:block;max-width:218px;width:100%;height:auto;margin:-37px 0 -29px -18px}
.footer-grid p,.footer-grid>div:not(:first-child){color:#b2b9d5}
.footer-grid strong{color:#e1e6f6}
.footer-grid a:hover{color:#fff}
.footer-bottom{border-color:#353b69;color:#a0a9c5}
.toast{background:#131950}
@media(max-width:850px){
  .primary-nav{background:#090c3d}
  .primary-nav a{border-color:#30385c;color:#e5e9f8}
  .brand-logo{height:58px}
}
@media(max-width:520px){
  .brand-logo{height:49px;max-width:160px}
  .nav-shell{min-height:66px}
  .hero-brand-logo{width:310px;max-width:100%;margin:-40px 0 -26px -18px}
}


/* Logo/layout repair (v0.1.2): transparent art, no duplicated hero logo,
   natural sizing, and no negative-margin overlap on narrow screens. */
.brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;flex-shrink:0;line-height:0}
.brand-logo{display:block;width:clamp(128px,13.2vw,174px);max-width:100%;height:auto;max-height:70px;object-fit:contain}
.hero-brand-logo{display:none}
.hero-copy{min-width:0}
.hero-copy .eyebrow{margin-bottom:12px}
.hero-copy h1{overflow-wrap:normal;word-break:normal;max-width:100%}
.hero-grid{min-width:0}
.hero-art{min-width:0}
.footer-brand{display:block;max-width:205px;line-height:0}
.footer-brand img{display:block;width:100%;height:auto;max-width:205px;max-height:none;margin:0;object-fit:contain}
.footer-grid>div:first-child{min-width:0}
.footer-grid>div:first-child p{margin-top:15px}
@media(max-width:1100px){
  .brand-logo{width:130px;max-height:60px}
  .primary-nav{gap:13px}
}
@media(max-width:850px){
  .nav-shell{min-height:74px}
  .brand-logo{width:151px;height:auto;max-height:62px}
  .hero-copy{padding-top:64px}
  .hero h1{font-size:clamp(38px,7.4vw,62px);letter-spacing:-.065em}
  .footer-brand{max-width:200px}
}
@media(max-width:520px){
  .nav-shell{min-height:69px}
  .brand-logo{width:146px;max-width:calc(100vw - 110px);height:auto;max-height:60px}
  .hero-copy{padding-top:51px}
  .hero h1{font-size:clamp(35px,10vw,46px);line-height:1.14;letter-spacing:-.07em}
  .hero-copy>p{max-width:100%;overflow-wrap:break-word}
  .hero-actions{max-width:100%}
  .hero-actions .btn{white-space:normal;text-align:left}
  .hero-art{margin-left:0;transform-origin:top left}
  .footer-grid>div:first-child p{margin-top:16px}
  .footer-brand{max-width:180px}
  .footer-brand img{max-width:180px}
}


/* Real UCZ slabs hero — transparent photograph, no fictional slab mockups. */
.hero-art-real{display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible;transform:none!important;max-width:100%;height:510px}
.hero-art-real .hero-orbit{left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.hero-art-real .orbit-a{width:min(520px,105%);height:auto;aspect-ratio:1}
.hero-art-real .orbit-b{width:min(405px,84%);height:auto;aspect-ratio:1}
.hero-art-real .hero-glow{left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:80%;pointer-events:none}
.real-slabs-hero{position:relative;z-index:3;display:block;width:115%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,15,.32));}
@media(max-width:1100px){
  .hero-art-real{transform:none!important;min-width:0}
  .real-slabs-hero{width:113%;max-width:none}
}
@media(max-width:850px){
  .hero-art-real{transform:none!important;height:auto;min-height:240px;width:100%;max-width:100%;margin:10px auto 38px;padding:30px 0 22px}
  .real-slabs-hero{width:100%;max-width:650px}
  .hero-art-real .hero-orbit{width:70%;max-width:360px}
  .hero-art-real .orbit-b{width:53%;max-width:280px}
}
@media(max-width:520px){
  .hero-art-real{height:auto;min-height:190px;max-width:100%;margin:0 auto 24px;padding:26px 0}
  .real-slabs-hero{width:100%;max-width:100%}
  .hero-art-real .hero-orbit{width:70%}
}


/* v0.1.4 — visually center the actual photographed slabs in the halo.
   The transparent source has empty space above the physical slabs, so the
   image box center is lower than the visible cards' center. */
.hero-art-real{position:relative;overflow:visible}
.hero-art-real .hero-orbit{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%)}
.hero-art-real .hero-glow{left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-art-real .real-slabs-hero{flex:0 0 auto;margin-inline:auto;transform:translateY(-44px);object-position:center;pointer-events:none}
@media(max-width:850px){
  .hero-art-real .real-slabs-hero{transform:translateY(-30px);margin-inline:auto}
}
@media(max-width:520px){
  .hero-art-real .real-slabs-hero{transform:translateY(-26px)}
  .hero-art-real .hero-orbit{top:50%}
}


/* UCZ Slabs real certificate verification */
.cert-lookup{text-align:left}
.cert-lookup .verify-graphic{margin-inline:auto}
.cert-lookup h2,.cert-lookup>p{text-align:center}
.cert-search-form{margin-top:26px}
.cert-search-form label{display:block;font-size:12px;font-weight:800;color:#26335c;margin-bottom:10px}
.cert-search-controls{display:flex;gap:10px;align-items:stretch}
.cert-search-controls input{min-width:0;flex:1;width:100%;border:1px solid #cdd4e4;border-radius:8px;background:#fff;padding:14px 12px;color:#101945;font-size:16px}
.cert-search-controls .btn{min-width:102px}
.cert-status{color:#667291!important;font-size:12px!important;margin:16px 0!important;line-height:1.6!important}
.cert-result{margin-top:22px;border:1px solid #cbd5ea;background:#f3f5fb;border-radius:12px;padding:19px;text-align:left}
.cert-result-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;border-bottom:1px solid #d5dcea}
.cert-result-badge{font-size:10px;font-weight:800;color:#243a74;letter-spacing:.08em}
.cert-result-top strong{font-size:18px;color:#16275f}
.cert-result-fields{display:grid;gap:0}
.cert-field{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid #e1e5ef}
.cert-field span{color:#67728c;font-size:12px}
.cert-field strong{color:#18264e;font-size:13px;text-align:right;overflow-wrap:anywhere;max-width:68%}
.cert-legacy-link{display:inline-block;margin-top:17px;text-decoration:underline;text-underline-offset:4px;color:#192b70;font-size:12px;font-weight:800}
.cert-result small{display:block;margin-top:15px;color:#75819b;font-size:10px;line-height:1.6}
.cert-footnote{font-size:11px!important;color:#8892a9!important;margin-top:20px!important}
@media(max-width:520px){.cert-search-controls{flex-direction:column}.cert-search-controls .btn{width:100%}.cert-lookup{padding:24px 18px}}


/* UCZ Slabs: historical content migration (Nov 2026) */
.nav-more{position:relative;font-size:12px;color:#d1d5e7;font-weight:700}
.nav-more summary{list-style:none;cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:hover,.nav-more[open] summary{color:#fff}
.nav-more-menu{position:absolute;z-index:60;right:0;top:29px;min-width:235px;padding:8px;background:#0b114c;border:1px solid #424e86;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.28);display:flex;flex-direction:column}
.primary-nav .nav-more-menu a{display:block;font-size:12px;color:#dce2f5;padding:12px 13px;border-radius:6px;white-space:nowrap}
.primary-nav .nav-more-menu a:hover{background:#242e72;color:#fff}
.content-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:48px;align-items:start}
.content-page.one-col{display:grid;grid-template-columns:minmax(0,1fr);max-width:970px}
.content-panel{min-width:0;line-height:1.8}
.content-panel h2{margin:0 0 19px;font-family:Manrope,sans-serif;font-size:clamp(21px,2.6vw,30px);color:#14244e;letter-spacing:-.05em}
.content-panel h3{font-family:Manrope,sans-serif;font-size:17px;color:#172758;letter-spacing:-.035em;margin:26px 0 8px}
.content-panel p,.content-panel li{color:#536077;font-size:13px;line-height:1.9}
.content-panel p{margin:0 0 17px}
.content-panel a:not(.btn){color:#203d83;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.content-note{margin-top:20px;padding:16px;border-radius:9px;background:#edf0f9;color:#465775;font-size:12px;line-height:1.7}
.business-address{font-style:normal;color:#1b2c61;background:#f0f2f9;border:1px solid #e0e5f1;border-radius:9px;padding:19px;font-size:14px;line-height:1.85;font-weight:600}
.instruction-list{padding-left:21px}
.instruction-list li{padding:8px 0 8px 5px;border-bottom:1px solid #e8ebf2}
.quick-submit-support{margin:20px 0 7px}
.faq-container{gap:11px}
.faq-item{border-radius:12px;border:1px solid #dfe5f0;background:#fff;padding:0 22px}
.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;color:#172850;font-size:14px;font-weight:800;line-height:1.5;padding:21px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';font-size:21px;color:#65749b;flex-shrink:0}
.faq-item[open] summary:after{content:'−'}
.faq-item p{font-size:13px;color:#5b6983;line-height:1.85;margin:0 0 20px}
.legal-copy{padding:32px}
.legal-copy p{margin:0 0 20px;overflow-wrap:break-word}
.grading-scale-table{border-collapse:collapse;width:100%;margin-top:16px}
.grading-scale-table th,.grading-scale-table td{padding:11px 10px;text-align:left;border-bottom:1px solid #e8ecf5;font-size:12px;line-height:1.5}
.grading-scale-table th{font-size:15px;width:65px;color:#142663}
.grading-scale-table td{color:#58647d}
.standards-list{list-style:disc;padding-left:21px;margin:12px 0 18px;color:#526179}
.standards-list li{padding:3px 0;line-height:1.7;font-size:13px}
.standards-grid .standard-card p{min-height:auto}
.grading-final{margin:0 auto 98px;padding:31px 36px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;border-radius:14px;background:#0b1449;color:#fff}
.grading-final h2{font-family:Manrope,sans-serif;font-size:clamp(23px,3vw,34px);letter-spacing:-.06em;margin:10px 0}
.grading-final p{font-size:13px;color:#c9d2ef;line-height:1.85}
.grading-formula{padding:24px;background:#1e2b6c;color:#fff;border:1px solid #4e5e9c;border-radius:11px;text-align:center;font-size:17px;font-weight:800;line-height:1.8}
.grading-formula span{display:block;color:#b8c5e7;font-weight:500;font-size:11px}
@media(max-width:1100px){.primary-nav{gap:12px}.nav-more{font-size:11px}.primary-nav>a{font-size:11px}}
@media(max-width:850px){
  .nav-more{width:100%;padding:14px 0;border-bottom:1px solid #30385c;font-size:13px}
  .nav-more summary{justify-content:space-between}
  .nav-more-menu{position:static;box-shadow:none;border:0;background:#121a5a;margin-top:12px;width:100%;min-width:0}
  .primary-nav .nav-more-menu a{padding:14px 12px;border-bottom:1px solid #2a3972;white-space:normal}
  .content-page{grid-template-columns:1fr}
  .grading-final{grid-template-columns:1fr}
}
@media(max-width:520px){
  .content-panel,.legal-copy{padding:22px 19px}
  .content-page{gap:15px;padding-bottom:30px}
  .faq-item{padding:0 17px}
  .grading-final{padding:25px 21px;margin-bottom:65px}
  .grading-formula{font-size:14px;padding:17px}
}


/* UCZ Slabs grading label references — modeled on owner-supplied labels. */
.studio-label-panel{min-width:0}
.studio-label-panel h2{margin-bottom:8px}
.studio-note{font-size:11px;color:#76839c;line-height:1.75;margin:14px 0}
.label-sample-list{display:grid;gap:18px;margin-top:24px}
.label-sample-group{display:grid;gap:8px}
.label-caption{font-size:10px;font-weight:800;letter-spacing:.10em;color:#7c88a2}
.ucz-physical-label{position:relative;isolation:isolate;box-sizing:border-box;display:flex;width:100%;max-width:510px;aspect-ratio:3.25/1;background:linear-gradient(135deg,#fafaf5,#dddcd5 90%);border:6px solid #c3c5ca;border-radius:5px;box-shadow:inset 0 0 0 2px #5b6069,inset 0 0 0 4px #efeff0,0 7px 18px rgba(13,26,65,.10);overflow:hidden;color:#111;line-height:1.05;font-family:Georgia,serif}
.ucz-physical-label:after{content:"";position:absolute;inset:7px;z-index:0;border:1px solid #8b8c90;pointer-events:none}
.ucz-physical-label>*{z-index:1}
.label-front{padding:15px 18px 26px;align-items:start}
.label-front-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0;padding-right:8px;font-weight:800;text-transform:uppercase}
.label-sample-name{font-size:clamp(11px,1.4vw,19px);line-height:1.08;overflow-wrap:anywhere}
.label-sample-set,.label-sample-number{font-size:clamp(9px,1vw,14px);letter-spacing:.01em;overflow-wrap:anywhere}
.label-front-grade{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(32px,5.1vw,66px);line-height:.9;margin:0 0 0 auto;text-align:right}
.label-front-footer{position:absolute;bottom:10px;left:16px;right:13px;height:20px;display:flex;align-items:flex-end;justify-content:center;gap:5px}
.small-ucz{font-family:Arial,sans-serif;font-weight:900;color:white;background:#232938;font-size:10px;padding:3px 10px;line-height:1}
.label-serial{position:absolute;right:0;bottom:2px;font-family:monospace;font-size:clamp(9px,1.1vw,15px);font-weight:bold;text-align:right}
.label-serial small{display:block;font-size:6px;font-weight:normal;letter-spacing:.08em}
.label-back{padding:13px 15px;gap:14px;justify-content:space-between;align-items:center}
.label-back-brand{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;gap:3px;font-family:Arial,Helvetica,sans-serif;font-weight:800}
.label-sample-logo{font-size:clamp(16px,2.2vw,28px);color:#eef0f2;background:#202331;border-radius:3px;padding:3px 5px;letter-spacing:-.07em}
.label-back-brand>span:last-child{font-size:clamp(8px,1vw,12px);letter-spacing:-.03em}
.qr-placeholder{display:grid;place-items:center;width:34px;height:34px;aspect-ratio:1;background:repeating-conic-gradient(#10131b 0 25%,#f7f7f7 0 50%) 50%/9px 9px;color:#10131b;font:900 6px/1 Arial,sans-serif;letter-spacing:0;text-align:center;text-shadow:0 1px white,1px 0 white,-1px 0 white;overflow:hidden}
.label-subgrade-lines{display:grid;gap:4px;justify-items:end;font-family:Georgia,serif;font-weight:900;font-size:clamp(10px,1.15vw,15px);letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}
.label-back-basic .label-back-brand{align-items:flex-start}
.label-back-basic .label-sample-logo{font-size:clamp(15px,2.2vw,28px)}
.label-basic-right{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-direction:column;min-width:80px}
.label-basic-right strong{font-family:monospace;font-size:clamp(10px,1.2vw,16px)}
.label-basic-right small{font-size:6px;letter-spacing:.07em}
@media(max-width:1100px){
 .ucz-physical-label{border-width:4px}
 .label-front{padding:13px 12px 24px}
 .label-front-grade{font-size:clamp(34px,5.2vw,56px)}
 .label-sample-name{font-size:clamp(11px,1.5vw,17px)}
 .label-subgrade-lines{font-size:clamp(10px,1.3vw,13px)}
}
@media(max-width:850px){
 .ucz-physical-label{max-width:510px}
 .label-front-grade{font-size:clamp(37px,7vw,62px)}
 .label-sample-name{font-size:clamp(12px,2.4vw,17px)}
 .label-sample-set,.label-sample-number{font-size:clamp(10px,1.9vw,14px)}
 .label-subgrade-lines{font-size:clamp(11px,2.2vw,15px)}
}
@media(max-width:520px){
 .ucz-physical-label{aspect-ratio:3/1;border-width:3px}
 .label-front{padding:10px 10px 22px}
 .label-front-grade{font-size:clamp(33px,10vw,49px)}
 .label-sample-name{font-size:clamp(10px,3.1vw,15px)}
 .label-sample-set,.label-sample-number{font-size:clamp(9px,2.8vw,12px)}
 .label-back-brand{min-width:75px}
 .label-subgrade-lines{font-size:clamp(9px,2.9vw,13px)}
 .label-front-footer{bottom:7px;left:10px;right:8px}
 .label-serial{font-size:10px}
 .qr-placeholder{width:25px;height:25px;font-size:5px}
}


/* UCZ Quick Submit expanded game selection and box printing */
.catalog-chooser{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:18px 0 24px;padding:16px;background:#eff1f8;border:1px solid #dce1ef;border-radius:10px}
.catalog-chooser label{font-size:11px;font-weight:800;color:#293661}
.catalog-chooser select{min-width:0;width:100%;padding:10px;border:1px solid #cbd3e7;border-radius:7px;background:#fff;color:#1b2857;font-size:12px}
.catalog-chooser .search-hint{grid-column:1/-1;margin:1px 0;line-height:1.6}
.manual-lookup{display:grid;gap:8px;padding:15px;background:#eff2fa;border-radius:10px;border:1px solid #dce3f3}
.manual-lookup label{font-size:12px;font-weight:800;color:#283963}
.manual-lookup input{width:100%;min-height:40px;padding:10px;border:1px solid #cbd3e8;border-radius:7px;font-size:13px}
.manual-lookup .result-status{margin:4px 0}
.packing-contact{display:grid;gap:7px;margin-top:14px;padding:14px;border:1px solid #d8e0f0;border-radius:9px;background:#f5f7fc}
.packing-contact strong{font-size:12px;color:#172a61}
.packing-contact p{font-size:11px;color:#75819b;line-height:1.6;margin:0 0 6px}
.packing-contact label{font-size:11px;font-weight:700;color:#34466e}
.packing-contact input,.packing-contact textarea{min-width:0;width:100%;border:1px solid #cbd3e8;padding:10px;border-radius:7px;font:inherit;font-size:12px;color:#111b4e;background:#fff}
.packing-contact textarea{resize:vertical}
.ucz-physical-label{aspect-ratio:2.69/.81;background:#fefeff;border:7px solid #243f90;box-shadow:inset 0 0 0 2px #5368b9,0 6px 18px rgba(13,26,65,.10)}
.ucz-physical-label:after{border-color:#8196dc}
.label-front-footer .small-ucz{background:#293c95}
.label-sample-logo{background:#243f90}
.studio-label-panel .label-sample-group{max-width:510px}
@media(max-width:520px){
  .catalog-chooser{grid-template-columns:1fr;gap:7px}
  .catalog-chooser .search-hint{grid-column:auto}
  .ucz-physical-label{aspect-ratio:2.69/.81;border-width:4px}
}
@media print{
  #print-report{font-family:Arial,Helvetica,sans-serif!important;padding:12px!important;font-size:11px!important}
  #print-report h1{font-size:19px;margin:0 0 14px}
  #print-report h2{font-size:14px;margin-top:18px}
  #print-report .print-warning{font-weight:800;border:1px solid #555;padding:8px;font-size:10px;line-height:1.6}
  #print-report .print-contact p{font-size:11px;white-space:pre-line;margin:5px 0}
  #print-report table{width:100%;table-layout:fixed;border-collapse:collapse}
  #print-report td,#print-report th{overflow-wrap:anywhere;padding:5px;vertical-align:top;font-size:10px}
}


/* Single game-selector card search and exact-variant chooser */
.unified-game-chooser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;align-items:center}
.unified-game-chooser label{grid-column:1/-1}
.unified-game-chooser .search-hint{grid-column:1/-1;margin:2px 0 0}
.unified-game-chooser select{width:100%;min-width:0}
.unified-game-chooser .btn{white-space:normal;text-align:center;font-size:11px}
.result-row{flex-wrap:wrap}
.result-row .result-copy{min-width:130px}
.result-row .result-add{max-width:100%;white-space:normal}
.variant-picker{flex:0 0 100%;width:100%;background:#f3f5fb;border:1px solid #dce2f0;border-radius:9px;padding:13px;margin:8px 0 0}
.variant-picker p{margin:0 0 10px;font-size:12px;color:#3b4a73;line-height:1.6}
.variant-picker .variant-warning{color:#895e2d}
.variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}
.variant-choice{padding:10px 11px;background:#fff;border:1px solid #ccd6e9;border-radius:7px;color:#17285b;text-align:left;font-size:11px;font-weight:700;line-height:1.4}
.variant-choice:hover{background:#e4eafd;border-color:#6d80c0}
#card-load-more{margin-top:15px}
@media(max-width:520px){
 .unified-game-chooser{grid-template-columns:1fr}
 .unified-game-chooser .btn{width:100%;justify-content:center}
 .result-row{align-items:start}
 .result-row .result-add{align-self:center}
 .variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Editable release year: card labels depend on exact verified or customer-confirmed year. */
.draft-year-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:9px 0 2px;color:#53637e;font-size:11px;font-weight:700}
.draft-year-input{width:82px;max-width:100%;height:32px;border:1px solid #c9d2e6;border-radius:6px;background:#fff;color:#1a295b;padding:6px 9px;font-size:12px;font-weight:700}
.draft-year-input:focus{outline:2px solid #516cbd;outline-offset:1px}
@media print{
 #print-report table{table-layout:auto}
 #print-report th,#print-report td{font-size:9px;padding:5px 4px}
 #print-report th:nth-child(6),#print-report td:nth-child(6){min-width:43px}
}


/* Guest Phase 2: fictional submissions only, disabled until Worker secrets + Turnstile. */
.guest-test-panel{margin-top:22px;border:1px solid #c6ccde;border-radius:10px;background:#f6f7fd;padding:20px;display:grid;gap:12px}
.guest-test-panel h3{margin:0;color:#17215d;font-size:20px}
.guest-test-panel p{margin:0;color:#425172;font-size:12px;line-height:1.7}
.guest-test-panel .guest-test-example{background:#e9ebf7;border-radius:7px;padding:10px}
.guest-test-panel label{font-size:12px;font-weight:700;color:#29365d}
.guest-test-panel input[type=number]{width:100%;max-width:300px;padding:10px;border:1px solid #bfc8df;border-radius:6px;font-size:14px;color:#15245a}
.guest-test-panel .guest-test-confirm{display:flex;gap:10px;align-items:flex-start;line-height:1.6}
.guest-test-confirm input{flex:none;margin-top:3px}
.guest-test-panel button:disabled{opacity:.5;cursor:not-allowed}
.guest-test-panel #guest-test-status{font-weight:700}
.guest-test-panel #guest-test-status.guest-test-error{color:#9b3131}
.guest-test-panel .guest-last-order{font-weight:800;color:#17215d}
.guest-track-panel{padding:26px;margin-bottom:110px;border:1px solid #d1d7e5;background:#fff;border-radius:12px;display:grid;gap:20px;max-width:860px}
.guest-track-panel #guest-track-status{font-size:16px;color:#17215d}
.guest-track-panel #guest-track-details{display:grid;gap:12px;color:#3b4761}
.guest-track-panel #guest-track-details p{margin:0}
.guest-track-panel #guest-track-details ul{padding-left:22px;line-height:1.7}
@media(max-width:520px){.guest-test-panel{padding:14px}.guest-track-panel{padding:18px}}