:root{color-scheme:light;--linen:#f5f1ea;--paper:#fffdf9;--ink:#292722;--muted:#70685e;--clay:#94533e;--line:#dfd4c5;--display:'Arial Black','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--linen);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:20px;top:-100px;padding:10px 20px;background:var(--paper);z-index:20}.skip-link:focus{top:12px}.site-header{max-width:1320px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:800;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:9px}.brand-mark{font-size:29px;color:var(--clay);line-height:1}.site-header nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#62594f}.site-header nav>a{display:flex;align-items:center;min-height:44px}.site-header nav>a:hover,.text-link:hover,.site-footer a:hover{color:var(--clay)}.site-header .nav-demo{padding:5px 15px;border:1px solid #cbb8a4;border-radius:7px;gap:18px;color:var(--clay)}main{max-width:1320px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:45px;padding:55px 0 66px;min-height:700px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--clay);line-height:1.6}.status-dot,.figure-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a67756;margin-right:7px;vertical-align:middle}.hero h1{font-family:var(--display);font-size:clamp(38px,4.75vw,70px);font-weight:900;letter-spacing:-3px;line-height:1.04;margin:27px 0}.hero h1>span{color:var(--clay)}.hero-intro{font-size:24px;line-height:1.45;letter-spacing:-.6px;margin:26px 0 18px}.hero-description{font-size:16px;color:var(--muted);max-width:415px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:13px 20px;border-radius:7px;background:var(--clay);color:#fffdf9;font-size:14px;font-weight:600;box-shadow:0 5px 16px #94533e17}.button:hover{background:#7c422f}.text-link{display:inline-flex;align-items:center;min-height:48px;font-size:13px;gap:12px;color:var(--clay);background:none;border:0;padding:0}.demo-disclosure{font-size:11px;color:var(--muted);margin-top:20px}.hero-visual{position:relative;margin:0;display:flex;align-items:center;flex-direction:column;padding:4px 24px 0}.hero-visual img{position:relative;z-index:1;height:530px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 15px 20px #5f422a14);border-radius:15px}.hero-orbit{position:absolute;width:350px;height:350px;max-width:90%;background:#e5d3c0;border-radius:50%;top:90px;left:calc(50% - 175px);box-shadow:inset 0 0 70px #fcf3e44d}.hero-corner{position:absolute;z-index:0;width:52px;height:45px;border-top:3px solid #b57b5c;border-left:3px solid #b57b5c;top:28px;left:10px}.hero-visual figcaption{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b5b4a;position:relative;z-index:1;margin-top:18px;white-space:nowrap}.hero-visual figcaption>span:last-child{border-left:1px solid #cbb8a4;padding-left:10px;margin-left:10px;font-size:10px;color:#827160}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:28px}.project-facts span{font-size:9px;letter-spacing:1.7px;color:var(--clay);font-weight:700}.project-facts p{font-size:13px;color:#62594f;margin:7px 0 0}.section{padding:80px 0}.section-index{display:flex;align-items:center;gap:30px;color:var(--clay);font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:35px}.section-rule{height:1px;flex:1;background:var(--line)}h2{font-family:var(--display);font-size:clamp(30px,3.1vw,45px);font-weight:800;letter-spacing:-1.8px;line-height:1.13;margin:0 0 24px}h3{font-size:18px;line-height:1.35;letter-spacing:-.4px;margin:0 0 12px;font-weight:700}.idea-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.prose p{font-size:15px;color:var(--muted);margin:0 0 20px;line-height:1.85}.prose .lead,.lead{font-size:20px;color:#51473c;line-height:1.65;letter-spacing:-.3px;margin-top:0}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.principles article{padding:27px 25px;border:1px solid var(--line);border-radius:11px;background:#faf7f1;box-shadow:0 6px 18px #55432c04}.principle-no{display:block;color:#a17e62;font-size:12px;margin-bottom:25px}.principles h3{font-size:18px}.principles p{font-size:14px;color:var(--muted);margin:0}.design-section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-heading h2{margin-bottom:15px}.section-heading p{color:var(--muted);font-size:15px;max-width:520px}.concept-label{font-size:9px;letter-spacing:1.5px;color:#7b614b;border:1px solid #d5c4b2;padding:6px 10px;border-radius:4px;white-space:nowrap}.gallery-hint{font-size:12px;color:#776956;margin:20px 0 25px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.screen-grid figure{margin:0;min-width:0}.screen-button{display:block;width:100%;aspect-ratio:3/5;background:#eee7db;border:1px solid #dfd4c5;border-radius:12px;padding:18px;overflow:hidden;transition:background .2s,transform .2s}.screen-button:hover{background:#e7dac8;transform:translateY(-4px)}.screen-button img{width:100%;height:100%;object-fit:contain;display:block;border-radius:5px}.screen-grid figcaption{display:flex;gap:13px;margin-top:20px;align-items:flex-start}.screen-grid figcaption>span{color:var(--clay);font-size:11px;border-top:1px solid #ba9478;padding-top:6px}.screen-grid h3{font-size:16px;margin-bottom:7px}.screen-grid figcaption p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.gallery-divider{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:1.5px;color:#8c735c;font-weight:650;margin:48px 0 25px}.gallery-divider>span+span{height:1px;background:var(--line);flex:1}.screen-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.screen-grid-four .screen-button{padding:12px}.system-note{margin-top:35px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#675847;font-size:14px}.system-note summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}.system-note>div{max-width:680px;padding:5px 15px}.system-note p{margin-bottom:5px;font-size:14px}.decisions-section{border-top:1px solid var(--line)}.decision-list{margin-top:25px}.decision-list article{display:grid;grid-template-columns:35px minmax(0,1fr) 180px;gap:24px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.decision-list article>span:first-child{color:var(--clay);font-size:12px;padding-top:3px}.decision-list h3{font-size:20px}.decision-list p{font-size:15px;color:var(--muted);max-width:650px;margin:0}.decision-tag{font-size:9px;letter-spacing:1.2px;color:#8b735c;text-align:right;padding-top:5px}.progress-section{padding-top:0}.progress-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 25px}.progress-columns article{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.progress-columns article:first-child{border-top:3px solid #b57b5c}.progress-columns h3{font-size:22px}.progress-columns .eyebrow{font-size:9px}.progress-columns ul{font-size:15px;line-height:1.9;padding-left:19px;color:#61574b}.progress-columns li{padding-left:4px;margin-bottom:7px}.progress-footnote{border-top:1px solid var(--line);padding-top:17px;font-size:13px;color:var(--muted)}.process-note{font-size:12px;color:var(--muted);max-width:820px;line-height:1.8}.try-section{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px;background:#eaddcd;border:1px solid #d7c1aa;border-radius:13px;box-shadow:-5px 6px 0 #b78063;margin:0 0 70px}.try-section h2{font-size:34px;margin-bottom:12px}.try-section p:not(.eyebrow){font-size:14px;color:#645443;max-width:470px;margin-bottom:0}.try-section .button{flex:none}.site-footer{max-width:1320px;margin:auto;padding:26px 48px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .wordmark{font-size:17px}.site-footer p,.site-footer>a:last-child{font-size:11px;color:var(--muted)}.site-footer>a:last-child{min-height:44px;display:flex;align-items:center}.mockup-viewer{padding:0;border:1px solid #d7c6b3;border-radius:14px;background:var(--linen);width:min(700px,calc(100% - 28px));max-height:92vh;color:var(--ink);overflow:auto;box-shadow:0 20px 60px #30291d40}.mockup-viewer::backdrop{background:#29231dd9}.viewer-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;background:var(--linen);border-bottom:1px solid var(--line);z-index:1}.viewer-toolbar h2{font-family:'Segoe UI',sans-serif;font-size:17px;font-weight:650;letter-spacing:-.3px;line-height:1.4;margin:0}.viewer-toolbar button{min-height:44px;min-width:80px;padding:8px 13px;background:var(--paper);border:1px solid #cbb8a4;border-radius:6px;color:var(--ink);flex:none}.viewer-note{font-size:12px;color:var(--muted);margin:12px 20px}.mockup-viewer>img{display:block;max-width:100%;width:auto;max-height:none;margin:0 auto}body:has(.mockup-viewer[open]){overflow:hidden}
@media(max-width:1050px){.site-header{padding-left:30px;padding-right:30px}.site-header nav{gap:18px}main{padding:0 30px}.hero{gap:20px;min-height:650px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-visual{padding:0 10px}.hero-visual img{height:470px}.hero-orbit{width:260px;height:260px;left:calc(50% - 130px)}.hero-visual figcaption{font-size:10px}.hero-visual figcaption>span:last-child{display:none}.idea-layout{gap:40px}.screen-grid{gap:18px}.screen-button{padding:12px}.screen-grid-four{gap:15px}.screen-grid-four .screen-button{padding:8px}.decision-list article{grid-template-columns:25px minmax(0,1fr)}.decision-tag{display:none}.try-section{padding:30px;gap:20px}.try-section h2{font-size:30px}.site-footer{padding-left:30px;padding-right:30px}.site-footer p{max-width:250px}}
@media(max-width:760px){.site-header{padding:18px 22px;flex-wrap:wrap;gap:12px}.wordmark{font-size:21px}.site-header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.site-header .nav-demo{padding:5px 10px;gap:8px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:40px 0 36px}.hero h1{font-size:clamp(30px,7.6vw,49px);letter-spacing:-1.4px;margin:24px 0}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-intro{font-size:22px}.hero-description{max-width:500px;font-size:16px}.hero-actions{gap:18px}.hero-visual{justify-self:center;width:min(100%,420px);padding:0 20px}.hero-visual img{height:460px}.hero-corner{left:25px;top:30px}.hero-orbit{width:290px;height:290px;left:calc(50% - 145px);top:70px}.hero-visual figcaption{font-size:12px}.project-facts{grid-template-columns:1fr;gap:18px;padding:24px 0}.project-facts>div{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:baseline}.project-facts p{margin:0;font-size:13px}.section{padding:52px 0}.section-index{font-size:9px;letter-spacing:1.4px;margin-bottom:26px;gap:18px}.idea-layout{grid-template-columns:1fr;gap:5px}h2{font-size:33px;letter-spacing:-1.3px}.prose .lead,.lead{font-size:19px}.principles{grid-template-columns:1fr;gap:14px;margin-top:20px}.principles article{padding:23px}.principle-no{margin-bottom:15px}.section-heading{display:block}.concept-label{display:inline-block;margin-top:10px}.gallery-hint{font-size:13px;line-height:1.7}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.screen-grid figure:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 8px)}.screen-grid figcaption{gap:9px;margin-top:15px}.screen-grid h3{font-size:15px}.screen-grid figcaption p{font-size:13px}.screen-grid-four figure:last-child:nth-child(odd){grid-column:auto}.screen-grid-four .screen-button{padding:10px}.screen-grid .screen-button{padding:10px}.gallery-divider{font-size:8px;letter-spacing:1.1px;margin-top:35px;gap:15px}.decision-list article{padding:25px 0;gap:15px}.decision-list h3{font-size:19px}.decision-list p{font-size:15px}.progress-section{padding-top:10px}.progress-columns{grid-template-columns:1fr;gap:17px;margin-top:25px}.progress-columns article{padding:25px}.process-note{font-size:13px}.try-section{display:block;padding:26px;margin-bottom:45px}.try-section .button{margin-top:24px}.try-section h2{font-size:29px}.site-footer{padding:25px 22px;flex-direction:column;align-items:flex-start;gap:7px}.site-footer p,.site-footer>a:last-child{font-size:13px;max-width:none}.viewer-toolbar{padding:12px 14px}.viewer-toolbar h2{font-size:15px}.viewer-note{font-size:12px}}
@media(max-width:380px){main{padding:0 17px}.site-header{padding-left:17px;padding-right:17px}.site-header nav{gap:5px;font-size:11px}.hero h1{font-size:29px}.hero-actions{gap:10px}.button{font-size:13px;padding:12px 16px;gap:15px}.hero-visual img{height:410px}.screen-grid{gap:22px 12px}.screen-button{border-radius:8px}.screen-grid .screen-button{padding:6px}.screen-grid h3{font-size:14px}.screen-grid figcaption{gap:7px}.screen-grid figcaption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-button{transition:none}.screen-button:hover{transform:none}}