/* Material photography supplies the artwork; glass is confined to interface surfaces. */
:root{--surface-wall:#f4f5f4;--surface-edge:#ffffffd9;--surface-shadow:0 18px 48px #242a3010,0 2px 6px #242a3006}
body{background:var(--surface-wall)}
#header{background:transparent}
#header .nav-bar{background:#ffffffe6;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 30px #232c3510;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}
#header .section-nav{background:#eff0efb3;border-color:#e0e3e1}
.hero-environment{position:relative;isolation:isolate;overflow:hidden;background:#edf0ef;border-bottom:1px solid #fff;padding:14px 0 40px}
.hero-material{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-material img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-environment:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffffff7 0%,#fffffff0 44%,#ffffffad 56%,#ffffff10 76%,#ffffff05)}
.hero-environment .hero.wrap{position:relative;padding-top:40px;padding-bottom:48px;gap:clamp(32px,4.3vw,70px)}
.hero-environment .hero-copy{position:relative}
.hero-environment .hero h1>span{color:var(--accent)}
.delivery-demo{position:relative;border:1px solid #ffffffdf;border-top:3px solid var(--brand-orange);border-radius:17px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffff70,0 26px 70px #26343c30,0 4px 14px #24303b15;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);overflow:hidden}
.demo-topline{background:linear-gradient(125deg,#394148 0%,#252b2f 42%,#444b50 76%,#292f32);border-bottom:1px solid #ffffff38;box-shadow:inset 0 1px 0 #ffffff60}
.demo-source{background:linear-gradient(110deg,#ffe8d4f5,#fff2e2ba);box-shadow:inset 0 1px 0 #fff}
.demo-steps{background:#ffffffe6;border-bottom-color:#dddeda}
.demo-panel{background:#fffffff5}
.demo-bottom{background:#ffffffe8;border-top-color:#e6e1dc}
.demo-toggle{border-color:#c9c6c2;border-radius:7px;box-shadow:inset 0 1px 0 #fff,0 2px 4px #252c3410}
.value-strip.wrap{position:relative;z-index:1;margin-top:-28px;max-width:calc(1240px - 80px);width:calc(100% - 80px);background:#ffffffee;border:1px solid #fff;border-radius:15px;box-shadow:var(--surface-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.preview-content{border:1px solid #fff;border-radius:16px;box-shadow:var(--surface-shadow)}
.preview-offer{background:linear-gradient(140deg,#ffe8d4,#fff5ec 80%);box-shadow:inset 0 1px 0 #fff}
.preview-reader{background:#fff}
.task-card,.evidence-card{background:#fff;border:1px solid #e4e6e3;border-radius:11px;box-shadow:0 7px 24px #29343908}
.method-stage,.flow-inspector{border-color:#e0e3df;border-radius:14px;box-shadow:var(--surface-shadow);background:#fff}
.pricing-section{background:linear-gradient(180deg,#f4f5f4,#ebedeb 55%,#f4f5f4)}
.price-card{background:#fff;border-radius:12px;box-shadow:0 10px 32px #2934390c}
/* Viewport-based gutters need a full-width section, overriding the shared wrap width. */
.brand-story-teaser.wrap{position:relative;isolation:isolate;width:100%;max-width:none;margin-top:90px;padding:46px max(40px,calc((100% - 1160px)/2)) 32px;background:linear-gradient(135deg,#ffffff,#f1f3f2);color:var(--ink);border-top:1px solid #e0e4e2;border-bottom:1px solid #e0e4e2}
.brand-story-teaser .story-teaser-label,.brand-story-teaser .story-signature{color:var(--muted);border-color:#dce0de;font-size:12px;line-height:1.7}
.brand-story-teaser .story-teaser-label>a{color:var(--accent)}
.brand-meaning{grid-template-columns:1.04fr 1fr;gap:64px;align-items:center;margin:38px 0}
.brand-meaning figure{position:relative;min-width:0}
.brand-meaning img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:14px;box-shadow:0 18px 44px #37342b14;border:1px solid #ffffff}
.brand-meaning figcaption,.brand-meaning figcaption>span:last-child{font-size:12px;line-height:1.7;color:var(--muted)}
.brand-meaning-copy h2{font-size:34px;color:var(--ink)}
.brand-meaning-copy{display:block}
.brand-meaning-copy>.mark-meanings{margin-top:25px}
.brand-meaning-copy>.overline{color:var(--accent)}
.brand-meaning-copy>p:not(.overline){font-size:16px;color:var(--muted)}
.mark-meanings>a{border-color:#dce0de}
.mark-meanings b{font-size:14px;color:var(--ink)}
.mark-meanings p{font-size:14px;color:var(--muted)}
.brand-story-teaser .mark-symbol,.brand-story-teaser .mark-symbol.slash,.mark-meanings>a>.icon{color:var(--accent)}
.mark-meanings>a:hover b,.brand-meaning-copy>.text-link{color:var(--accent)}
.brand-meaning-copy>.text-link{font-size:14px;min-height:44px}
.brand-story-teaser :focus-visible{outline-color:var(--accent)}
.closing.wrap{border:1px solid #fff;border-radius:16px;background:linear-gradient(140deg,#fff8f2,#ffe5d0);box-shadow:var(--surface-shadow)}
#footer{--ink:#f6f4f0;--muted:#bdc4c8;--line:#ffffff24;--accent:#ffaa72;--accent-deep:#ffbc92;background:#1b1f22;color:var(--ink);border-top:1px solid #41484d;box-shadow:inset 0 1px 0 #ffffff08}
#footer .brand img{mix-blend-mode:normal;background:#fff;border-radius:7px;padding:3px}
#footer .brand-tagline,#footer .footer-brand-block>p,#footer .footer-service-strip small,#footer .footer-support-note{color:var(--muted);font-size:12px}
#footer .footer-service-strip b,#footer .footer-directory nav h2{font-size:14px;color:var(--ink)}
#footer .footer-directory nav>a,#footer .footer-directory nav>button{font-size:14px;color:#c9ced1}
#footer .footer-support-link{font-size:14px;color:var(--accent-deep)}
#footer .footer-directory nav>a:hover,#footer .footer-directory nav>button:hover,#footer .footer-legal-line a:hover,#footer .footer-legal-line button:hover,#footer .footer-registration a:hover{color:var(--accent-deep);text-decoration:underline;text-underline-offset:4px}
#footer .footer-legal-line,#footer .footer-legal-line button,#footer .footer-registration,#footer .footer-prototype-note{font-size:12px;color:#aeb8bf}
#footer :focus-visible{outline-color:var(--accent-deep)}
@supports not (backdrop-filter:blur(1px)){#header .nav-bar,.delivery-demo,.value-strip.wrap{background:#fffffff7}}
@media(max-width:1100px){.brand-meaning{gap:32px}.brand-meaning-copy{column-gap:32px}.brand-meaning-copy h2{font-size:28px}.brand-story-teaser.wrap{padding-left:30px;padding-right:30px}}
@media(max-width:900px){
 .hero-environment:after{background:linear-gradient(180deg,#fffffff5 0%,#ffffffe8 38%,#ffffff25 64%,#ffffff10)}
 .hero-material img{object-position:67% center}
 .hero-environment .hero.wrap{padding-top:32px;gap:28px}
 .value-strip.wrap{width:calc(100% - 60px)}
 .brand-meaning{grid-template-columns:1fr;gap:28px;max-width:690px;margin:32px auto}.brand-meaning-copy h2{font-size:27px}.mark-meanings p{font-size:14px}
}
@media(max-width:650px){
 .hero-environment{padding:0 0 36px}.hero-environment .hero.wrap{padding-top:24px;padding-bottom:32px;gap:18px}
 .hero-environment:after{background:linear-gradient(180deg,#fffffff7 0%,#fffffff0 27%,#ffffff20 52%,#ffffff10 90%,#f4f5f4)}
 .hero-material img{object-position:72% center}
 .hero .delivery-demo{box-shadow:0 16px 40px #26343c24,0 3px 8px #24303b15;border-radius:13px}
 .hero-actions,.hero-reassurance,.hero-copy .hero-prototype{position:relative;z-index:1}
 .hero-environment .hero-actions{background:#ffffffed;border-radius:10px;padding:12px;margin-left:-4px;margin-right:-4px}
 .hero-reassurance,.hero-copy .hero-prototype{background:#ffffffed;padding:4px 8px;border-radius:5px}
 .value-strip.wrap{width:calc(100% - 40px);padding:20px 16px;border-radius:12px}
 .preview-content{border-radius:13px}.brand-story-teaser.wrap{padding:28px 24px;margin-top:55px}
 .brand-meaning{grid-template-columns:1fr;gap:27px;margin:26px 0}.brand-meaning-copy h2{font-size:29px}
 .brand-meaning-copy{display:block}.brand-meaning-copy>.mark-meanings{margin-top:25px}
 .brand-meaning figure img{aspect-ratio:1;object-fit:contain}.brand-meaning figcaption{gap:10px;flex-wrap:wrap}
 .brand-story-teaser .story-signature{font-size:12px;letter-spacing:.7px;gap:15px;flex-wrap:wrap}
}
@media(prefers-reduced-transparency:reduce){#header .nav-bar,.delivery-demo,.value-strip.wrap{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}.demo-panel,.demo-steps,.demo-bottom{background:#fff}}