*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#fff;color:#243b34;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #c17a46;outline-offset:5px}
header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:30px;border-bottom:1px solid #e8ece5}
.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}
.brand img{height:40px;width:40px;object-fit:contain}
.brand span{font-size:21px;font-weight:600;letter-spacing:3px}
.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}
nav{display:flex;gap:32px;font-size:13px}
nav a:hover{color:#a86642}
.entry{border:1px solid #cbd4c8;background:transparent;padding:12px 18px;border-radius:3px;font-size:12px}
.entry span{margin-left:20px}
.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:630px;background:#f7f8f3;overflow:hidden}
.hero-copy{padding:65px 0 26px 9.3%;z-index:2}
.eyebrow{font-size:11px;letter-spacing:2px;line-height:1.8;margin:0 0 26px;color:#64766c}
.dot{display:inline-block;width:6px;height:6px;background:#a6b19a;border-radius:50%;margin-right:8px}
.hero h1{font-family:var(--font-sans);font-weight:400;font-size:clamp(48px,4.9vw,76px);line-height:1.33;letter-spacing:4px;margin:0 0 16px}
.serif-accent{color:#627b64}
.hero h1 i{font-style:normal;color:#b57a56}
.english{font:italic 17px var(--font-sans),serif;letter-spacing:.3px;margin:20px 0 30px;color:#526453}
.hero-desc{font-size:14px;color:#6e796f;line-height:2}
.actions{display:flex;align-items:center;gap:30px;margin-top:35px}
.primary{display:inline-flex;gap:45px;justify-content:space-between;align-items:center;background:#28483a;border:0;border-radius:3px;color:white;font-size:13px;padding:17px 23px}
.primary:hover{background:#41634c}
.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;background:none;border:0;padding:8px 0;border-bottom:1px solid #acb9a8}
.hero-foot{margin-top:64px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8c958a;padding-right:30px}
.world{position:relative;min-height:630px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#e6ecd9 0%,#eff2e7 45%,#f7f8f3 73%)}
.sun{position:absolute;width:105px;height:105px;background:#e4b789;border-radius:50%;top:20%;left:53%;box-shadow:0 0 70px #eddfc566}
.orbit{position:absolute;border:1px solid #b6c6af66;width:640px;height:380px;left:-4%;top:15%;border-radius:50%;transform:rotate(-36deg)}
.orbit-two{transform:rotate(47deg);width:560px;height:470px;left:6%;top:11%}
.mountain{position:absolute;border-radius:50% 50% 0 0;transform:rotate(-16deg);background:#cdd8bf;width:480px;height:240px;top:49%;left:2%;opacity:.8}
.mountain.front{background:#bbcbb0;left:48%;top:52%;transform:rotate(28deg)}
.city{position:absolute;left:18%;top:37%;width:68%;height:230px;transform:skewY(-6deg)}
.house{position:absolute;bottom:0;background:linear-gradient(90deg,#fdfbf0 0 67%,#d5ddc8 67%);box-shadow:10px 10px 20px #5b6f4a0c}
.house:after{content:"";position:absolute;inset:18px 40% 12px 12px;background:repeating-linear-gradient(0deg,transparent 0 17px,#9caf9366 18px 22px)}
.h1{height:100px;width:65px;left:0}
.h2{height:175px;width:65px;left:18%}
.h3{height:230px;width:75px;left:41%}
.h4{height:142px;width:55px;left:67%}
.h5{height:78px;width:72px;left:9%;bottom:-37px}
.h6{height:95px;width:75px;left:52%;bottom:-30px}
.bridge{position:absolute;top:70%;left:8%;width:87%;height:20px;background:#f3f1df;transform:rotate(-12deg);box-shadow:0 14px 0 #9aaf8c66}
.water{position:absolute;bottom:0;height:150px;left:-15%;width:135%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#d7e1d3aa,#edf1e9);transform:rotate(7deg)}
.world-caption{position:absolute;bottom:45px;left:16%;font-family:var(--font-sans);font-size:18px;letter-spacing:5px}
.world-caption small{display:block;font:8px sans-serif;letter-spacing:3px;margin-top:12px;color:#82907e}
.floating-label{position:absolute;padding:12px 17px;background:#ffffffd6;border:1px solid white;box-shadow:0 8px 35px #5266400c;border-radius:5px;font-size:12px;display:flex;gap:10px;align-items:center}
.label-one{top:27%;left:4%}
.label-one span{font-size:22px;color:#7f926c}
.label-two{right:8%;bottom:26%}
.label-two img{width:22px;height:22px}
.scene-note{position:absolute;right:20px;bottom:20px;color:#899782;font-size:9px}
.intro{padding:90px 8% 0;text-align:center}
.intro h2,h2{font-family:var(--font-sans);font-size:38px;font-weight:400;line-height:1.5;letter-spacing:2px;margin:0 0 22px}
.intro p:not(.eyebrow){font-size:14px;line-height:2;color:#7c847b}
.intro-index{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #e0e5dc;border-bottom:1px solid #e0e5dc;text-align:left}
.intro-index a{display:flex;padding:22px;font-size:13px;gap:25px}
.intro-index a+a{border-left:1px solid #e0e5dc}
.intro-index b{font:italic 18px var(--font-sans);color:#8c9a83}
.intro-index span{margin-left:auto}
.split{margin:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.product-heading{display:flex;gap:12px;align-items:center;margin-bottom:30px}
.product-heading img{width:30px;height:30px;object-fit:contain}
.product-heading span{font-size:17px}
.product-heading small{display:block;font-size:10px;color:#879080;margin-top:6px}
.section-copy>p{font-size:14px;color:#748072;line-height:2.1;max-width:440px}
.plain-list{list-style:none;padding:0;margin:25px 0;font-size:12px;line-height:3}
.plain-list span{font:italic 12px var(--font-sans);margin-right:16px;color:#a2ad96}
.status{display:block;font-size:10px;color:#8a9387;line-height:1.8;margin-top:18px}
.demo{background:#f6f7f2;padding:25px;border:1px solid #e6e9df;border-radius:10px;box-shadow:20px 25px 0 #f1f3eb88}
.demo-top{display:flex;justify-content:space-between;font-size:11px;color:#6c7866}
.demo-top span+span{font-size:9px}
.demo h3{font-family:var(--font-sans);text-align:center;font-size:25px;font-weight:400;margin:42px 0 12px}
.demo-sub{text-align:center;font-size:11px;color:#8c9587}
.prompts{display:flex;justify-content:center;gap:8px;margin:25px 0}
.prompts button{background:white;border:1px solid #e3e7db;border-radius:30px;font-size:10px;padding:8px 12px;color:#67745f}
.prompts .selected{background:#dde6d6;border-color:#b6c7a8;color:#2e4b35}
.bubble{font-size:12px;line-height:1.8;padding:14px;background:#e4ebde;border-radius:12px 12px 0 12px;max-width:85%;margin:25px 0 20px auto}
.assistant-reply{display:flex;gap:12px}
.assistant-reply>img{width:24px;height:24px;object-fit:contain;margin-top:4px}
.assistant-reply p{font-size:12px;line-height:1.9;margin-top:0;min-height:46px}
.task-note{background:#fff;border:1px solid #e1e7d9;border-radius:6px;padding:15px}
.task-note span{font-size:9px;color:#839177}
.task-note strong{display:block;font-size:11px;line-height:1.8;margin:8px 0;font-weight:500}
.task-note small{font-size:9px;color:#8c9485;line-height:1.8}
.demo-input{display:flex;justify-content:space-between;background:white;border:1px solid #e2e5dc;border-radius:8px;padding:15px;font-size:10px;color:#969e91;margin-top:35px}
.demo-input span{background:#2d4939;color:white;border-radius:50%;padding:2px 6px}
.demo-disclaimer{display:block;text-align:center;font-size:9px;color:#959d8f;margin-top:13px}
.business{gap:9%;border-top:1px solid #e4e8df;padding-top:95px}
.business-art{background:#eaf0e6;padding:30px;border-radius:4px}
.board-top{display:flex;gap:13px;align-items:center}
.board-top img{width:32px;height:32px}
.board-top span{font-size:14px}
.board-top small{font-size:9px;display:block;margin-top:5px;color:#8b9582}
.board-mark{margin-left:auto}
.business-art h3{font:normal 28px/1.6 var(--font-sans);margin:32px 0}
.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d4decb;border:1px solid #d4decb}
.board-grid>div{background:#f4f6ee;padding:20px 15px}
.board-grid span{font:10px var(--font-sans);color:#8f9d83}
.board-grid strong{display:block;font-size:14px;font-weight:500;margin:15px 0 10px}
.board-grid small{font-size:9px;color:#85917b}
.board-bottom{font-size:10px;display:flex;justify-content:space-between;margin-top:28px}
.business-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}
.business-tags span{font-size:10px;padding:9px;border:1px solid #dce3d6}
.products{padding:80px 8%;background:#f7f8f4}
.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.section-top h2{font-size:34px}
.section-top>p{font-size:12px;line-height:2;color:#7d8975;margin-bottom:27px}
.filters{display:flex;gap:25px;border-bottom:1px solid #dae0d3;margin:22px 0 0}
.filters button{border:0;background:none;font-size:12px;color:#88907f;padding:16px 0;border-bottom:2px solid transparent}
.filters .active{color:#28483a;border-bottom-color:#28483a}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.product-card{padding:30px 23px 25px 0;border-bottom:1px solid #dfe4d9;min-height:200px}
.product-card:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid #dfe4d9}
.product-card>div{display:flex;gap:15px;align-items:center}
.product-card img{width:38px;height:38px;object-fit:contain}
.product-card h3{font-size:17px;font-weight:500;margin:0}
.product-card .fallback{font-family:var(--font-sans);font-size:25px;width:38px;text-align:center;color:#7d8e66}
.product-card small{display:block;font-size:10px;color:#849177;margin-top:8px}
.product-card p{font-size:12px;line-height:1.9;color:#7e8876;margin:17px 0 12px}
.product-card button{border:0;background:none;padding:0;font-size:10px;color:#4d6449}
.catalog-note{font-size:10px;color:#8c9682;margin-top:25px}
.agents{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:75px 8%;gap:8%}
.agent-visual{height:360px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f0f3e9,white 70%);overflow:hidden}
.agent-visual img{width:58%;height:160px;object-fit:contain;position:relative;z-index:1}
.ring{position:absolute;border:1px solid #dbe3d2;border-radius:50%;width:330px;height:230px;transform:rotate(-30deg)}
.r2{transform:rotate(30deg)}
.point{position:absolute;width:10px;height:10px;border-radius:50%;background:#9eac89}
.p1{top:60px;left:35%}
.p2{bottom:64px;right:25%;background:#d0a57d}
.p3{top:47%;left:12%;width:6px;height:6px}
.agents p:not(.eyebrow){font-size:13px;line-height:2;color:#78856c}
.agent-links{display:flex;flex-direction:column;margin-top:25px}
.agent-links button{display:flex;justify-content:space-between;padding:15px 0;border:0;border-bottom:1px solid #dce3d5;background:none;text-align:left;font-size:12px;color:#355033}
.principles{margin:0 8%;padding:50px 0 65px;border-top:1px solid #e1e6da}
.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7%}
.principles article>span{font-size:9px;color:#8e9a80;letter-spacing:1px}
.principles h3{font:normal 22px var(--font-sans);margin:20px 0}
.principles article p{font-size:12px;color:#7b8770;line-height:2}
.partners{background:#e9eee2;padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.partners h2{font-size:38px;margin:0}
.partners>div>p:not(.eyebrow){font-size:13px;line-height:2;color:#6e7c64}
.partners .primary{margin-top:16px}
.partners .partner-note{font-size:10px!important;margin-top:25px}
footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}
footer .brand small{font-size:9px;letter-spacing:1px}
footer p{font:italic 13px var(--font-sans);color:#6b7962}
footer small{font-size:9px;color:#949d8c}
footer>a:last-child{font-size:11px}
dialog{border:1px solid #dbe3d1;border-radius:10px;padding:40px;max-width:550px;width:calc(100% - 35px);color:#284333}
dialog::backdrop{background:#14281e70;backdrop-filter:blur(5px)}
dialog h2{font-size:28px}
dialog p{font-size:13px;line-height:2}
.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#708067}
.dialog-note{font-size:10px!important;color:#8b9681;border-top:1px solid #dfe6d6;padding-top:18px;margin-top:25px}
#entry-options button{width:100%;display:flex;align-items:center;gap:20px;padding:18px;margin:10px 0;border:1px solid #dae3d1;background:#f3f6ee;color:#2d4632;text-align:left}
#entry-options small{font-size:10px;color:#7c8b6e}
#entry-options span{margin-left:auto}
.mobile-only{display:none}
@media(min-width:1500px){body{max-width:1700px;margin:auto}}
@media(max-width:1050px){nav{gap:18px}
header{gap:15px}
.hero h1{font-size:50px}
.hero-foot{font-size:8px}
.actions{gap:16px}
.split{gap:6%;margin-left:6%;margin-right:6%}
.section-top h2{font-size:29px}}
@media(max-width:760px){header{height:78px;padding:0 6%}
header nav{display:none}
.brand span{font-size:18px}
.brand img{width:32px;height:32px}
.entry{padding:10px;font-size:10px}
.entry span{margin-left:8px}
.hero{grid-template-columns:1fr}
.hero-copy{padding:45px 7% 20px}
.hero h1{font-size:48px;letter-spacing:2px}
.english{font-size:14px}
.hero-foot{margin-top:35px}
.world{min-height:440px}
.orbit{width:450px;height:270px}
.orbit-two{height:330px;width:400px}
.city{height:160px;top:34%;transform:scale(.8) skewY(-6deg);transform-origin:bottom left;width:85%}
.world-caption{bottom:28px;font-size:16px}
.sun{width:80px;height:80px;top:15%}
.floating-label{font-size:10px}
.label-one{top:16%;left:8%}
.label-two{bottom:20%}
.scene-note{font-size:8px}
.intro{padding:60px 7% 0}
.intro h2,h2{font-size:29px}
.intro p:not(.eyebrow){font-size:12px}
.intro-index{margin-top:30px}
.intro-index a{padding:17px 8px;gap:8px;font-size:10px}
.intro-index b{font-size:13px}
.split{grid-template-columns:1fr;margin:65px 7%;gap:35px}
.demo{box-shadow:none;padding:22px}
.business{padding-top:50px}
.business .section-copy{grid-row:1}
.products{padding:55px 7%}
.section-top{display:block}
.section-top>p{display:none}
.section-top h2{font-size:28px}
.filters{gap:20px}
.filters button{font-size:10px}
.product-grid{grid-template-columns:1fr 1fr}
.product-card{padding:24px 14px 20px 0!important;border-left:0!important;min-height:210px}
.product-card:nth-child(even){border-left:1px solid #dfe4d9!important;padding-left:15px!important}
.product-card h3{font-size:14px}
.product-card>div{gap:9px}
.product-card img{width:28px;height:28px}
.product-card small{font-size:9px;line-height:1.7}
.product-card p{font-size:11px}
.agents{grid-template-columns:1fr;padding:20px 7% 60px;gap:15px}
.agent-visual{height:280px}
.ring{width:280px;height:190px}
.principles{margin:0 7%;padding:35px 0}
.principles>div{grid-template-columns:1fr;gap:25px}
.principles h3{margin:12px 0}
.partners{grid-template-columns:1fr;padding:45px 7%;gap:15px}
.partners h2{font-size:31px}
footer{align-items:flex-start;flex-wrap:wrap;padding:30px 7%}
footer>div{order:3;width:100%}
footer>a:last-child{margin-left:auto}
.status{font-size:9px}
.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-10-29: user routes, navigation and readable preview states */
:root{--brand:#173f3b;--ink:#243b34;--muted:#59695e;--line:#dce3da}
body{color:var(--ink)}
p,small{overflow-wrap:anywhere}
section[id]{scroll-margin-top:20px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:50;padding:14px;background:var(--brand);color:white}
.skip-link:focus{top:12px}
.menu-toggle{display:none}
.preview-banner{padding:14px 5%;background:#eff4f0;color:#4d6055;font-size:12px;line-height:1.8;border-bottom:1px solid var(--line)}
.preview-banner>span{font-weight:600;color:var(--brand);margin-right:14px}
.preview-banner a{margin-left:14px;text-decoration:underline;text-underline-offset:4px}
.audiences,.community{padding:80px 8% 0}
.audience-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:32px}
.audience-grid>a{grid-column:span 2;padding:28px 24px;border:1px solid var(--line);border-radius:5px;transition:border-color .2s,background .2s}
.audience-grid>a:nth-child(n+4){grid-column:span 3}
.audience-grid>a:hover{border-color:#79968b;background:#f7faf7}
.audience-grid b{font-size:12px;font-weight:500;color:#536d61}
.audience-grid h3{font:normal 23px/1.6 var(--font-sans);margin:18px 0 12px}
.audience-grid p{font-size:14px;line-height:1.9;color:var(--muted)}
.audience-grid span{display:block;font-size:13px;margin-top:20px;color:var(--brand)}
.section-note{font-size:12px!important;line-height:1.9!important;color:#59695e!important;margin-top:22px}
.community{padding-bottom:75px;border-top:1px solid var(--line)}
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#community .community-grid,#homeowners .community-grid{grid-template-columns:minmax(0,1fr)}
#homeowners .community-grid article{background:#edf2f4;border-color:#d3dfe6}
#homeowners .community-grid article h3,#homeowners .community-grid article .tagline,#homeowners .community-grid article .text-link{color:#3d6279}
@media(min-width:1051px){.audience-grid>a:last-child{grid-column:1/-1}}
.community-grid article{display:flex;align-items:flex-start;gap:22px;padding:30px;background:#f6f8f4;border:1px solid var(--line);border-radius:5px}
.community-grid img{width:46px;height:46px;object-fit:contain}
.community-grid h3{font-size:23px;font-weight:500;margin:0 0 8px}
.community-grid p{font-size:14px;line-height:1.95;color:var(--muted)}
.community-grid .tagline{color:var(--brand);margin-top:0;font-size:13px}
.route{border-top:1px solid var(--line);padding-top:15px}
.market-list{list-style:none;padding:0;margin:22px 0}
.market-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.85}
.market-list strong{font-weight:500}
.market-list span{color:var(--muted)}
.availability{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 8%;background:#f7f9f6}
.availability h2{font-size:32px}
.availability h3{font-size:17px;font-weight:500;margin:8px 0 20px}
.availability p{font-size:14px;line-height:2;color:var(--muted)}
.filter-count{font-size:12px;color:var(--muted);margin:18px 0 0}
.product-state{color:#59695e!important;margin:14px 0!important;font-size:12px!important}
.product-card .fallback{font:11px/1.6 var(--font-sans);width:42px;flex-shrink:0;color:#645c51;border:1px dashed #b8b5aa;padding:5px}
.product-card>div>div{min-width:0}
.product-card h3{line-height:1.6}
.product-card button{min-height:44px;font-size:13px}
.product-card p{font-size:14px;color:var(--muted)}
.product-card small{font-size:12px;color:var(--muted)}
.product-card img{flex-shrink:0}
.status,.catalog-note,.demo-disclaimer,.dialog-note{font-size:12px!important;color:#59695e;line-height:1.9}
.section-copy>p,.agents p:not(.eyebrow),.principles article p{color:var(--muted);font-size:14px}
.plain-list{font-size:14px;line-height:2.5}
.business-tags span{font-size:12px}
.board-grid small,.board-top small,.board-bottom{font-size:12px;color:#53634c}
.demo-sub,.demo-top,.task-note small,.task-note span,.demo-input{font-size:12px;color:#59695e}
.demo-top span+span{font-size:12px}
.prompts button{min-height:44px;font-size:12px}
.task-note strong,.assistant-reply p,.bubble{font-size:13px}
.hero-foot,.scene-note{font-size:11px;color:#586b54}
.section-top>p,.intro p:not(.eyebrow){color:var(--muted)}
footer small{font-size:12px;color:var(--muted)}
dialog{max-height:85dvh;overflow-y:auto}
dialog p{font-size:14px}
dialog .dialog-close{min-width:44px;min-height:44px}
#entry-options button{min-height:56px}
#entry-options small{font-size:12px}
.entry,.text-link{min-height:44px}
.business-art{background:#edf2f6}
.business-art .board-grid{background:#d5dfe8;border-color:#d5dfe8}
.business-art .board-grid>div{background:#f7f9fb}
.business-art .board-grid span,.business-art .board-grid small,.business-art .board-top small{color:#526475}
.product-heading small{font-size:12px;color:var(--muted)}
@media(min-width:761px) and (max-width:1180px){header{flex-wrap:wrap;height:auto;min-height:100px;padding-top:18px;padding-bottom:18px;gap:18px}
header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:16px 26px}
.entry{margin-left:auto}}
@media(max-width:760px){header{position:relative;flex-wrap:wrap;height:auto;min-height:78px;gap:8px;padding:16px 6%}
header>.brand{margin-right:auto}
.brand span{font-size:17px;letter-spacing:2px}
.entry{font-size:12px;padding:10px}
.menu-toggle{display:block;border:1px solid var(--line);background:white;padding:10px;font-size:12px;min-height:44px;color:var(--ink)}
header nav{display:none;width:100%;order:4;flex-direction:column;gap:0;padding:12px 0 0;border-top:1px solid var(--line);margin-top:8px}
header nav.is-open{display:flex}
header nav a{font-size:14px;padding:13px 4px;min-height:44px}
.preview-banner{padding:13px 7%;font-size:12px}
.preview-banner a{display:block;margin-left:0}
.audiences,.community{padding:50px 7% 0}
.audience-grid{grid-template-columns:1fr;gap:12px}
.audience-grid>a,.audience-grid>a:nth-child(n+4){grid-column:auto;padding:22px}
.audience-grid h3{font-size:22px;margin:12px 0}
.community{padding-bottom:45px}
.community-grid{grid-template-columns:1fr;gap:16px}
.community-grid article{padding:23px 18px;gap:15px}
.community-grid img{width:36px;height:36px}
.community-grid h3{font-size:21px}
.section-top>p{display:block;font-size:13px}
.availability{grid-template-columns:1fr;gap:25px;padding:45px 7%}
.availability h2{font-size:28px}
.market-list li{grid-template-columns:1fr;gap:3px}
.filters{gap:8px;justify-content:space-between}
.filters button{font-size:12px;min-height:48px}
.product-grid{grid-template-columns:1fr}
.product-card,.product-card:nth-child(even){border-left:0!important;padding:25px 0!important;min-height:0}
.product-card>div{gap:14px}
.product-card img{width:38px;height:38px}
.product-card h3{font-size:19px}
.product-card small{font-size:12px}
.product-card p{font-size:14px}
.product-card button{font-size:13px}
.status{font-size:12px}
.hero h1{font-size:clamp(36px,10.8vw,48px)}
.hero-copy{padding-top:35px}
.english{font-size:14px;line-height:1.8}
.actions{flex-wrap:wrap;gap:15px}
.world{min-height:350px}
.hero-foot{gap:15px;flex-wrap:wrap;font-size:11px}
.intro-index{grid-template-columns:1fr}
.intro-index a{font-size:13px;padding:17px 10px}
.intro-index a+a{border-left:0;border-top:1px solid var(--line)}
.board-grid small{line-height:1.8}
.demo h3{font-size:23px}
.demo{padding:18px}
.prompts{gap:5px}
.prompts button{padding:8px 10px}
.partners .partner-note{font-size:12px!important}
footer .brand small{font-size:11px}
dialog{padding:32px 23px}
dialog h2{font-size:25px;padding-right:15px}
#entry-options button{flex-wrap:wrap;gap:8px 15px}}
@media(max-width:360px){header>.brand{width:100%}
.menu-toggle{margin-right:auto}
.world{min-height:300px}
.hero h1{letter-spacing:0}
.community-grid article{display:block}
.community-grid img{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Applied brand palette */
:root{--brand:#173f3b;--ink:#173f3b;--muted:#53655e;--line:#dce3df}
body{background:#fff;color:var(--ink)}
.primary{background:#173f3b}
.primary:hover{background:#246056}
a:hover{ text-decoration-color:#173f3b}
nav a:hover{color:#173f3b}
.hero{background:#f7f7f2}
.world{background:radial-gradient(ellipse at 50% 50%,#e5eee5 0%,#f0f3eb 45%,#f7f7f2 73%)}
.serif-accent{color:#447e70}
.hero h1 i{color:#c9783f}
.dot{background:#447e70}
.english{color:#447e70}
.preview-banner{background:#eef4f1;border-color:#dce7df}
.intro-index b{color:#447e70}
.audience-grid>a:nth-child(1){border-top:3px solid #447e70}
.audience-grid>a:nth-child(2){border-top:3px solid #304d70}
.audience-grid>a:nth-child(3){border-top:3px solid #68764b}
.audience-grid>a:nth-child(4){border-top:3px solid #c85238}
.audience-grid>a:nth-child(5){border-top:3px solid #5b50a0}
.life .product-heading,.life .text-link{color:#447e70}
.demo{background:#f1f6f2;border-color:#d4e3db}
.demo .bubble{background:#e1eee7}
.demo .prompts .selected{background:#447e70;border-color:#447e70;color:white}
.demo .task-note{border-color:#cfdfd6}
.demo .demo-input span{background:#447e70}
.demo-top{color:#346252}
.business .product-heading,.business .text-link{color:#304d70}
.business-art{background:#e7edf3}
.business-art h3,.board-top,.board-bottom{color:#304d70}
.business-art .board-grid{border-color:#cdd8e5;background:#cdd8e5}
.business-art .board-grid>div{background:#f5f8fb}
.business-tags span{border-color:#ccd7e3;color:#304d70}
.community-grid article:nth-child(1){background:#f4f3e9;border-color:#dee1cc}
.community-grid article:nth-child(1) h3,.community-grid article:nth-child(1) .tagline,.community-grid article:nth-child(1) .text-link{color:#58663d}
.community-grid article:nth-child(2){background:#edf2f4;border-color:#d3dfe6}
.community-grid article:nth-child(2) h3,.community-grid article:nth-child(2) .tagline,.community-grid article:nth-child(2) .text-link{color:#3d6279}
.products{background:#fafbf8}
.product-card{border-top:3px solid var(--product-color);margin-top:22px}
.product-card h3{color:var(--product-ink)}
.product-card button{color:var(--product-ink);text-decoration:underline;text-underline-offset:5px}
.product-card img{background:var(--product-bg);border-radius:8px;width:48px;height:48px;padding:4px}
.product-card .fallback{border-color:#c9783f;color:#9a5327;background:#fbf3e8}
.filters .active{border-color:#173f3b;color:#173f3b}
.agents .eyebrow,.agents h2,.agents .agent-links button{color:#5b50a0}
.agent-visual{background:radial-gradient(ellipse,#f0eef8,white 72%)}
.agents .ring{border-color:#d8d2ed}
.agents .point{background:#5b50a0}
.agents .p2{background:#b6a9dc}
.agents .p3{background:#8e83bc}
.agents .market-list li,.agents .agent-links button{border-color:#ded8ef}
.agents .market-list strong{color:#5b50a0}
.partners{background:#eef2ed}
.partners .primary{background:#173f3b}
.availability{background:#f7f7f2}
button:focus-visible,a:focus-visible{outline-color:#304d70}
.brand-0{--product-color:#173F3B;--product-ink:#173F3B;--product-bg:#F7F7F2}
.brand-1{--product-color:#447E70;--product-ink:#447E70;--product-bg:#F0D8B8}
.brand-2{--product-color:#304D70;--product-ink:#304D70;--product-bg:#E7EDF3}
.brand-3{--product-color:#06284B;--product-ink:#06284B;--product-bg:#eef2f7}
.brand-4{--product-color:#C9783F;--product-ink:#9a5327;--product-bg:#FBF3E8}
.brand-5{--product-color:#24636A;--product-ink:#24636A;--product-bg:#E8F0EE}
.brand-6{--product-color:#168577;--product-ink:#168577;--product-bg:#FAF9F5}
.brand-7{--product-color:#C85238;--product-ink:#a6402c;--product-bg:#F6EFE6}
.brand-8{--product-color:#355FC4;--product-ink:#355FC4;--product-bg:#EEF2FB}
.brand-9{--product-color:#795079;--product-ink:#795079;--product-bg:#F3EDF2}
.brand-10{--product-color:#68764B;--product-ink:#68764B;--product-bg:#F4F3E9}
.brand-11{--product-color:#476F88;--product-ink:#476F88;--product-bg:#EDF2F4}
.brand-12{--product-color:#DDA632;--product-ink:#6d5012;--product-bg:#fcf6e7}
.brand-13{--product-color:#5B50A0;--product-ink:#5B50A0;--product-bg:#F0EEF8}
@media(max-width:760px){.product-card,.product-card:nth-child(even){border-top:3px solid var(--product-color)}
.product-card img{width:44px;height:44px}}
.world-caption{right:24px;line-height:1.8}
.world-caption>span{display:block}
@media(max-width:760px){.world-caption{left:7%;font-size:14px;letter-spacing:1px}}

/* AI presence: modern Song-inspired space, color and meaningful motion */
.hero{grid-template-columns:1.03fr 1fr;min-height:680px}
.hero-copy{padding-top:72px;padding-bottom:35px}
.hero h1{font-size:clamp(46px,4.7vw,73px)}
.hero-desc{font-size:17px;line-height:1.95;color:#425e52}
.hero .eyebrow{color:#3e7262;letter-spacing:2px}
.hero .hero-foot{margin-top:45px}
.world{min-height:680px;background:radial-gradient(ellipse at 55% 38%,#37675a 0%,#214e44 46%,#173f3b 100%);border-radius:0 0 0 100px}
.world .sun{background:#f0d8b8;width:88px;height:88px;top:27%;left:58%;box-shadow:0 0 90px #f0d8b82a}
.world .orbit{border-color:#b7d4be33;top:19%}
.world .orbit-two{border-color:#f0d8b82b}
.world .mountain{background:#52816a;top:54%;opacity:.65}
.world .mountain.front{background:#73977c;top:59%;opacity:.6}
.world .city{top:42%;height:180px;opacity:.9}
.world .house{background:linear-gradient(90deg,#e9ead8 0 67%,#a7baa3 67%);box-shadow:12px 12px 28px #062d2630}
.world .bridge{top:75%;background:#d7d8b9;box-shadow:0 12px 0 #8ea99166}
.world .water{background:linear-gradient(180deg,#638d7760,#173f3b);height:145px}
.world-caption{color:#f2f3e6;left:9%;bottom:47px;letter-spacing:2px;font-size:19px}
.world-caption small{color:#b6cdbd;letter-spacing:2.5px}
.scene-note{color:#bdcfc3;font-size:10px;bottom:18px}
.floating-label{background:#fffdf3;box-shadow:0 16px 45px #082d2630;border:1px solid #d5e6d9;color:#264c3f;z-index:3}
.world .label-one{left:7%;top:30%;font-size:13px}
.world .label-two{right:7%;bottom:23%;flex-wrap:wrap;gap:8px;font-size:15px}
.label-detail{display:block;font-size:11px;color:#536d5d;width:100%;padding-left:30px}
.world .scene-ai{position:absolute;top:9%;left:9%;right:9%;border-bottom:1px solid #b9d5c03d;padding-bottom:20px;color:#eff2df}
.scene-ai>span{font:normal 28px/1.5 var(--font-sans);letter-spacing:3px}
.scene-ai small{display:block;color:#c3d8ca;font-size:11px;letter-spacing:2px;margin-top:8px}
.signal-dot{width:8px;height:8px;border-radius:50%;background:#447e70;box-shadow:0 0 0 5px #447e7017}
.scene-connection{position:absolute;inset:20% 13% 20%;pointer-events:none;transform:rotate(-30deg);z-index:2}
.scene-connection i{position:absolute;width:6px;height:6px;background:#f0d8b8;border-radius:50%;box-shadow:0 0 18px #f0d8b8;left:0;top:50%;animation:connection-travel 8s ease-in-out infinite}
.scene-connection i:nth-child(2){animation-delay:-2.65s}
.scene-connection i:nth-child(3){animation-delay:-5.3s}
@keyframes connection-travel{0%{left:0;opacity:0}15%{opacity:.85}85%{opacity:.85}100%{left:100%;opacity:0}}
.ai-foundation{position:relative;margin:50px 5% 0;padding:55px 5%;display:grid;grid-template-columns:1fr 1fr;gap:4% 9%;background:#173f3b;color:#f7f7f2;border-radius:8px;background-image:radial-gradient(ellipse at 0 100%,#447e7040,transparent 65%)}
.foundation-heading .eyebrow{color:#c8d9cd;font-size:12px}
.foundation-heading h2{font-size:36px}
.foundation-heading>p:not(.eyebrow){color:#d4e0d8;font-size:14px;line-height:2;max-width:430px}
.foundation-link{display:inline-flex;gap:40px;align-items:center;min-height:44px;border-bottom:1px solid #a2bbab;color:#f0d8b8;font-size:13px;margin-top:12px}
.foundation-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.foundation-steps li{display:flex;gap:20px;padding-bottom:18px;border-bottom:1px solid #d9e7dc30}
.step-no{font:italic 26px var(--font-sans);color:#d7bf9c;line-height:1.8}
.foundation-steps h3{font-size:19px;font-weight:400;margin:0 0 10px;line-height:1.6}
.foundation-steps p{font-size:13px;line-height:1.9;color:#d4e0d8;margin:0}
.foundation-note{grid-column:1/-1;font-size:12px;line-height:1.9;color:#c0d0c6;border-top:1px solid #d9e7dc30;padding-top:17px;margin:8px 0 0}
.intro{padding-top:75px}
.life .demo{border-radius:12px;background:linear-gradient(140deg,#f0f6f1,#f7f4e9);box-shadow:18px 20px 0 #f0d8b83b,0 15px 45px #173f3b0d;border:1px solid #c9dbcf}
.demo-journey{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0;font-size:11px}
.demo-journey span{padding:7px 10px;background:white;border:1px solid #cfdfd6;border-radius:20px;color:#345c4b}
.demo-journey span:nth-of-type(2){color:white;background:#447e70;border-color:#447e70}
.demo-journey i{font-style:normal;color:#6d8b7a}
.demo h3{margin-top:30px}
.business-art{border-radius:12px;border:1px solid #ccd8e6;box-shadow:-16px 18px 0 #e7edf380}
.business-art h3{font-size:30px}
.business-scenario{margin-top:24px;background:#304d70;border-radius:7px;padding:22px;color:#fff}
.scenario-label{font-size:11px;color:#ccd8e8;letter-spacing:1px}
.business-scenario>p{font:normal 18px/1.9 var(--font-sans);color:#fff;margin:13px 0 20px}
.business-scenario ol{padding:0;list-style:none;display:grid;gap:12px}
.business-scenario li{display:flex;gap:15px;align-items:baseline;font-size:12px;line-height:1.8}
.business-scenario b{font-weight:400;color:#f0d8b8;flex-shrink:0}
.business-scenario li span{color:#edf2f8}
.business-scenario>small{display:block;font-size:11px;line-height:1.9;border-top:1px solid #ffffff30;padding-top:14px;color:#d8e2ee}
.business .board-bottom{font-size:12px;line-height:1.8;gap:15px}
.product-heading small{line-height:1.7}
.audience-grid>a{background:linear-gradient(160deg,white,#f7f9f6)}
.audience-grid>a:nth-child(2){background:linear-gradient(160deg,white,#e7edf366)}
.audience-grid>a:nth-child(5){background:linear-gradient(160deg,white,#f0eef8)}
@media(max-width:1050px) and (min-width:761px){.hero h1{font-size:49px}
.hero-copy{padding-left:8%;padding-top:55px}
.hero-desc{font-size:15px}
.world .label-one{left:5%;font-size:12px}
.world .label-two{right:5%}
.world-caption{font-size:16px;letter-spacing:1px}
.foundation-heading h2{font-size:30px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}
.hero-copy{padding:40px 7% 30px}
.hero h1{font-size:clamp(36px,10.8vw,48px)}
.hero-desc{font-size:16px}
.hero .hero-foot{margin-top:30px}
.world{min-height:420px;border-radius:35px 35px 0 0;margin:0 5%}
.world .scene-ai{top:7%;padding-bottom:14px}
.scene-ai>span{font-size:23px}
.scene-ai small{font-size:10px;letter-spacing:1px}
.world .sun{width:65px;height:65px;top:30%;left:65%}
.world .city{top:39%;height:150px}
.world .label-one{top:32%;left:6%;font-size:11px;padding:11px}
.world .label-two{bottom:25%;right:5%;font-size:12px;padding:10px}
.label-detail{font-size:10px}
.world-caption{left:8%;bottom:46px;font-size:14px;letter-spacing:1px;right:8%}
.world-caption small{font-size:8px;letter-spacing:1.8px}
.scene-note{font-size:9px;right:8%;bottom:15px}
.ai-foundation{margin:25px 5% 0;padding:30px 7%;grid-template-columns:1fr;gap:30px}
.foundation-heading h2{font-size:28px}
.foundation-heading .eyebrow{font-size:11px}
.foundation-heading>p:not(.eyebrow){font-size:14px}
.foundation-steps h3{font-size:18px}
.foundation-note{margin:0}
.intro{padding-top:55px}
.life .demo{box-shadow:7px 10px 0 #f0d8b83b}
.business-art{box-shadow:none;padding:23px}
.business-art h3{font-size:27px}
.business-scenario{padding:18px}
.business-scenario>p{font-size:17px}
.demo-journey{gap:6px}
.demo-journey span{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.scene-connection i{animation:none;left:50%;opacity:.7}}

/* User guide and native, keyboard-accessible FAQ */
.audiences .section-note a{color:#173f3b;text-decoration:underline;text-underline-offset:4px}
.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:8%;margin:0 8%;padding:55px 0 65px;border-top:1px solid #dce3df}
.faq-heading h2{font-size:34px}
.faq-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#53655e}
.faq-list{border-top:1px solid #dce3df}
.faq details{border-bottom:1px solid #dce3df}
.faq summary{position:relative;cursor:pointer;padding:22px 35px 22px 0;list-style:none;font-size:16px;line-height:1.8;font-weight:500;color:#173f3b;min-height:60px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";position:absolute;right:0;top:22px;color:#447e70}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{padding-bottom:10px}
.faq details>div{padding:0 20px 23px 0}
.faq details p{font-size:14px;line-height:2;color:#53655e;margin:0 0 10px}
.faq details a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#24636a;text-decoration:underline;text-underline-offset:4px;margin-right:20px}
.faq summary:focus-visible{outline:3px solid #304d70;outline-offset:4px}
.faq details[open]{background:#f8faf7}
.faq details[open]>summary,.faq details[open]>div{padding-left:16px}
.faq details[open]>summary::after{right:12px}
@media(max-width:760px){.faq{grid-template-columns:1fr;gap:24px;margin:0 7%;padding:40px 0}
.faq-heading h2{font-size:28px}
.faq summary{font-size:15px;padding-top:18px;padding-bottom:18px}
.faq summary::after{top:18px}
.faq details>div{padding-right:12px}
.faq details p{font-size:14px}
.audience-grid h3{font-size:21px}}

/* Final layout rules: grid containment, readable small text and compact mobile rhythm */
header{gap:20px}
nav{gap:clamp(14px,1.7vw,28px)}
nav a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
main>section>*,.split>*,.community-grid>*,.agents>*,.ai-foundation>*,.faq>*{min-width:0}
img{max-width:100%}
.hero-copy{padding-right:24px}
.hero h1{overflow-wrap:normal}
.english{overflow-wrap:normal}
.section-copy>p{max-width:40em}
.plain-list{line-height:2.1}
.plain-list li{margin:9px 0}
.plain-list span{color:#657b6b}
.intro>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto}
.catalog-note{padding:14px 17px;border-left:3px solid #447e70;background:#edf3ee;margin:14px 0 0;color:#405b4d}
.product-card{display:flex;flex-direction:column}
.product-card button{align-self:flex-start;margin-top:auto;text-align:left}
.product-card p{margin-bottom:12px}
.product-card .fallback{font-family:var(--font-sans)}
.product-card h3{overflow-wrap:anywhere}
.assistant-reply>div{min-width:0}
.assistant-reply>img,.product-heading>img,.community-grid article>img,.board-top>img{flex-shrink:0}
.task-note strong{line-height:1.9}
.prompts{flex-wrap:wrap}
.demo-input{line-height:1.8;gap:14px;background:transparent;border-style:dashed}
.demo-input>span{background:none!important;color:#59695e!important}
.foundation-steps li>div{min-width:0}
.scene-ai small{font-size:12px;line-height:1.8}
.world-caption small{font-size:11px;line-height:1.8}
.scene-note{font-size:11px;line-height:1.7}
.scene-ai{z-index:3}
.scene-connection{z-index:1}
.world .label-one,.world .label-two{max-width:85%}
.floating-label .label-detail{line-height:1.8}
.label-one .signal-dot{flex-shrink:0}
.board-grid small{display:block;line-height:1.8}
.business-scenario>small,.scenario-label{font-size:12px}
.filter-count{line-height:1.8}
.agent-links button{gap:16px;line-height:1.9;min-height:48px}
.agent-links button span{flex-shrink:0}
.partners>div>p:not(.eyebrow){font-size:14px}
.availability{gap:7%;padding-top:50px;padding-bottom:50px}
footer{gap:20px}
footer>div{min-width:0}
footer p{line-height:1.8}
.dialog-close{top:8px;right:8px}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}
dialog h2{padding-right:25px}
#entry-options[hidden]{display:none}
#entry-options button{gap:12px;line-height:1.8}
.dialog-note{margin-bottom:0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px}
@media(min-width:761px) and (max-width:1050px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.audience-grid>a,.audience-grid>a:nth-child(n+4){grid-column:auto}
.audience-grid>a:last-child{grid-column:1/-1}
.split{gap:5%}
.community-grid{gap:18px}
.community-grid article{padding:22px 18px;gap:14px}
.market-list li{grid-template-columns:1fr;gap:4px}
.hero h1{font-size:clamp(34px,4.5vw,48px)}
.hero .actions{flex-wrap:wrap}
.hero-copy{padding-right:18px}
.world-caption{font-size:15px}
.scene-ai>span{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:20px}
header{gap:10px}
.hero-copy{padding:32px 7% 26px}
.hero .hero-foot{margin-top:24px;line-height:1.8}
.world{min-height:390px}
.world .scene-ai{top:6%;padding-bottom:12px}
.world .label-one{top:34%;font-size:12px}
.world .label-two{bottom:25%;font-size:13px}
.label-detail{font-size:12px}
.scene-ai small{font-size:11px;letter-spacing:0}
.scene-note{font-size:10px;right:7%;bottom:12px}
.world-caption{bottom:44px}
.world-caption small{font-size:10px;margin-top:6px;letter-spacing:1px}
.ai-foundation{padding:28px 7%;gap:22px}
.foundation-heading .eyebrow{margin-bottom:18px}
.foundation-steps{gap:16px}
.foundation-note{font-size:12px}
.intro{padding-top:44px}
.intro-index{margin-top:24px}
.audiences{padding-top:42px}
.audience-grid{margin-top:22px}
.audience-grid>a{padding:20px}
.audience-grid span{margin-top:12px}
.split{margin:48px 7%;gap:28px}
.business{padding-top:38px}
.product-heading{margin-bottom:22px}
.section-copy h2{margin-bottom:18px}
.community{padding-top:38px;padding-bottom:38px}
.community-grid article{gap:14px}
.products{padding-top:40px;padding-bottom:40px}
.filters{flex-wrap:wrap;gap:0 18px;justify-content:flex-start}
.filters button{font-size:13px}
.product-card{margin-top:16px}
.agents{padding-top:10px;padding-bottom:42px}
.agent-visual{height:230px}
.agent-visual img{height:130px}
.partners{padding-top:36px;padding-bottom:36px}
.availability{padding:36px 7%;gap:20px}
.availability h2{font-size:27px}
footer{padding:28px 7%;align-items:center}
footer .brand{min-width:0}
.brand span{letter-spacing:.05em}
footer>a:last-child{white-space:nowrap}
.faq{padding-top:36px;padding-bottom:40px}
.faq-heading .eyebrow{margin-bottom:18px}
dialog{padding:32px 20px 24px}
#entry-options button{padding:14px}}
@media(max-width:380px){.community-grid article{display:block}
.community-grid article>img{margin-bottom:14px}
.world .scene-ai{left:7%;right:7%}
.scene-ai>span{font-size:21px}
.scene-ai small{font-size:10px}
.world .label-one{left:5%}
.world .label-two{right:5%}
.world-caption{left:7%;right:7%}
.world-caption>span{max-width:100%;font-size:13px}
.board-grid>div{padding:16px 10px}
.board-grid strong{font-size:13px}
.board-grid small{font-size:12px}
.demo-journey{gap:4px;font-size:11px}
.demo-journey span{padding:6px}
.hero .primary{gap:24px}
.hero h1{font-size:34px}
.hero-desc{font-size:15px}}
@media(prefers-reduced-motion:reduce){.scene-connection i{animation:none}
.audience-grid>a{transition:none}}