@font-face{font-family:Display;src:url('/assets/fonts/playfair-display.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Display;src:url('/assets/fonts/playfair-display-italic.ttf') format('truetype');font-weight:400 900;font-style:italic;font-display:swap}
:root{--ink:#14263a;--muted:#65707a;--line:#d7dce0;--gold:#e8cf63;--paper:#f5f6f3;--serif:Display,Georgia,serif;--sans:'Avenir Next','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,blockquote{margin:0}h1,h2,h3{font-weight:500}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid #9a771c;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--gold);z-index:100}.skip-link:focus{top:8px}
.site-header{position:sticky;top:0;z-index:30;height:88px;background:#fffffff2;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:1.4px;line-height:1.5;white-space:nowrap}.brand-sub{display:block;font-size:8px;letter-spacing:1.3px;font-weight:500;color:var(--muted)}.brand-mark{width:36px;height:40px;object-fit:contain;flex:none}.desktop-nav{display:flex;gap:32px;align-items:center;font-size:12px}.desktop-nav a{padding:12px 0}.desktop-nav span{margin-left:9px}.desktop-nav a:hover,.quiet-link:hover,.footer-links a:hover{color:#997813}.header-cta{font-size:12px;padding:12px 0;border-bottom:1px solid var(--ink);display:flex;gap:24px;align-items:center}.header-cta span{font-size:17px}.eyebrow{font-size:10px;line-height:1.7;font-weight:600;letter-spacing:1.3px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:9px;vertical-align:1px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:74px;padding-bottom:65px;min-height:724px}.intro-copy{padding-top:16px;position:relative;z-index:2}.intro h1{font-family:var(--serif);font-size:clamp(66px,6.7vw,106px);letter-spacing:-4px;line-height:1.04;font-weight:500;margin:30px 0 29px}.intro h1 em{font-weight:400;color:#6f7a85}.intro-cn{font-size:25px;letter-spacing:-.4px;margin-bottom:18px}.intro-description{font-size:13px;line-height:2.1;color:var(--muted);max-width:440px}.intro-actions{display:flex;gap:28px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;font-size:12px;font-weight:500;padding:17px 20px;min-height:50px;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#30445a;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.quiet-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding:8px 0;font-size:12px;background:transparent;transition:color .2s}.quiet-link span{font-size:18px}.intro-footnote{color:#6e7881;font-size:10px;line-height:1.8;margin-top:25px}.intro-stage{position:relative;isolation:isolate;min-height:560px}.stage-grid{position:absolute;top:35px;right:-20px;bottom:45px;left:40px;background:linear-gradient(130deg,#e3e9ed66,transparent 65%),repeating-linear-gradient(90deg,transparent,transparent calc(16.666% - 1px),#cdd4da80 calc(16.666% - 1px),#cdd4da80 16.666%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:-2}.stage-label{position:absolute;right:0;top:0;letter-spacing:1.8px;font-size:8px}.sample{position:absolute;box-shadow:0 18px 40px -18px #14263a80;transition:transform .4s;background:#fff}.sample img{width:100%;aspect-ratio:210/297;object-fit:cover}.sample-front{width:51%;left:0;top:94px;transform:rotate(-6deg);z-index:2}.sample-back{width:48%;right:0;top:47px;transform:rotate(7deg);z-index:1}.sample-front:hover{transform:rotate(-2deg) translateY(-8px)}.sample-back:hover{transform:rotate(3deg) translateY(-8px)}.stage-coordinate{position:absolute;bottom:4px;right:0;font-size:8px;letter-spacing:1.4px}.stage-index{position:absolute;bottom:30px;right:18px;font-family:var(--serif);font-size:82px;line-height:1;color:#8796a5;font-style:italic;z-index:-1}.edition-strip{background:var(--ink);color:#dfe5e9;padding:19px 0;font-size:9px;letter-spacing:1px}.edition-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.edition-strip span:first-child{color:var(--gold)}.edition-strip a{font-size:10px;letter-spacing:.2px}
.section{padding-top:78px;padding-bottom:78px}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:40px}.section-top>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2{font-size:38px;line-height:1.5;letter-spacing:-1.3px}.section-heading h2 em{font-style:normal;color:#81909b}.section-heading>p{font-size:12px;line-height:2;color:var(--muted);max-width:390px;padding-bottom:8px}.method-list{border-top:1px solid var(--ink)}.method-list article{display:grid;grid-template-columns:90px minmax(0,1fr) 180px;align-items:start;gap:25px;border-bottom:1px solid var(--line);padding:29px 0}.method-number{font-family:var(--serif);font-size:36px;line-height:1.2;color:#9aa7af;font-style:italic}.method-list h3{font-size:19px;margin-bottom:12px}.method-list p{max-width:600px;color:var(--muted);font-size:12px;line-height:2}.method-tag{font-size:9px;letter-spacing:1.1px;padding-top:7px;text-align:right}.system-section{background:var(--ink);color:#f5f7f8;position:relative;overflow:hidden}.system-section .section-top>span{color:#abb7c1}.system-section .eyebrow{color:var(--gold)}.system-lead{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.system-lead h2{font-family:var(--serif);font-size:clamp(48px,5.4vw,78px);line-height:1.07;letter-spacing:-2px;font-weight:400}.system-lead h2 em{color:#d5dfdf;font-weight:400}.system-lead>p{font-size:12px;line-height:2.1;color:#b5c1cb;padding-bottom:5px}.system-diagram{border:1px solid #6f7f8b80}.system-base{padding:26px 30px;display:flex;align-items:center;gap:34px;border-bottom:1px solid #6f7f8b80}.system-base>span{font-size:8px;letter-spacing:1.2px;color:#aebbc6}.system-base>strong{font-family:var(--serif);font-size:30px;font-weight:400;white-space:nowrap}.system-base p{margin-left:auto;color:#b9c5cd;font-size:11px;line-height:1.9}.system-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.system-layers>div{padding:29px 30px 32px;position:relative}.system-layers>div+div{border-left:1px solid #6f7f8b80}.system-layers small{font-size:8px;letter-spacing:1.3px;color:#9eafbd}.system-layers h3{font-family:var(--serif);font-size:40px;font-weight:400;margin:15px 0 12px}.system-layers p{font-size:11px;line-height:1.9;color:#b5c1cb}.system-layers>div:after{content:'+';position:absolute;right:24px;top:41%;font-size:25px;color:var(--gold);font-weight:300}.system-layers>div:last-child:after{content:''}.system-note{font-size:10px;line-height:1.9;color:#abb7c1;margin-top:21px}
.theme-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:6%;padding-top:4px;padding-bottom:46px}.theme-visual{position:relative;background:#ecf0eb;overflow:hidden}.theme-visual img{width:100%;transition:transform .7s}.theme-visual:hover img{transform:scale(1.02)}.theme-visual>span{position:absolute;bottom:0;right:0;background:var(--gold);padding:14px 17px;font-size:8px;letter-spacing:1px}.theme-description .eyebrow{color:#7a858d;font-size:9px}.theme-description h3{font-size:30px;line-height:1.5;margin:20px 0}.theme-description>p:not(.eyebrow),.theme-secondary p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:2}.tags{display:flex;gap:13px;font-size:9px;color:#69747e;margin:22px 0 12px;flex-wrap:wrap}.tags span{border-top:1px solid var(--line);padding-top:9px}.theme-secondary{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:43px;align-items:center}.geometry-study{position:relative;min-height:280px;isolation:isolate;background:radial-gradient(ellipse at 35% 65%,#d9e3f2,transparent 65%),radial-gradient(ellipse at 66% 40%,#f4eac3,transparent 60%);overflow:hidden}.geometry-a{position:absolute;width:46%;aspect-ratio:1;left:16%;top:14%;border:1px solid #6d839b88;border-radius:50%}.geometry-b{position:absolute;width:43%;aspect-ratio:1;left:39%;top:28%;border:1px solid #6d839b88;transform:rotate(23deg)}.geometry-line{position:absolute;width:75%;height:1px;left:12%;top:55%;background:#7b8c9f77;transform:rotate(-15deg)}.geometry-caption{position:absolute;left:22px;bottom:18px;font-size:8px;letter-spacing:1.5px;color:#6b7c8e}.theme-secondary h3{font-size:27px;line-height:1.5;margin:16px 0}.theme-secondary small{font-size:8px;color:#7b858d;display:block;margin-top:14px;line-height:1.7}.theme-secondary .quiet-link{margin-top:13px}
.layout-section{background:#f3f5f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.layout-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}.layout-shelf>a{display:block;min-width:0}.layout-shelf>a:nth-child(2){padding-top:40px}.layout-shelf>a:nth-child(3){padding-top:80px}.layout-shelf img{width:100%;box-shadow:0 8px 22px -13px #14263a6e;transition:transform .3s}.layout-shelf a:hover img{transform:translateY(-8px)}.layout-shelf a>span{display:block;border-top:1px solid #a6b1b8;margin-top:23px;padding-top:13px}.layout-shelf small{font-size:8px;color:#6f7e88;letter-spacing:1.1px;display:block;margin-bottom:11px}.layout-shelf strong{font-size:12px;font-weight:500;line-height:1.8}.layout-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:43px;border-top:1px solid var(--line);padding-top:27px}.layout-footer p{font-size:11px;color:var(--muted);line-height:1.9}.small-note{font-size:9px;line-height:1.9;color:#697782;margin-top:22px;max-width:750px}
.setup-steps{list-style:none;padding:0;margin:0 0 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.setup-steps li{border-top:1px solid var(--ink);padding-top:20px;display:flex;gap:24px}.setup-steps li>span{font-family:var(--serif);font-size:27px;color:#8d9aa4;font-style:italic}.setup-steps h3{font-size:16px;margin:4px 0 14px}.setup-steps p{font-size:11px;line-height:1.9;color:var(--muted)}.code-panel{background:var(--ink);color:#f3f6f6;padding:20px 25px 25px}.code-panel>div{display:flex;align-items:center;justify-content:space-between;color:#a9b9c6;font-size:8px;letter-spacing:1.5px}.code-panel button{background:transparent;color:var(--gold);font-size:10px;padding:7px 0}.code-panel button>span{margin-left:20px;font-size:16px}.code-panel pre{margin:25px 0 0;overflow-x:auto;font-size:clamp(12px,1.2vw,17px);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.code-panel code{font-family:'SFMono-Regular',Consolas,monospace}.prompt-example{display:grid;grid-template-columns:.8fr 1.4fr;gap:7%;padding-top:34px;margin-top:8px}.prompt-example h3{font-size:24px;line-height:1.6;margin-top:17px;margin-bottom:14px}.prompt-example blockquote{font-size:16px;line-height:2.2;border-left:2px solid var(--gold);padding:6px 0 6px 27px;color:#46596b}.prompt-example .eyebrow{font-size:8px;color:#79858e}.copy-status{min-height:22px;font-size:11px;color:#5e6f3d;margin-top:10px}.download-row{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:29px;border-top:1px solid var(--line)}.download-row .quiet-link{font-size:11px;gap:14px}.faq{display:grid;grid-template-columns:.7fr 1.4fr;gap:7%;padding-top:15px;padding-bottom:85px}.faq h2{font-size:27px;margin-top:20px}.faq .eyebrow{font-size:8px;color:#75818b}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{display:flex;justify-content:space-between;gap:25px;list-style:none;font-size:13px;line-height:1.7;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#8796a3;font-size:20px;font-weight:300;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);line-height:2;max-width:620px;padding-top:18px;padding-right:25px}.site-footer{background:var(--ink);color:#f6f7f7;padding:60px 0 30px}.site-footer>.wrap{display:grid;grid-template-columns:1fr auto;gap:30px}.footer-title{font-family:var(--serif);font-size:42px;line-height:1.2;letter-spacing:-1px}.footer-title em{font-weight:400;color:#c4cfce}.footer-title+p{font-size:9px;letter-spacing:1px;color:#a4b4c1;margin-top:24px}.footer-links{display:flex;gap:18px;flex-direction:column;justify-content:flex-end;align-items:flex-end;font-size:11px}.footer-note{grid-column:1/-1;font-size:8px;line-height:1.9;color:#a4b4c1;border-top:1px solid #516373;padding-top:24px;margin-top:10px}
@media(min-width:1500px){.intro-stage{min-height:630px}.intro{min-height:800px}.sample-front{top:100px}.sample-back{top:48px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding:0 36px;height:78px}.desktop-nav{gap:20px;font-size:11px}.intro{min-height:670px;padding-top:55px;gap:20px}.intro h1{font-size:clamp(49px,6.4vw,71px);letter-spacing:-2.7px}.intro-cn{font-size:21px}.intro-description{font-size:12px}.intro-stage{min-height:510px}.sample-front{width:56%;top:126px}.sample-back{width:54%;top:55px}.stage-grid{left:18px;right:0}.stage-index{font-size:65px;bottom:38px}.intro-actions{gap:22px}.intro .button{gap:23px;padding:16px}.intro .quiet-link{gap:14px}.method-list article{grid-template-columns:65px minmax(0,1fr) 135px}.theme-feature{grid-template-columns:1.1fr .9fr;gap:5%}.theme-description h3{font-size:25px}.section-heading h2{font-size:32px}.system-base{gap:20px}.system-base p{font-size:9px;max-width:310px}.setup-steps{gap:25px}.setup-steps li{gap:17px}.layout-shelf{gap:5%}.layout-shelf strong{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px;gap:12px}.wordmark{font-size:11px;gap:9px;letter-spacing:1px}.brand-sub{font-size:7px;letter-spacing:.8px}.brand-mark{width:32px;height:36px}.desktop-nav{display:none}.header-cta{font-size:11px;gap:16px;padding:9px 0}.intro{display:block;padding-top:31px;padding-bottom:33px;min-height:auto}.intro-copy{padding-top:0}.intro .eyebrow{font-size:8px}.intro h1{font-size:clamp(56px,11.2vw,80px);line-height:1.08;margin:26px 0 25px;letter-spacing:-2.5px}.intro-cn{font-size:22px}.intro-description{font-size:12px;line-height:2;max-width:340px}.wide-break{display:none}.intro-actions{gap:24px}.intro .button{font-size:11px;padding:15px 17px;gap:28px}.intro-footnote{font-size:8px;max-width:320px}.intro-stage{min-height:clamp(420px,113vw,660px);margin-top:36px;max-width:530px;margin-inline:auto}.sample-front{width:51%;left:5%;top:87px}.sample-back{width:48%;right:4%;top:29px}.stage-grid{top:24px;left:5%;right:4%;bottom:32px}.stage-label{font-size:7px;right:4%}.stage-coordinate{font-size:7px;right:5%}.stage-index{font-size:70px;right:5%;bottom:23px}.edition-strip{padding:15px 0}.edition-strip>.wrap{font-size:7px;letter-spacing:.5px}.edition-strip span:nth-child(2){display:none}.edition-strip a{font-size:8px}.section{padding-top:43px;padding-bottom:43px}.section-top{gap:12px;margin-bottom:25px}.section-top .eyebrow{font-size:8px;letter-spacing:.8px}.section-top>span{font-size:6px;letter-spacing:.7px;text-align:right}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:29px;line-height:1.6;letter-spacing:-.8px}.section-heading>p{font-size:11px;line-height:1.9;margin-top:19px;padding:0}.method-list article{grid-template-columns:38px minmax(0,1fr);gap:16px;padding:23px 0}.method-number{font-size:27px}.method-tag{grid-column:2;grid-row:2;text-align:left;font-size:7px;padding-top:0;color:#74828d;letter-spacing:1px}.method-list h3{font-size:17px;margin-bottom:10px}.method-list p{font-size:11px;line-height:1.95}.system-lead{display:block;margin-bottom:29px}.system-lead h2{font-size:52px;letter-spacing:-1.8px}.system-lead>p{font-size:10px;line-height:2;margin-top:25px;padding:0}.system-base{display:block;padding:21px 18px}.system-base>span{font-size:7px;display:block;margin-bottom:8px}.system-base>strong{font-size:29px}.system-base p{font-size:9px;line-height:2;margin-top:13px;max-width:none}.system-layers>div{padding:19px 12px 22px}.system-layers small{font-size:6px;letter-spacing:.3px;display:block}.system-layers h3{font-size:27px;margin:16px 0 10px}.system-layers p{font-size:8px;line-height:1.9}.system-layers>div:after{display:none}.system-note{font-size:8px;line-height:1.9;margin-top:16px}.theme-feature{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-bottom:32px}.theme-visual>span{font-size:7px;padding:11px 13px}.theme-description h3{font-size:27px;margin:16px 0}.theme-description .eyebrow{font-size:8px}.theme-description>p:not(.eyebrow),.theme-secondary p:not(.eyebrow){font-size:11px;line-height:2}.theme-description .tags{font-size:8px;gap:16px;margin:20px 0 12px}.theme-secondary{grid-template-columns:1fr;gap:25px;padding-top:30px}.geometry-study{min-height:260px}.geometry-caption{font-size:7px}.theme-secondary h3{font-size:26px;margin:14px 0}.theme-secondary .eyebrow{font-size:8px}.theme-secondary small{font-size:8px}.layout-shelf{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-shelf>a:nth-child(2){padding-top:27px}.layout-shelf>a:nth-child(3){padding-top:0;margin-top:14px;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.layout-shelf>a:nth-child(3)>span{margin:0}.layout-shelf small{font-size:7px;letter-spacing:.6px;line-height:1.6}.layout-shelf strong{font-size:10px;line-height:1.8}.layout-shelf a>span{margin-top:18px;padding-top:11px}.layout-footer{display:block;margin-top:30px;padding-top:20px}.layout-footer p{font-size:9px;margin-bottom:21px}.layout-footer .button{font-size:11px;width:100%}.small-note{font-size:8px;line-height:1.9;margin-top:17px}.setup-steps{display:block;margin-bottom:26px}.setup-steps li{padding:21px 0;gap:20px}.setup-steps li>span{font-size:25px}.setup-steps h3{font-size:15px;margin:3px 0 10px}.setup-steps p{font-size:11px}.code-panel{padding:15px 17px 19px}.code-panel>div{font-size:7px;letter-spacing:1px}.code-panel button{font-size:9px}.code-panel pre{font-size:11px;margin-top:18px}.prompt-example{display:block;padding-top:24px}.prompt-example h3{font-size:22px;margin-top:12px}.prompt-example h3 br{display:none}.prompt-example .quiet-link{font-size:10px}.prompt-example blockquote{margin-top:23px;font-size:13px;line-height:2.1;padding:0 0 0 18px}.copy-status{font-size:10px;margin-top:14px}.download-row{gap:18px 24px;margin-top:10px;padding-top:21px}.download-row .button{width:100%;font-size:11px}.download-row .quiet-link{font-size:9px;gap:9px}.faq{display:block;padding-top:15px;padding-bottom:45px}.faq h2{font-size:25px;margin-top:15px;margin-bottom:26px}.faq details{padding:18px 0}.faq summary{font-size:12px;gap:20px}.faq details p{font-size:11px;line-height:1.95;padding-right:15px}.site-footer{padding:39px 0 25px}.site-footer>.wrap{gap:25px}.footer-title{font-size:31px;letter-spacing:-.7px}.footer-title+p{font-size:7px;letter-spacing:.5px;line-height:1.8;max-width:190px}.footer-links{font-size:9px;gap:19px}.footer-note{font-size:7px;margin-top:0;padding-top:21px;line-height:2}}
.credits-intro{font-size:13px;color:var(--muted);line-height:2;max-width:800px;margin:20px 0 35px}.credits-list{border-top:1px solid var(--ink)}.credit-entry{padding:28px 0;border-bottom:1px solid var(--line)}.credit-entry h2{font-size:24px;margin:10px 0 17px}.credit-entry p{font-size:13px;line-height:2;margin-top:8px}.credit-entry a,.credits-intro a{text-decoration:underline;text-underline-offset:4px}.credit-entry small{display:block;color:var(--muted);font-size:10px;line-height:1.9;margin-top:12px}.credit-title{color:var(--muted);overflow-wrap:anywhere}.detail-credits{font-size:10px;line-height:1.9;color:#5d6a73;margin-top:18px}.detail-credits a{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}