*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8f1;color:#372921;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3{text-wrap:balance}.sitewide{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{position:relative;z-index:20;background:#fff8f1;padding:18px 0}.navwrap{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.02em}.brand img{width:36px;height:36px}.navwrap nav{display:flex;gap:26px;margin-left:auto;font-size:14px;color:#7a6a61}.navwrap nav a:hover{color:#372921}.top-cta{margin-left:6px;padding:9px 16px;border-radius:999px;background:#d56d52;color:#fff;font-size:14px;font-weight:700}.hero{position:relative;overflow:hidden}.hero h1,.inner-hero h1{margin:0;letter-spacing:-.055em;line-height:1.04;font-weight:850}.hero h1{font-size:clamp(46px,5.6vw,78px)}.hero p,.inner-hero p{color:#7a6a61;font-size:18px;line-height:1.85}.eyebrow,.inner-hero span,.inner-kicker{display:inline-block;color:#d56d52;font-weight:750;letter-spacing:.04em;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;align-items:center}.actions a:first-child{background:#d56d52;color:#fff;padding:12px 22px;border-radius:999px;font-weight:750}.actions a:not(:first-child){font-weight:700;color:#372921}.hero-media img,.hero-wide img,.art-col img,.hero-panorama img,.hero-canvas>img,.visual img,.hero-photo>img,.cinematic>img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}.section{padding:100px 0}.soft{background:#f6e5dc}.section-intro{max-width:760px;margin-bottom:52px}.section-intro.compact{max-width:900px}.section-intro span{color:#d56d52;font-weight:750;font-size:14px}.section-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 14px}.section-intro p{color:#7a6a61;font-size:18px}.line-icon{width:30px;height:30px;color:#d56d52;margin-bottom:22px}.feat h3,.support-item h3,.download-item h2,.guide-step h2,.feature-prose h2,.feature-line h2,.feature-number h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.feat p,.support-item p,.download-item p,.guide-step p,.feature-prose p,.feature-line p,.feature-number p{margin:0;color:#7a6a61}.feature-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.story-title h2,.function-band header h2,.ed-head h2{font-size:clamp(36px,4.2vw,58px);line-height:1.1;letter-spacing:-.045em;margin:10px 0 16px}.story-title p,.function-band header p,.ed-head p{color:#7a6a61}.story-list{display:grid;grid-template-columns:1fr 1fr;gap:54px 42px}.function-band{background:#f6e5dc}.function-band header{max-width:860px;margin-bottom:56px}.feature-band{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.editorial-functions{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.ed-features{display:grid;grid-template-columns:1fr 1fr;gap:48px}.support{background:#f6e5dc}.support-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.support-item b{font-size:14px;color:#d56d52;letter-spacing:.08em}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:52px 68px}.quote p{font-size:17px;line-height:1.9;margin:18px 0 0;color:#372921}.person{display:flex;align-items:center;gap:14px}.person img{width:46px;height:46px;border-radius:50%}.person small{display:block;color:#7a6a61;font-size:13px}.faqs{background:#f6e5dc}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:92px}.faq-list{display:grid;gap:28px}details{background:transparent}summary{cursor:pointer;font-size:20px;font-weight:750;list-style:none}summary::-webkit-details-marker{display:none}details p{color:#7a6a61;margin:12px 0 0;max-width:760px}.footer{padding:48px 0 64px;color:#7a6a61}.footwrap{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footwrap>div{display:flex;align-items:center;gap:9px;color:#372921;font-weight:800}.footwrap img{width:30px;height:30px}.footwrap nav{display:flex;gap:22px;font-size:14px}.inner-hero{padding:84px 0 74px;background:#f6e5dc}.inner-hero h1{font-size:clamp(44px,5vw,70px);margin-top:12px}.inner-hero p{max-width:820px}.inner-grid,.inner-split,.inner-cinema{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.inner-editorial{display:grid;grid-template-columns:160px 1fr;gap:50px}.inner-editorial aside{color:#d56d52;font-weight:800}.inner-asym{display:grid;grid-template-columns:.35fr 1fr;gap:70px}.prose-flow{display:grid;gap:72px;max-width:980px}.feature-prose{display:grid;grid-template-columns:70px .8fr 1.2fr;gap:34px;align-items:start}.feature-prose>b,.feature-number>span{color:#d56d52;font-weight:850;font-size:22px}.line-features{display:grid;grid-template-columns:1fr 1fr;gap:70px 90px}.feature-line span{display:block;margin-top:18px;color:#d56d52;font-weight:800}.numbered-features{display:grid;gap:46px;max-width:1000px}.feature-number{display:grid;grid-template-columns:70px 1fr;gap:28px}.download-stack{display:grid;gap:70px}.download-item{display:grid;grid-template-columns:130px .8fr 1.2fr auto;gap:34px;align-items:center}.download-item>span{font-size:17px;font-weight:800;color:#d56d52}.download-item a{font-weight:800;color:#d56d52}.check-row{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.download-check b{font-size:20px}.download-check p{color:#7a6a61}.download-editorial{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.download-list{display:grid;gap:46px}.download-list .download-item{grid-template-columns:100px 1fr}.download-list .download-item p{grid-column:2}.download-list .download-item a{grid-column:2}.check-column{display:grid;gap:40px;max-width:760px;margin-left:auto}.download-three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.download-three .download-item{display:block}.download-three .download-item>span{display:block;margin-bottom:12px}.download-three .download-item a{display:inline-block;margin-top:18px}.guide-steps{display:grid;gap:58px}.guide-step{display:grid;grid-template-columns:70px 1fr;gap:30px;max-width:920px}.guide-step>span{font-size:20px;font-weight:850;color:#d56d52}.guide-editorial{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.guide-note h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.04em}.guide-note p{color:#7a6a61}.faq-page{display:grid;grid-template-columns:.7fr 1.3fr;gap:92px}
.h8{padding:62px 0 100px}.h8 .asym{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.h8 .visual{height:560px;margin-left:calc((100vw - min(1180px,calc(100% - 48px)))/-2)}.h8 .statement p{max-width:540px}
.topbar-8{background:#fff8f1}.function-editorial{background:#fffdf9}.reviews-8{background:#fbede5}
@media(max-width:900px){.sitewide{width:min(100% - 32px,720px)}.navwrap nav{display:none}.top-cta{margin-left:auto}.hero h1{font-size:clamp(40px,12vw,58px)}.h1 .hero-grid,.h4 .editorial,.h7 .rail,.h8 .asym,.h10 .cinematic,.story-grid,.editorial-functions,.faq-layout,.inner-grid,.inner-split,.inner-cinema,.inner-editorial,.inner-asym,.download-editorial,.guide-editorial,.faq-page{grid-template-columns:1fr;gap:38px}.h1 .hero-media,.h4 .art-col,.h8 .visual{margin-left:0;margin-right:0;height:320px}.h2 .hero-wide,.h5 .hero-panorama,.h7 .hero-media,.h10 .cinematic>img{height:320px}.h3,.h6 .hero-canvas,.h9 .hero-photo{min-height:620px}.h6 .hero-canvas:after{background:linear-gradient(180deg,rgba(247,245,251,.96),rgba(247,245,251,.72),rgba(247,245,251,.1))}.h7 aside{display:none}.feature-columns,.feature-band,.story-list,.ed-features,.support-layout,.quotes,.check-row,.download-three,.line-features{grid-template-columns:1fr}.feature-prose{grid-template-columns:50px 1fr}.feature-prose p{grid-column:2}.download-item{grid-template-columns:1fr;gap:10px}.download-list .download-item{grid-template-columns:1fr}.download-list .download-item p,.download-list .download-item a{grid-column:auto}.footwrap{grid-template-columns:1fr}.footwrap nav{flex-wrap:wrap}.section{padding:72px 0}.inner-hero{padding:62px 0}.inner-hero h1{font-size:clamp(38px,10vw,52px)}}@media(max-width:560px){.sitewide{width:calc(100% - 28px)}.hero h1{font-size:clamp(36px,11vw,50px)}.hero p,.inner-hero p{font-size:16px}.section-intro h2,.story-title h2,.function-band header h2,.ed-head h2,.guide-note h2{font-size:34px}.actions{gap:14px}.actions a:first-child{padding:11px 18px}.h3 .hero-overlay,.h9 .hero-caption{padding-bottom:48px}.section{padding:60px 0}.support-layout,.quotes{gap:38px}.faq-list{gap:22px}}
/* V4 hero: left-side background with asymmetric statement */
.h8{padding:0;min-height:650px;background-image:linear-gradient(90deg,rgba(255,248,241,.08) 0%,rgba(255,248,241,.18) 42%,rgba(255,248,241,.94) 60%,#fff8f1 100%),url("hero.png");background-repeat:no-repeat;background-size:100% 100%,60% auto;background-position:center,left center;display:flex;align-items:center}
.h8 .asym{display:block;width:min(1180px,calc(100% - 48px))}
.h8 .visual{display:none}
.h8 .statement{width:min(46%,560px);margin-left:auto}
/* V4 integrated hero responsive rules */
@media(max-width:900px){
.h1,.h2,.h4,.h5,.h7,.h8,.h10{min-height:auto;padding:72px 0 330px;background-size:100% 100%,100% auto;background-position:center,bottom center;display:block}
.h1{background-image:linear-gradient(180deg,#07111f 0%,#07111f 48%,rgba(7,17,31,.50) 68%,rgba(7,17,31,.10) 100%),url("hero.png")}
.h2{background-image:linear-gradient(180deg,#f5f7fb 0%,#f5f7fb 48%,rgba(245,247,251,.56) 68%,rgba(245,247,251,.10) 100%),url("hero.png")}
.h4{background-image:linear-gradient(180deg,#faf6ef 0%,#faf6ef 48%,rgba(250,246,239,.58) 68%,rgba(250,246,239,.08) 100%),url("hero.png")}
.h5{background-image:linear-gradient(180deg,rgba(7,21,35,.96) 0%,rgba(7,21,35,.88) 48%,rgba(7,21,35,.48) 68%,rgba(7,21,35,.10) 100%),url("hero.png")}
.h7{background-image:linear-gradient(180deg,#08101d 0%,#08101d 48%,rgba(8,16,29,.52) 68%,rgba(8,16,29,.08) 100%),url("hero.png")}
.h8{background-image:linear-gradient(180deg,#fff8f1 0%,#fff8f1 48%,rgba(255,248,241,.58) 68%,rgba(255,248,241,.08) 100%),url("hero.png")}
.h10{background-image:linear-gradient(180deg,#f5f3ff 0%,#f5f3ff 48%,rgba(245,243,255,.58) 68%,rgba(245,243,255,.08) 100%),url("hero.png")}
.h1 .hero-copy,.h2 .hero-top,.h4 .copy-col,.h8 .statement,.h10 .cinema-copy{width:100%;max-width:650px;margin-left:0}
.h7 .rail{grid-template-columns:1fr;width:min(100% - 32px,720px)}
.h5 .hero-title,.h5 .under{width:min(100% - 32px,720px)}
.h3,.h6 .hero-canvas,.h9 .hero-photo{min-height:620px}
}
@media(max-width:560px){.h1,.h2,.h4,.h5,.h7,.h8,.h10{padding-bottom:260px;background-size:100% 100%,auto 290px}}
.download-now{margin-top:26px}
.download-now a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 24px;border-radius:999px;background:#d56d52;color:#fff;font-weight:800;letter-spacing:.01em}
/* V5 layout hardening: keep every content rail inside the centered site canvas */
html,body{max-width:100%;overflow-x:hidden}
.sitewide{margin-left:auto!important;margin-right:auto!important}
.hero .sitewide,.section .sitewide,.inner-hero .sitewide,.footer .sitewide{min-width:0}
.hero h1,.inner-hero h1,.section h2,.section h3{overflow-wrap:break-word;word-break:normal}
.story-grid>*,.story-list>*,.feature-columns>*,.feature-band>*,.editorial-functions>*,.ed-features>*,.support-layout>*,.quotes>*,.faq-layout>*,.download-stack>*,.download-editorial>*,.download-three>*,.guide-editorial>*,.inner-grid>*,.inner-split>*,.inner-cinema>*,.inner-editorial>*,.inner-asym>*{min-width:0}
@media(max-width:900px){
.hero .sitewide,.inner-hero .sitewide,.section .sitewide,.footer .sitewide{margin-left:auto!important;margin-right:auto!important}
.hero h1{line-height:1.08}
}