@media (min-width:1100px){
  :root{--desktop-max:1320px;--desktop-shadow:0 18px 50px rgba(20,32,25,.09)}
  body{background:linear-gradient(180deg,#f7f8f4 0%,#f3f6f2 100%)}
  .site-header{padding:18px max(28px,calc((100vw - var(--desktop-max))/2));box-shadow:0 1px 0 rgba(20,32,25,.03)}
  .site-header .brand{font-size:1.55rem}.main-nav{gap:30px}.main-nav a{position:relative;padding:8px 0}.main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.main-nav a:hover:after{transform:scaleX(1)}
  main{max-width:var(--desktop-max);padding:42px 28px 92px}
  .hero-with-image{grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:64px;padding:72px 0 42px;align-items:center}
  .hero-copy{padding-right:18px}.hero h1{font-size:clamp(3.8rem,5.2vw,5.7rem);max-width:820px;margin:20px 0 24px;line-height:.94}.hero p{font-size:1.2rem;line-height:1.7;max-width:760px}.hero .btn{padding:14px 19px;font-size:1rem}.hero-points{margin-top:24px;gap:10px 22px;font-size:.96rem}
  .hero-visual{min-height:540px;border-radius:28px;box-shadow:0 24px 70px rgba(20,32,25,.13)}.hero-visual img{min-height:540px}.image-caption{padding:12px 16px}
  .trust-strip{margin:28px 0 74px;border-radius:24px;box-shadow:var(--desktop-shadow)}.trust-strip div{padding:24px 26px}.trust-strip strong{font-size:1.55rem}.trust-strip span{font-size:.88rem}
  .section{margin-top:72px}.section h2{font-size:clamp(2rem,2.7vw,3rem)}.section-head{margin-bottom:26px}.section-head>p{font-size:1.03rem;line-height:1.65}
  .homepage-intro{max-width:1040px}.homepage-intro p{font-size:1.1rem;line-height:1.8}
  .pain-grid,.role-grid,.proof-grid{gap:22px}.problem-card,.role-card,.proof-card{padding:28px;border-radius:20px;box-shadow:0 10px 28px rgba(20,32,25,.055);transition:transform .2s ease,box-shadow .2s ease}.problem-card:hover,.role-card:hover,.proof-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,32,25,.09)}
  .story-stack{gap:86px}.visual-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px}.visual-media{border-radius:26px;box-shadow:var(--desktop-shadow)}.visual-media img{max-height:500px}.visual-copy{padding:10px 8px}.visual-copy p{font-size:1.06rem;line-height:1.75}.visual-copy h2{max-width:650px}
  .workflow-grid{gap:20px}.workflow-card{padding:26px;border-radius:19px;box-shadow:0 8px 24px rgba(20,32,25,.045);min-height:220px}.workflow-card h3{font-size:1.18rem}
  .grid{gap:22px}.card{padding:26px;border-radius:20px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,32,25,.1)}
  .quality-panel{padding:42px;border-radius:28px;gap:42px;box-shadow:var(--desktop-shadow)}
  .guide-directory{gap:24px}.guide-feature{border-radius:22px}.guide-feature .copy{padding:26px}.guide-card-img{aspect-ratio:16/8.4}
  .tool-header{max-width:940px}.tool-box{padding:32px;border-radius:22px}.content-box{padding:30px;border-radius:20px}.form-grid{gap:18px}.field input,.field select,.field textarea{padding:14px 15px}
  .site-footer{margin-top:36px}.footer-grid{max-width:var(--desktop-max);padding:58px 28px 42px;grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(170px,.7fr));gap:52px}.footer-bottom{max-width:var(--desktop-max);padding:22px 28px 28px}
}
@media (min-width:1450px){main{padding-left:0;padding-right:0}.hero-with-image{gap:76px}.hero h1{font-size:5.7rem}}
