:root{--sector-accent:#9a633f;--earth-dark:#5b3b29;--earth-soft:#f7f0e7;--earth-line:#dfc8b3;--sector-line:#e7d8c9;--sector-soft:#faf5ef}
*{box-sizing:border-box}
body{margin: 0;color:var(--text-secondary);background:var(--white);font-family:var(--font-family-base);line-height:1.5}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.sector-hero{padding: var(--space-11) 0 var(--space-11);background:radial-gradient(circle at 86% 18%,rgba(177,126,82,.18),transparent 31%),linear-gradient(135deg,var(--white),#faf4ec)}
.sector-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);align-items:center;gap: var(--space-11);}
.sector-kicker,.section-head>p{margin: 0 0 var(--space-04);color:var(--sector-accent);font-size: var(--font-size-150);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.sector-lockup{display:flex;align-items:center;gap: var(--space-04);width:max-content;margin-bottom: var(--space-05);padding: var(--space-04) var(--space-05);border:var(--border-width-default) solid var(--earth-line);border-radius: var(--radius-full);background:var(--white);color:var(--text-default);font-size: var(--font-size-100);font-weight:800}.sector-lockup img{width:25px;height:25px;object-fit:contain}.sector-lockup strong{padding-left: var(--space-04);border-left:var(--border-width-default) solid var(--sector-line);color:var(--sector-accent);letter-spacing:.06em}.sector-hero-highlights{display:grid;justify-items:start;gap: var(--space-04);margin-bottom: var(--space-06);}.sector-highlight{display:flex;align-items:center;gap: var(--space-04);width:max-content;max-width:100%;margin: 0;padding: var(--space-04) var(--space-05);border:var(--border-width-default) solid var(--earth-line);border-radius: var(--radius-full);color:#5b4638;background:var(--earth-soft);font-size: var(--font-size-175);font-weight:800;line-height:1.25;text-decoration:none}.sector-highlight>b{color:var(--sector-accent)}.sector-highlight span,.sector-private-space span{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border-radius: var(--radius-full);color:var(--white);background:var(--sector-accent);font-size: var(--font-size-100);font-weight:900}.sector-private-space{display:flex;align-items:center;gap: var(--space-04);margin: var(--space-06) 0 0;color:#5b4638;font-size: var(--font-size-150);font-weight:800}
.sector-hero h1{max-width:670px;margin: 0;color:var(--text-default);font-size: clamp(var(--font-size-500), 5.2vw, var(--font-size-600));line-height:1;letter-spacing:-.05em}
.sector-lead{max-width:650px;margin: var(--space-07) 0 0;font-size: var(--font-size-200);font-weight:600;line-height:1.65}
.sector-promises{display:grid;gap: var(--space-04);margin: var(--space-07) 0 0;padding: 0;list-style:none}
.sector-promises li{display:flex;align-items:center;gap: var(--space-04);font-size: var(--font-size-150);font-weight:800}
.sector-promises li::before{content:"✓";width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius: var(--radius-full);color:var(--white);background:var(--sector-accent);font-size: var(--font-size-100);}
.sector-actions{display:flex;align-items:center;gap: var(--space-07);margin-top: var(--space-07);}
.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding: 0 var(--space-07);border-radius: var(--radius-large);color:var(--white);background:var(--sector-accent);font-weight:850;box-shadow:0 12px 27px rgba(91,59,41,.2)}
.text-link{color:var(--sector-accent);font-size: var(--font-size-150);font-weight:850}
.sector-visual{position:relative;min-height:440px;display:grid;place-items:center;padding: var(--space-08);border:var(--border-width-default) solid var(--earth-line);border-radius: var(--radius-xxlarge);background:rgba(255,255,255,.82);box-shadow:0 28px 65px rgba(91,59,41,.13)}
.sector-visual img{width:min(100%,420px);filter:drop-shadow(0 24px 28px rgba(0, 22, 58,.18))}
.sector-visual.sector-visual-multisector{min-height:0;margin-bottom: var(--space-09);padding: var(--space-05);overflow:visible}
.sector-visual.sector-visual-multisector img{width:100%;max-width:none;border-radius: var(--radius-xxlarge);filter:none}
.sector-visual.sector-visual-multisector .sector-visual-badge{right:-18px;bottom:-36px;max-width:218px;margin: 0;padding: var(--space-05) var(--space-05);border:var(--border-width-default) solid rgba(190,159,122,.72);border-radius: var(--radius-xlarge);color:#543c2b;background:var(--white);box-shadow:0 10px 24px rgba(79,56,39,.18);font-size: var(--font-size-100);line-height:1.45}
.sector-visual-badge{position:absolute;right:24px;bottom:24px;max-width:230px;padding: var(--space-05) var(--space-06);border-radius: var(--radius-xlarge);color:var(--text-default);background:var(--white);box-shadow:0 12px 30px rgba(0, 22, 58,.13);font-size: var(--font-size-150);font-weight:800}
.sector-section{padding: var(--space-12) 0;}
.sector-section.soft{background:var(--sector-soft)}
.section-head{max-width:760px;margin-bottom: var(--space-07);}
.section-head h2{margin: 0;color:var(--text-default);font-size: clamp(var(--font-size-400), 4vw, var(--font-size-600));line-height:1.08;letter-spacing:-.035em}
.section-head span{display:block;margin-top: var(--space-05);font-size: var(--font-size-175);font-weight:600}
.base-grid,.adapt-grid,.example-grid{display:grid;gap: var(--space-05);}
.base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.adapt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.example-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.info-card{padding: var(--space-07);border:var(--border-width-default) solid var(--sector-line);border-radius: var(--radius-xxlarge);background:var(--white);box-shadow:0 12px 30px rgba(0, 22, 58,.05)}
.info-card b{display:block;margin-bottom: var(--space-04);color:var(--text-default);font-size: var(--font-size-175);}
.info-card p{margin: 0;font-size: var(--font-size-150);font-weight:600}
.info-card::before{content:"✓";width:23px;height:23px;display:grid;place-items:center;margin-bottom: var(--space-05);border-radius: var(--radius-full);color:var(--white);background:var(--sector-accent);font-size: var(--font-size-100);font-weight:900}
.subscription-panel{display:grid;grid-template-columns:auto 1fr;gap: var(--space-06);align-items:center;margin-top: var(--space-07);padding: var(--space-07);border:var(--border-width-default) solid var(--earth-line);border-radius: var(--radius-xxlarge);background:linear-gradient(135deg,#f3e7da,var(--white))}
.subscription-panel strong{width:54px;height:54px;display:grid;place-items:center;border-radius: var(--radius-full);color:var(--white);background:var(--sector-accent);font-size: var(--font-size-300);}
.subscription-panel h3{margin: 0 0 var(--space-03);color:var(--text-default);font-size: var(--font-size-300);}
.subscription-panel p{margin: 0;font-weight:650}
.example-grid article{padding: var(--space-06) var(--space-05);border:var(--border-width-default) solid var(--sector-line);border-radius: var(--radius-xlarge);color:var(--text-default);background:var(--white);font-size: var(--font-size-150);font-weight:800;text-align:center}
.sector-final{padding: var(--space-12) 0;color:var(--white);background:linear-gradient(135deg,#493023,#9a633f);text-align:center}
.sector-final .container{max-width:830px}
.sector-final h2{margin: 0;font-size: clamp(var(--font-size-400), 4vw, var(--font-size-600));line-height:1.08}
.sector-final p{margin:14px auto 25px;color:rgba(255,255,255,.82);font-weight:650}
.sector-final .btn{color:var(--sector-accent);background:var(--white);box-shadow:none}
.sector-note{margin-top: var(--space-06);font-size: var(--font-size-100);opacity:.78}
@media(max-width:760px){.container{width:min(100% - 28px,560px)}
.sector-lockup{margin-bottom: var(--space-04);padding: var(--space-03) var(--space-04);font-size: var(--font-size-100);}.sector-lockup img{width:21px;height:21px}.sector-hero-highlights{gap: var(--space-03);margin-bottom: var(--space-05);}.sector-highlight{padding: var(--space-03) var(--space-04);font-size: var(--font-size-150);}.sector-highlight span,.sector-private-space span{width:15px;height:15px;font-size: var(--font-size-100);}.sector-private-space{margin-top: var(--space-05);font-size: var(--font-size-150);}
.sector-hero{padding: var(--space-08) 0 var(--space-08);}
.sector-hero-grid{grid-template-columns:1fr;gap: var(--space-07);}
.sector-hero h1{font-size: var(--font-size-400);}
.sector-lead{margin-top: var(--space-06);font-size: var(--font-size-150);line-height:1.5}
.sector-promises{margin-top: var(--space-06);}
.sector-promises li{font-size: var(--font-size-175);}
.sector-actions{gap: var(--space-05);margin-top: var(--space-07);}
.sector-visual{min-height:250px;padding: var(--space-07);border-radius: var(--radius-xxlarge);}
.sector-visual img{width:min(82%,310px)}
.sector-visual.sector-visual-multisector{display:flex;flex-direction:column;margin-bottom: 0;padding: var(--space-04);overflow:hidden}
.sector-visual.sector-visual-multisector img{width:100%;max-width:none;border-radius: var(--radius-xlarge);}
.sector-visual.sector-visual-multisector .sector-visual-badge{position:relative;right:auto;bottom:auto;align-self:center;width:100%;max-width:none;margin: var(--space-04) 0 0;padding: var(--space-04) var(--space-05);border-radius: var(--radius-large);text-align:center;font-size: var(--font-size-175);line-height:1.4}
.sector-visual-badge{right:14px;bottom:14px;max-width:190px;padding: var(--space-04) var(--space-05);font-size: var(--font-size-175);}
.sector-section{padding: var(--space-10) 0;}
.section-head{margin-bottom: var(--space-06);}
.section-head h2{font-size: var(--font-size-300);}
.section-head span{font-size: var(--font-size-150);}
.base-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap: var(--space-04);}
.adapt-grid{gap: var(--space-04);}
.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap: var(--space-04);}
.info-card{padding: var(--space-06);}
.info-card b{font-size: var(--font-size-150);}
.info-card p{font-size: var(--font-size-175);}
.subscription-panel{grid-template-columns:1fr;gap: var(--space-05);padding: var(--space-06);}
.subscription-panel strong{width:42px;height:42px;font-size: var(--font-size-225);}
.subscription-panel h3{font-size: var(--font-size-225);}
.subscription-panel p{font-size: var(--font-size-175);}
.sector-final{padding: var(--space-10) 0;}
.sector-final h2{font-size: var(--font-size-400);}
.sector-final p{font-size: var(--font-size-150);}
}