.breadcrumb{color:var(--muted);border-bottom:1px solid var(--border);max-width:1200px;font-size:13px;font-family:var(--font-sans);margin:0 auto;padding:16px 24px}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--dark)}.breadcrumb span{margin:0 8px}.intro-block{border-top:1px solid var(--border);max-width:1200px;font-family:var(--font-sans);grid-template-columns:1fr 1fr;gap:64px;margin:0 auto;padding:80px 24px;display:grid}.intro-block h2{font-family:var(--font-serif);color:var(--dark);text-align:left;margin-bottom:20px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:400;line-height:1.25}.intro-block p{color:var(--text);opacity:.9;margin-bottom:18px;font-size:.98rem;line-height:1.8}.intro-block p:last-child{margin-bottom:0}.tip-box{background:var(--white);border:1px solid var(--border);border-left:4px solid var(--sage);border-radius:8px;margin-top:24px;padding:24px;box-shadow:0 4px 12px #4a5e5208}.tip-box strong{text-transform:uppercase;letter-spacing:.08em;color:var(--sage);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.tip-icon{stroke-width:2.2px;flex-shrink:0}.tip-box p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.areas-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.areas-inner{max-width:1200px;margin:0 auto;padding:80px 24px}.areas-inner h2{font-family:var(--font-serif);text-align:left;color:var(--dark);margin-bottom:12px;font-size:clamp(2rem,4vw,2.6rem);font-weight:400}.areas-inner>p{color:var(--muted);max-width:600px;font-family:var(--font-sans);margin-bottom:40px;font-size:1.05rem}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.area-chip{border:1px solid var(--border);background:var(--cream);font-size:14px;font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.area-chip:hover{border-color:var(--sage);background:var(--white);transform:translateY(-3px);box-shadow:0 8px 24px #4a5e5214}.area-chip strong{color:var(--dark);margin-bottom:4px;font-weight:600;display:block}.area-chip span{color:var(--muted);font-size:12px}.faq-section{max-width:850px;font-family:var(--font-sans);margin:0 auto;padding:96px 24px}.faq-label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);align-items:center;gap:16px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.faq-label:after{content:"";background:var(--border);flex:1;height:1px}.faq-section h2{font-family:var(--font-serif);text-align:left;color:var(--dark);margin-bottom:48px;font-size:clamp(2.2rem,5vw,3rem);font-weight:400}.faq-list{flex-direction:column;display:flex}.faq-section details{border-top:1px solid var(--border);padding:24px 0;transition:all .3s}.faq-section details:last-child{border-bottom:1px solid var(--border)}.faq-section summary{font-family:var(--font-serif);color:var(--dark);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:24px;font-size:1.3rem;font-weight:500;list-style:none;transition:color .2s;display:flex}.faq-section summary:hover{color:var(--sage)}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";color:var(--muted);flex-shrink:0;font-size:1.6rem;font-weight:300;transition:transform .3s}.faq-section details[open] summary:after{content:"−";color:var(--sage);transform:rotate(180deg)}.faq-answer{color:var(--text);opacity:.95;padding-top:16px;font-size:.98rem;line-height:1.75}.related-section{background:var(--white);border-top:1px solid var(--border)}.related-inner{grid-template-columns:1fr 1fr;gap:64px;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid}.related-inner h3{font-family:var(--font-serif);color:var(--dark);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px;font-size:1.45rem;font-weight:400}.link-list{flex-direction:column;gap:12px;list-style:none;display:flex}.link-list a{color:var(--text);font-size:14.5px;font-family:var(--font-sans);align-items:center;gap:8px;text-decoration:none;transition:all .2s;display:flex}.link-list a:before{content:"→";color:var(--gold);transition:transform .2s}.link-list a:hover{color:var(--sage)}.link-list a:hover:before{transform:translate(3px)}.cta-banner{background:var(--dark);color:var(--white);text-align:center;padding:96px 24px;position:relative;overflow:hidden}.cta-banner h2{font-family:var(--font-serif);color:var(--white);text-align:center;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:400}.cta-banner p{color:var(--gold-light);max-width:600px;font-size:1.1rem;font-family:var(--font-sans);opacity:.85;margin-bottom:40px;margin-left:auto;margin-right:auto}.cta-banner.light{background:var(--cream);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-banner.light h2{color:var(--dark)}.cta-banner.light p{color:var(--muted);opacity:.9}.cta-banner.light .cta-btn{background:var(--dark);color:var(--white)}.cta-banner.light .cta-btn:hover{background:var(--sage);color:var(--white);box-shadow:0 12px 28px #4a5e5240}.cta-btn{background:var(--white);color:var(--dark);font-size:15px;font-weight:600;font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:16px 40px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0000001a}.cta-btn:hover{background:var(--sage-pale);color:var(--sage);transform:translateY(-2px);box-shadow:0 12px 28px #00000040}.guide-section{background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.guide-inner{max-width:1200px;margin:0 auto;padding:80px 24px}.guide-inner h2{font-family:var(--font-serif);text-align:left;color:var(--dark);margin-bottom:12px;font-size:clamp(2rem,4vw,2.6rem);font-weight:400}.guide-inner>p{color:var(--muted);max-width:600px;font-family:var(--font-sans);margin-bottom:48px;font-size:1.05rem;line-height:1.6}.guide-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-card{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px #4a5e5205}.step-card:hover{border-color:var(--sage);transform:translateY(-5px);box-shadow:0 12px 36px #4a5e5214}.step-number{font-family:var(--font-serif);color:var(--sage);opacity:.25;margin-bottom:24px;font-size:3rem;font-weight:300;line-height:1;transition:opacity .3s}.step-card:hover .step-number{opacity:.7}.step-card h3{font-family:var(--font-serif);color:var(--dark);margin-bottom:16px;font-size:1.35rem;font-weight:500;line-height:1.4}.step-card p{color:var(--text);opacity:.85;margin:0;font-size:.95rem;line-height:1.7}.styles-section{background:var(--white);border-top:1px solid var(--border)}.styles-inner{max-width:1200px;margin:0 auto;padding:80px 24px}.styles-inner h2{font-family:var(--font-serif);text-align:left;color:var(--dark);margin-bottom:12px;font-size:clamp(2rem,4vw,2.6rem);font-weight:400}.styles-inner>p{color:var(--muted);max-width:600px;font-family:var(--font-sans);margin-bottom:48px;font-size:1.05rem;line-height:1.6}.styles-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.style-card{background:var(--cream);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.style-card:hover{border-color:var(--gold);background:var(--white);transform:translateY(-5px);box-shadow:0 12px 36px #c5a05914}.style-card h3{font-family:var(--font-serif);color:var(--dark);margin-bottom:16px;padding-bottom:12px;font-size:1.35rem;font-weight:500;line-height:1.4;position:relative}.style-card h3:after{content:"";background:var(--gold);width:40px;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.style-card:hover h3:after{width:60px}.style-card p{color:var(--text);opacity:.85;margin:0;font-size:.95rem;line-height:1.7}@media (max-width:768px){.intro-block{grid-template-columns:1fr;gap:40px;padding:56px 20px}.areas-inner,.related-inner{padding:56px 20px}.related-inner{grid-template-columns:1fr;gap:40px}.faq-section{padding:56px 20px}.guide-grid,.styles-grid{grid-template-columns:1fr;gap:24px}.guide-inner,.styles-inner{padding:56px 20px}.step-card,.style-card{padding:32px 24px}}
