:root{
--bg:#E8D5C4;--section:#DCC4B2;--card:#C9AB98;--brown:#6F3F2B;--terra:#B8754F;--caramel:#D4A373;--text:#2F211B;--darkbtn:#6F3F2B;--hover:#512D20;
--shadow:0 16px 40px rgba(79,45,31,.12);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 5px,rgba(111,63,43,.07) 6px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(111,63,43,.035) 8px);z-index:-1}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1160px,92%);margin:auto}.narrow{max-width:850px}.section{padding:92px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 42px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:8px 0 12px;letter-spacing:-.04em}.section-heading p{margin:0;font-size:1.06rem;opacity:.8}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:var(--terra)}.badge{display:inline-flex;background:var(--brown);color:#F4E5D7;padding:8px 13px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.site-header{position:sticky;top:0;z-index:50;background:rgba(232,213,196,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(111,63,43,.14)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem;letter-spacing:-.03em;color:var(--brown)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--brown);color:#F3E3D4;font-size:1.1rem}.main-nav{display:flex;align-items:center;gap:22px}.nav-list{display:flex;list-style:none;gap:20px;margin:0;padding:0}.nav-list a{font-size:.9rem;font-weight:700}.nav-list a:hover{color:var(--terra)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:13px;background:var(--darkbtn);color:#F8EDE3;padding:13px 20px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(81,45,32,.16);transition:.2s}.button:hover{background:var(--hover);transform:translateY(-1px)}.button-small{padding:10px 15px;font-size:.86rem}.button-outline{background:transparent;border:1px solid var(--brown);color:var(--brown);box-shadow:none}.button-outline:hover{color:#F8EDE3}.button-ghost{background:transparent;color:var(--brown);box-shadow:none;border:1px solid rgba(111,63,43,.25)}.nav-toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--brown)}
.hero{padding:80px 0 76px;min-height:650px;display:grid;align-items:center}.section-pattern{background:linear-gradient(135deg,rgba(220,196,178,.35),transparent)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.98;letter-spacing:-.065em;margin:18px 0}.hero p{font-size:1.16rem;max-width:620px;opacity:.82}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-stats{display:flex;gap:25px;flex-wrap:wrap;font-size:.82rem;opacity:.8}.hero-stats strong{display:block;color:var(--brown);font-size:1.05rem}.hero-art{position:relative;min-height:430px;border-radius:38% 62% 55% 45%/45% 40% 60% 55%;background:var(--section);box-shadow:var(--shadow);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:35px;border:1px dashed rgba(111,63,43,.25);border-radius:50%}.tape{position:absolute;width:270px;height:270px;border:28px solid var(--caramel);border-right-color:transparent;border-radius:50%;right:8%;top:12%;transform:rotate(24deg);opacity:.9}.tape:after{content:"";position:absolute;width:155px;height:14px;background:var(--terra);right:-85px;top:110px;transform:rotate(-20deg);border-radius:20px}.spool{position:absolute;width:130px;height:170px;background:var(--terra);border-radius:45% 45% 35% 35%;left:16%;bottom:16%;box-shadow:10px 12px 0 rgba(111,63,43,.12)}.spool:before,.spool:after{content:"";position:absolute;left:8px;right:8px;height:32px;background:var(--caramel);border-radius:50%}.spool:before{top:-8px}.spool:after{bottom:-8px}.spool i{position:absolute;width:55px;height:20px;border-radius:50%;background:var(--brown);left:38px;top:4px}.spool b{position:absolute;width:8px;height:150px;background:var(--brown);left:61px;top:10px;opacity:.55}.scissors{position:absolute;right:15%;bottom:16%;font-size:7rem;color:var(--brown);transform:rotate(-28deg)}.fabric-fold{position:absolute;width:240px;height:95px;background:var(--brown);left:28%;top:48%;transform:rotate(-13deg);border-radius:12px;box-shadow:0 12px 0 rgba(111,63,43,.1)}.needle-line{position:absolute;width:380px;border-top:2px dashed var(--terra);transform:rotate(25deg);left:5%;top:23%}
.featured-card{background:var(--card);border:1px solid rgba(111,63,43,.13);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.calc-intro{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.calc-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--brown);font-size:1.35rem}.calc-intro h3{font-size:1.5rem;margin:0}.calc-intro p{flex-basis:100%;margin:0 0 8px;opacity:.78}.calc-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.calc-fields label{font-size:.8rem;font-weight:800}.calc-fields input,.calc-fields select{width:100%;margin-top:7px;border:1px solid rgba(111,63,43,.25);background:#DFC4B2;color:var(--text);border-radius:12px;padding:12px;outline:none}.calc-fields input:focus,.calc-fields select:focus,.search-wrap input:focus{border-color:var(--brown);box-shadow:0 0 0 3px rgba(111,63,43,.1)}.calc-fields small{display:block;font-weight:500;opacity:.65;margin-top:3px}.calc-actions{display:flex;gap:10px;margin:22px 0}.result-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-panel>div{background:rgba(232,213,196,.65);border-radius:16px;padding:18px}.result-panel span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.result-panel strong{display:block;font-size:2rem;color:var(--brown)}.disclaimer{font-size:.75rem;opacity:.62;margin:15px 0 0}
.tools-section{background:var(--section)}.tool-controls{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid rgba(111,63,43,.2);background:rgba(232,213,196,.55);color:var(--text);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:750;font-size:.82rem}.filter.active,.filter:hover{background:var(--brown);color:#F8EDE3}.search-wrap{display:flex;align-items:center;gap:8px;background:#D7B9A6;border:1px solid rgba(111,63,43,.18);padding:0 13px;border-radius:999px;min-width:250px}.search-wrap input{border:0;background:transparent;padding:11px 0;outline:0;width:100%;color:var(--text)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{background:var(--card);border:1px solid rgba(111,63,43,.1);border-radius:18px;padding:20px;box-shadow:0 7px 20px rgba(79,45,31,.07);cursor:pointer;transition:.2s;min-height:145px;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(111,63,43,.25)}.tool-icon{font-size:1.45rem;color:var(--brown);margin-bottom:9px}.tool-card h3{font-size:1rem;line-height:1.25;margin:0 0 5px}.tool-card p{font-size:.78rem;opacity:.68;margin:0}.no-tools{text-align:center;padding:25px}
.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid article,.features-grid article{background:rgba(201,171,152,.72);border:1px solid rgba(111,63,43,.1);border-radius:20px;padding:27px;box-shadow:0 8px 25px rgba(79,45,31,.06)}.steps-grid article>span{font-size:2.5rem;font-weight:900;color:var(--terra)}.steps-grid h3,.features-grid h3{margin:8px 0 7px}.steps-grid p,.features-grid p{margin:0;opacity:.72}.features-section{background:var(--section)}.features-grid{grid-template-columns:repeat(4,1fr)}.features-grid b{font-size:1.5rem;color:var(--brown)}.about-section{background:rgba(220,196,178,.4)}.about-section h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 18px}.about-section p{font-size:1.05rem;opacity:.82}
.faq-list{display:grid;gap:10px}.faq-list details{background:var(--card);border:1px solid rgba(111,63,43,.13);border-radius:15px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--terra);font-size:1.3rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0 0 18px;opacity:.76}.contact-section{padding-top:45px}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--brown);color:#F6E7DA;border-radius:26px;padding:38px 42px;box-shadow:var(--shadow)}.contact-card .eyebrow{color:var(--caramel)}.contact-card h2{margin:8px 0;font-size:2.2rem}.contact-card p{margin:0;opacity:.82}.contact-email{font-weight:900;font-size:1.05rem;color:#F8D5B6;white-space:nowrap}
.site-footer{padding:55px 0 30px;background:var(--brown);color:#F2E1D4;margin-top:70px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.footer-brand{color:#F2E1D4}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-inner nav a{font-size:.85rem;opacity:.82}.footer-inner nav a:hover{opacity:1;color:var(--caramel)}.copyright{grid-column:1/-1;font-size:.75rem;opacity:.62;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin:0}
.modal{position:fixed;inset:0;background:rgba(47,33,27,.68);z-index:100;display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.modal-box{width:min(700px,100%);max-height:90vh;overflow:auto;background:var(--bg);border:1px solid rgba(111,63,43,.2);border-radius:24px;box-shadow:0 25px 70px rgba(47,33,27,.3);padding:30px;position:relative}.modal-close{position:absolute;right:18px;top:15px;border:0;background:var(--card);color:var(--brown);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1.2rem}.modal-box h2{margin:0 40px 7px}.modal-desc{opacity:.72;margin-top:0}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-fields label{font-size:.8rem;font-weight:800}.modal-fields input,.modal-fields select{width:100%;margin-top:6px;background:#DFC4B2;border:1px solid rgba(111,63,43,.25);border-radius:11px;padding:11px;color:var(--text)}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-result{margin-top:20px;padding:20px;background:var(--card);border-radius:16px}.modal-result strong{font-size:1.7rem;color:var(--brown)}
@media(max-width:950px){.tools-grid{grid-template-columns:repeat(3,1fr)}.calc-fields{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:35px}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section{padding:68px 0}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:68px;background:var(--bg);padding:18px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-list{flex-direction:column;gap:13px}.main-nav .button{width:100%}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:310px}.hero h1{font-size:clamp(2.7rem,12vw,4rem)}.calc-fields{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.contact-card{flex-direction:column;align-items:flex-start;padding:30px}.footer-inner{grid-template-columns:1fr}.footer-inner nav{justify-content:flex-start}.copyright{grid-column:auto}.modal-fields{grid-template-columns:1fr}}
@media(max-width:500px){.header-inner{min-height:66px}.brand{font-size:1.08rem}.brand-mark{width:32px;height:32px}.hero-art{min-height:270px}.spool{transform:scale(.75);left:5%;bottom:8%}.scissors{font-size:5rem}.fabric-fold{left:22%;width:190px}.calc-fields{grid-template-columns:1fr}.result-panel{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.search-wrap{width:100%;min-width:0}.featured-card{padding:22px}}