:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e29;background:#f5f6f2;font-synthesis:none;--green:#155d47;--muted:#6e7f76;--line:#e1e7de;--gold:#d9e6a1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid #bd961d;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1140px;margin:auto;padding:0 32px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:12px;color:#183f32;text-decoration:none}.brandmark{width:40px;height:44px;background:var(--green);border-radius:12px 3px 12px 3px;display:grid;place-items:center;color:#e7ecc6;font:italic 31px Georgia,serif}.brand strong{display:block;font-size:18px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:2.8px;color:var(--muted)}.nav{display:flex;gap:8px}.nav button,.link{border:0;background:none;padding:11px 16px;color:var(--muted);border-radius:24px;font-size:13px;font-weight:600}.nav button.active{background:#e4ebdf;color:var(--green)}main{padding:28px 0 65px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.06;letter-spacing:-1.8px;margin-bottom:20px}h2{font-size:26px;letter-spacing:-.7px}h3{font-size:17px;letter-spacing:-.3px}.muted{color:var(--muted);font-size:13px;line-height:1.65}.hero{background:#173f32;border-radius:22px;min-height:325px;display:grid;grid-template-columns:1.2fr 1fr;position:relative;overflow:hidden;padding:42px;color:#f5f5e9;gap:20px}.hero .eyebrow{color:#cadf9c}.hero p{color:#c3d1c6;font-size:14px;max-width:330px;line-height:1.7}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #ffffff19;border-radius:50%;z-index:-1;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff04}.sampleband{width:250px;height:66px;padding:14px 20px;background:#c6b577;box-shadow:0 12px 22px #0003,inset 0 1px #fff8;border-radius:7px;color:#26392a;display:flex;align-items:center;justify-content:space-between;transform:rotate(-13deg);font-size:17px;letter-spacing:1px}.sampleband.second{background:#649a81;margin-top:22px;transform:rotate(9deg) translateX(22px);font-size:30px;justify-content:center;color:#f5f4d5;letter-spacing:5px}.sampleband small{font-size:8px;letter-spacing:2px;display:block;margin-top:3px}.sample-emblem{font:italic 32px Georgia,serif;border:1px solid currentColor;border-radius:50%;width:36px;height:36px;text-align:center}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 18px}.section-heading h2{margin:6px 0 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;color:inherit;transition:transform .2s,border-color .2s;min-width:0}.product:hover{transform:translateY(-4px);border-color:#71927f}.product strong{font-size:17px;margin:20px 0 7px}.product p{color:var(--muted);font-size:12px;line-height:1.65;min-height:40px}.product .arrow{color:var(--green);margin-top:auto;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.product-art{height:104px;background:#edf1e8;border-radius:10px;display:grid;place-items:center;overflow:hidden}.mini-band{width:120px;height:35px;border-radius:5px;background:#b74643;box-shadow:0 6px 9px #0002;color:white;font:600 11px Georgia,serif;display:grid;place-items:center;transform:rotate(-14deg);letter-spacing:1px}.leg-art{width:65px;height:60px;border:15px solid #b9a363;border-radius:50%;transform:rotate(-20deg);box-shadow:inset 0 3px 6px #0003,0 8px 9px #0001}.tie-art{width:120px;height:8px;background:#319b7b;box-shadow:0 16px #dcad3f,0 -16px #d97457;transform:rotate(-25deg);position:relative}.tie-art:before{content:'';position:absolute;width:14px;height:13px;background:#267b63;left:10px;top:-3px}.tool-art{font:56px Georgia,serif;color:#476c54;transform:rotate(-30deg)}.how{display:flex;gap:22px;padding:24px 0;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px}.how div{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.how b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ccd6c6;border-radius:50%;color:var(--green);font-weight:500}.notice{padding:13px 16px;background:#edf1e7;border:1px solid #dce3d2;border-radius:10px;font-size:12px;line-height:1.65;color:#51614b}.notice.warning{background:#fff5df;border-color:#f0e1ba;color:#755c24}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:26px;margin-bottom:18px}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{border:1px solid transparent;background:var(--green);color:#fff;padding:13px 20px;border-radius:9px;font-weight:650;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:44px}.btn.secondary{background:#eef2e9;color:var(--green);border-color:#dce4d4}.btn.danger{background:#fff2ed;color:#aa3f33;border-color:#f2d5cb}.btn.small{padding:8px 13px;min-height:36px;font-size:12px}.btn.full{width:100%}.actions{display:flex;gap:9px;flex-wrap:wrap}.field{margin:18px 0}label,.field-label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}input,select,textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid #dbe2d7;border-radius:9px;background:#fcfdfa;color:inherit;outline:0;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#507d58;box-shadow:0 0 0 3px #eaf0df}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.segments{display:flex;gap:7px;flex-wrap:wrap}.segments button{border:1px solid #dde4d6;border-radius:8px;padding:11px 14px;font-size:12px;background:white;color:#5c6c5e}.segments button.selected{background:#eaf0df;border-color:#688652;color:#244e32;box-shadow:inset 0 0 0 1px #688652}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.swatch{border:1px solid #e2e6de;background:#fff;border-radius:8px;padding:6px 3px;color:#65715f;font-size:9px;min-width:0;position:relative}.swatch i{display:block;height:27px;width:27px;background:var(--color);border-radius:50%;margin:0 auto 5px;border:1px solid #0001}.swatch.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green);color:var(--green)}.swatch.selected:after{content:'✓';position:absolute;right:3px;top:0;background:var(--green);border-radius:50%;width:14px;height:14px;color:white;font-size:10px}.builder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}.builder>aside{position:sticky;top:24px}.steps{display:flex;list-style:none;padding:0;margin:22px 0 28px;gap:5px;counter-reset:step}.steps li{flex:1;border-top:3px solid #dce3d4;padding-top:11px;font-size:11px;color:#8a9583;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero) ' ';font-size:10px}.steps li.active{border-color:var(--green);color:var(--green);font-weight:650}.preview-stage{background:radial-gradient(ellipse at 40% 35%,#e8eddf,#d4dfce);border-radius:12px;padding:25px 20px;min-height:265px;display:grid;align-content:center;gap:18px}.preview-stage small{font-size:9px;letter-spacing:1.5px;color:#6b7d64;display:block;margin-bottom:10px}.band{background:var(--color);color:#fffef1;border-radius:5px;min-height:65px;box-shadow:0 8px 14px #233b231a,inset 0 1px #fff5;display:flex;justify-content:center;align-items:center;padding:12px 18px;gap:20px}.band-logo{font-size:14px;white-space:nowrap;border-right:1px solid #fff5;padding-right:16px}.band-text{text-align:center;font-size:15px;overflow-wrap:anywhere;min-width:0}.band-text span{display:block;font-size:12px;margin-top:2px}.serial{font-size:29px;font-weight:700;letter-spacing:3px}.preview-note{font-size:11px;color:#7f8a76;line-height:1.65;margin:15px 0 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:#edf3e2;color:#406336;border-radius:30px;font-size:10px;font-weight:700;white-space:nowrap}.price{font:35px Georgia,serif;letter-spacing:-1px;margin:8px 0}.totals{border-top:1px solid var(--line);padding-top:15px;display:grid;gap:12px;font-size:13px}.total{font-size:17px;border-top:1px dashed var(--line);padding-top:15px}.spec{padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.spec p{font-size:12px;line-height:1.75;color:var(--muted);margin:8px 0 0}.spec:last-child{border-bottom:0}.timeline{list-style:none;padding-left:17px;border-left:1px solid #ccd8c2;margin:20px 8px}.timeline li{position:relative;padding:0 0 22px;font-size:12px}.timeline li:before{content:'';position:absolute;width:9px;height:9px;background:#528151;border:3px solid #e9efdf;border-radius:50%;left:-25px;top:0;box-sizing:content-box}.timeline span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.timeline p{margin:7px 0 0;color:var(--muted);line-height:1.6}.empty{text-align:center;padding:55px 15px}.empty h2{font:30px Georgia,serif;margin:14px 0}.empty-mark{font:40px Georgia,serif;color:#8c9e7c}.page-title{margin:8px 0 25px}.page-title h1{font-size:40px;margin-bottom:8px}.order-row{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:20px 0;color:inherit}.order-row:last-child{border:0}.order-row h3{margin:0 0 9px}.order-row:hover{background:#f8faf4}.footer{padding:23px 0;border-top:1px solid var(--line);font-size:10px;color:#8a9583;display:flex;justify-content:space-between;letter-spacing:.7px}.catalog-image{width:100%;border:1px solid var(--line);border-radius:10px;margin:15px 0}details summary{cursor:pointer;font-size:12px;color:var(--green);padding:12px 0}.check{display:flex;gap:9px;font-weight:400;line-height:1.65}.check input{width:18px;min-height:18px;margin-top:2px;flex-shrink:0}.tracking{padding:17px;background:#eaf1e2;border-radius:9px;margin:15px 0;font-size:13px}.tracking a{display:block;margin-top:8px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#173f32;color:white;border:1px solid #66826c;border-radius:12px;padding:15px 22px;max-width:calc(100% - 32px);width:max-content;z-index:100;font-size:13px;line-height:1.6;box-shadow:0 8px 30px #0002}.toast.error{background:#843a2b;border-color:#a9674a}.connection{margin-bottom:20px}.connection:empty{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric{padding:21px;background:white;border:1px solid var(--line);border-radius:13px}.metric small{font-size:11px;color:var(--muted)}.metric b{display:block;font:35px Georgia,serif;margin-top:12px}.staff-shell{max-width:1320px}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:20px}.searchbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.searchbar input{flex:2;min-width:180px}.searchbar select{flex:1;min-width:140px}.login{max-width:430px;margin:65px auto}.login h1{font-size:40px}.audit{display:grid;gap:11px;font-size:12px}.audit>div{padding-bottom:12px;border-bottom:1px solid var(--line)}.audit span{color:var(--muted)}.status-message{font-size:12px;line-height:1.6;color:#856226;margin-top:10px}.request{padding:15px;border:1px solid var(--line);background:#f7f9f3;border-radius:10px;margin:12px 0;font-size:12px;line-height:1.65}.progress{margin:12px 0;display:flex;gap:5px}.progress i{height:4px;flex:1;background:#dfe6d7;border-radius:10px}.progress i.on{background:#61814b}.loading{padding:32px;text-align:center;color:var(--muted)}
@media(max-width:850px){.shell{padding:0 22px}.products{grid-template-columns:1fr 1fr}.hero{padding:30px;grid-template-columns:1.2fr 1fr}.sampleband{width:200px}.sampleband.second{transform:rotate(9deg) translateX(0)}.staff-layout{grid-template-columns:1fr}.metric-grid{gap:8px}.metric{padding:15px}.builder{gap:16px}.card{padding:20px}.swatches{grid-template-columns:repeat(5,1fr)}}
@media(max-width:600px){.shell{padding:0 18px}.topbar{height:76px}.brand strong{font-size:15px;letter-spacing:1.5px}.brand small{font-size:7px}.brandmark{width:34px;height:38px;font-size:27px}.nav button{padding:10px;font-size:11px}.nav .desktop{display:none}main{padding-top:20px}.hero{grid-template-columns:1fr;padding:28px;min-height:410px;gap:5px}.hero h1{font-size:43px;max-width:270px;margin-bottom:13px}.hero p{font-size:12px;margin-bottom:0}.hero-art{min-height:130px;align-items:flex-end}.hero-art:before{width:220px;height:220px;right:-50px;top:-20px}.sampleband{width:184px;height:43px;font-size:12px;padding:7px 12px;transform:rotate(-12deg) translateX(-50px);margin-top:3px}.sampleband.second{width:184px;height:43px;margin-top:11px;font-size:22px;transform:rotate(9deg) translateX(1px)}.sample-emblem{width:27px;height:27px;font-size:23px}.sampleband small{font-size:6px}.section-heading{margin-top:26px}.section-heading h2{font-size:22px}.products{gap:10px}.product{padding:13px}.product-art{height:90px}.product strong{font-size:15px;margin-top:16px}.product p{font-size:11px;min-height:37px}.how{gap:8px;flex-wrap:wrap}.how div{font-size:10px;gap:6px}.how b{width:23px;height:23px}.builder{grid-template-columns:1fr}.builder>aside{position:static;grid-row:1}.builder>aside .pricing-card{display:none}.preview-stage{grid-template-columns:1fr 1fr;min-height:130px;gap:10px;padding:17px 12px}.preview-stage small{font-size:8px;letter-spacing:.5px}.band{min-height:57px;padding:8px;gap:6px}.band-logo{font-size:10px;padding-right:6px}.band-text{font-size:11px}.band-text span{font-size:9px}.serial{font-size:21px;letter-spacing:1px}.preview-note{font-size:10px;margin-top:12px}.steps li{font-size:10px}.steps li:before{display:none}.card{padding:19px}.swatches{grid-template-columns:repeat(6,1fr)}.two{gap:10px}.segments button{padding:11px 12px;font-size:11px}.page-title h1{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.metric b{font-size:30px}.footer{font-size:8px;gap:10px}.spread{flex-wrap:wrap}.topbar .spread{flex-wrap:nowrap}.toast{bottom:18px}.login{margin:35px auto}.staff-shell .topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 0}.staff-shell .nav{width:100%;justify-content:space-between}.builder #submit-order{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}