@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&family=LXGW+WenKai&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--paper:#faf7f2;--ink:#592f21;--muted:#89796d;--line:#e3dcd2;--pink:#feb5bf;--serif:'Cormorant Garamond','Noto Serif SC',serif;--sans:Inter,'Noto Sans SC',sans-serif;--writing:'LXGW WenKai','Noto Serif SC',serif;--motion:780ms;--ease:cubic-bezier(.22,.75,.2,1);--phone-h:min(650px,calc(100dvh - 190px));--phone-w:calc(var(--phone-h)*.485)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);font:14px/1.75 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #9c5b48;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}p{color:var(--muted)}button:disabled{cursor:default;opacity:.3}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip-link{position:fixed;top:-100px;left:24px;padding:10px 20px;background:white;z-index:100}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:40;top:0;left:42px;right:42px;height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #592f2118;background:transparent;transition:background .5s}.wordmark{display:flex;align-items:center;gap:9px}.wordmark img{object-fit:contain}.wordmark>span{font:500 36px/1 var(--serif);letter-spacing:-1.5px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav-link{padding:12px 0}.nav-link:hover{color:#a16a56}.action{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:15px 27px;border:1px solid var(--ink);background:var(--ink);color:#fff9f1;border-radius:40px;min-height:54px;transition:background .2s,transform .2s;font-size:13px}.action:hover{background:#754a38;transform:translateY(-2px)}.action.small{min-height:42px;padding:9px 20px;font-size:12px;gap:18px}.text-action{font-size:13px;display:inline-block;border-bottom:1px solid #9f887966;padding:6px 0;transition:color .2s}.text-action:hover{color:#b47665}.language-control{position:relative}.language-button{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:11px;min-height:42px}.language-menu{position:absolute;right:0;top:52px;width:156px;padding:7px;background:#fffdf8;box-shadow:0 10px 35px #592f2115;border:1px solid var(--line);border-radius:12px}.language-menu button{width:100%;text-align:left;min-height:42px;padding:10px;border-radius:6px;font-size:12px}.language-menu button:hover,.language-menu button[aria-current=true]{background:#f5e9e2}
.viewport{position:fixed;inset:0;outline:none;touch-action:pan-y pinch-zoom}.chapter-track{height:100%;display:flex;transition:transform var(--motion) var(--ease);will-change:transform}.chapter{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate}.chapter-content{width:min(1160px,calc(100% - 160px));height:100%;margin:auto;padding:120px 0 105px;position:relative;z-index:2}.two-columns{display:grid;grid-template-columns:1.07fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.18em;line-height:1.6}.spark{display:inline-block;color:#b98271;font-size:18px;vertical-align:middle;margin-right:7px}h1{font-size:clamp(40px,4.2vw,66px);line-height:1.65;letter-spacing:.015em;margin:28px 0 20px}h2{font-size:clamp(34px,3.3vw,49px);line-height:1.65;letter-spacing:.02em;margin:22px 0}.soft-underline{position:relative;white-space:nowrap;isolation:isolate}.soft-underline:after{content:'';position:absolute;left:-3px;right:-7px;bottom:8%;height:18%;background:#f6c0c1;transform:rotate(-2deg);border-radius:50%;z-index:-1;opacity:.65}.lead{font-size:14px;line-height:2.1;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.quiet-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#9c8b7c;margin-top:23px}.tiny-lock{display:inline-block;position:relative;width:9px;height:8px;border:1px solid #a48c7b;border-radius:2px;margin-top:4px}.tiny-lock:before{content:'';position:absolute;width:5px;height:5px;border:1px solid #a48c7b;border-bottom:0;border-radius:6px 6px 0 0;top:-5px;left:1px}.hero-stage{position:relative;height:var(--phone-h);display:flex;align-items:center;justify-content:center}.halo{position:absolute;border:1px solid #dbbca549;border-radius:50%;width:116%;height:65%;transform:rotate(-33deg);z-index:-1}.halo-two{transform:rotate(33deg);width:123%;height:62%;border-color:#dbbca52a}.stage-star{position:absolute;top:9%;left:3%;font-size:37px;color:#bc9680}.chapter-watermark{position:absolute;bottom:29px;left:-20px;font:500 clamp(130px,15vw,250px)/1 var(--serif);color:#c6ab8a0b;letter-spacing:-.08em;z-index:-1}.floating-note{position:absolute;right:-28px;bottom:18%;width:238px;background:#fffdf6f7;padding:19px 21px;border:1px solid #e5d8c5;box-shadow:0 18px 50px #74523c0c;transform:rotate(3deg);border-radius:4px;pointer-events:none}.note-kicker{font-size:8px;color:#aa8c77;letter-spacing:.1em}.floating-note p{font:17px/1.8 var(--writing);margin-top:10px;color:#7a5947}.note-heart{position:absolute;right:16px;bottom:8px;font-size:21px;color:#dba798}.device-caption{position:absolute;bottom:-31px;font-size:9px;color:#ad9987;letter-spacing:.03em}.phone-slot{flex:none}.phone{position:relative;width:var(--phone-w);height:var(--phone-h);border:2px solid #aca49b;background:linear-gradient(110deg,#ede9e2,#b0a99f 5%,#ece6dd 25%,#c4b6ab 85%,#f1e5db);padding:6px;border-radius:calc(var(--phone-w)*.155);box-shadow:0 30px 60px -20px #4d2a2533,0 0 0 1px #fff9;container-type:inline-size}.phone:before{content:'';position:absolute;left:-4px;top:24%;height:10%;width:3px;border-radius:2px;background:#b2a69b}.phone:after{content:'';position:absolute;right:-4px;top:28%;height:12%;width:3px;border-radius:2px;background:#a89c91}.phone-display{height:100%;border:3px solid #221e1c;border-radius:calc(var(--phone-w)*.132);background:#fffdf9;overflow:hidden;position:relative;font:3.4cqw/1.7 var(--sans);color:#714933}.phone-status{height:11%;max-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 8%;font-size:3.35cqw;font-weight:600;position:relative;z-index:3;color:#38291f}.phone-island{position:absolute;width:29%;height:42%;max-height:20px;background:#1d1a18;left:35.5%;top:21%;border-radius:30px}.status-symbols{display:flex;align-items:center;gap:3px}.signal-bars{height:8px;width:11px;display:inline-block;background:linear-gradient(to right,#38291f 0 18%,transparent 18% 27%,#38291f 27% 45%,transparent 45% 55%,#38291f 55% 73%,transparent 73% 82%,#38291f 82%);clip-path:polygon(0 65%,25% 65%,25% 45%,50% 45%,50% 25%,75% 25%,75% 0,100% 0,100% 100%,0 100%)}.battery{width:15px;height:7px;border:1px solid currentColor;border-radius:2px;position:relative}.battery:before{content:'';position:absolute;inset:1px;background:currentColor}.battery:after{content:'';width:1px;height:3px;position:absolute;right:-3px;top:1px;background:currentColor}.phone-home-indicator{position:absolute;width:30%;height:4px;border-radius:4px;background:#38291f;bottom:6px;left:35%;z-index:3}.home-slot .phone{transform:rotate(-3deg)}
.features{background:#f2ede4}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-copy h2{font-size:clamp(30px,3vw,44px)}.scenario-tabs{display:flex;gap:12px;margin:26px 0 15px}.scenario-tabs button{font-size:12px;padding:9px 16px;border-radius:30px;border:1px solid #d7cab9;min-height:44px}.scenario-tabs button[aria-selected=true]{background:#7a5140;color:#fff9f1;border-color:#7a5140}.feature-copy>.text-action{margin-top:12px}.story-stage{position:relative}.story-paper{min-height:335px;padding:35px 33px 29px;background:#fffcf4;border:1px solid #e5d9c8;box-shadow:0 24px 50px -24px #7a57354a;transform:rotate(2deg);position:relative}.story-paper:after{content:'';position:absolute;left:10px;right:10px;bottom:-8px;height:7px;border:1px solid #e3d6c4;border-top:0;background:#faf5e9;z-index:-1}.story-top{display:flex;justify-content:space-between;color:#b28b72}.story-top>span:last-child{font-size:23px}.story-quote{font:clamp(20px,1.75vw,28px)/1.85 var(--writing);color:#795642;margin:23px 0 30px}.story-quote em{font-style:normal;color:#a96f59}.story-line{height:1px;background:#e7ddce}.story-sign{font-size:10px;margin-top:15px;color:#b29d89}.feature-strip{display:grid;grid-template-columns:1fr;gap:13px;margin:29px 5px 0}.feature-strip>div{display:flex;align-items:center;gap:14px}.feature-strip span{font:15px var(--serif);color:#ae8a71}.feature-strip b{font-size:11px;font-weight:400;color:#8f7562}
.spaces{--theme-accent:#b9767c;transition:background .6s;background:#fcf3ef}.theme-viewport{height:100%;width:100%;overflow:hidden}.theme-track{height:100%;transition:transform var(--motion) var(--ease);will-change:transform}.theme-panel{height:100%;position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;width:min(1120px,calc(100% - 210px));margin:auto;padding:120px 0 112px}.theme-copy{padding-left:8px}.theme-copy .eyebrow{color:var(--theme-accent)}.theme-copy h3{font:500 clamp(45px,4.5vw,68px)/1.5 var(--serif);margin:12px 0 8px;letter-spacing:.03em}.theme-copy h4{font-family:var(--writing);font-size:18px;font-weight:400;line-height:1.8;margin:15px 0 20px;color:var(--theme-accent)}.theme-copy .lead{font-size:13px}.theme-details{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:#9c8170}.theme-details span{border-top:1px solid #a78c6e42;padding-top:9px}.theme-copy .text-action{margin-top:24px}.theme-visual{position:relative;height:var(--phone-h);display:flex;align-items:center;justify-content:center}.theme-index-big{position:absolute;left:-35px;top:2%;font:italic 170px/.8 var(--serif);color:var(--theme-accent);opacity:.08}.theme-visual:before{content:'';position:absolute;width:90%;height:70%;border:1px solid #b18d6b25;border-radius:50%;transform:rotate(25deg);z-index:-1}.theme-indicators{position:absolute;z-index:10;top:50%;left:38px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.theme-indicators button{width:32px;height:34px;display:flex;align-items:center;justify-content:center;position:relative}.theme-indicators button:before{content:'';width:5px;height:5px;border-radius:50%;background:#b89d8660;transition:background .3s,transform .3s}.theme-indicators button[aria-pressed=true]:before{background:var(--theme-accent);transform:scale(1.3)}.theme-indicators button[aria-pressed=true]:after{content:'';position:absolute;inset:6px;border:1px solid var(--theme-accent);border-radius:50%;opacity:.35}.theme-indicators button:hover:before{transform:scale(1.5)}.theme-hint{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);display:flex;gap:13px;align-items:center;font-size:10px;color:#9c8170;white-space:nowrap}.theme-hint>span:first-child{font:italic 15px var(--serif);border-right:1px solid #c5b6a4;padding-right:14px}.theme-hint>span:last-child{font-size:16px}.install{background:#f3eee5}.install-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:90px;align-items:center}.install-copy h2{font-size:clamp(32px,3.1vw,45px)}.install-copy>.action{margin-top:28px}.environment-note{font-size:10px;margin-top:12px;color:#a28d79}.app-icon-block{display:flex;align-items:center;gap:15px;margin-top:38px}.app-icon-block img{border-radius:17px;box-shadow:0 4px 15px #7c553612}.app-icon-block b{font:28px var(--serif)}.app-icon-block p{font-size:10px;margin-top:3px}.install-guide{padding:33px 35px;background:#fffcf5;border:1px solid #e6dbca;border-radius:8px;box-shadow:0 30px 60px -35px #7a573540}.guide-top{display:flex;align-items:center;justify-content:space-between}.guide-top>span:last-child{font-size:24px;color:#bd9d7d}.device-tabs{display:flex;border-bottom:1px solid #e8decd;margin-top:24px;gap:25px}.device-tabs button{font-size:11px;min-height:43px;padding:10px 0;border-bottom:2px solid transparent}.device-tabs button[aria-selected=true]{color:#7e5140;border-color:#7e5140}.device-panel{min-height:240px}.device-panel ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:19px}.device-panel li{display:flex;gap:15px;font-size:12px;align-items:baseline}.device-panel li>span{font:italic 20px var(--serif);color:#b49372}.device-panel p{color:#8c7764}.install-footnote{font-size:10px;padding-top:18px;border-top:1px solid #e8decd;color:#ad9982}.source-link{font-size:10px;display:inline-block;margin-top:12px;color:#a58668;text-decoration:underline;text-underline-offset:4px}.questions{background:#fbf9f5}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.faq-copy>.text-action{margin-top:27px}.faq-scroll{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2c4b2 transparent;padding-right:10px;border-top:1px solid #dcd1c2}.faq-scroll details{border-bottom:1px solid #ddd2c4;padding:0 0 0 4px}.faq-scroll summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;list-style:none;font-size:13px;cursor:pointer;min-height:61px}.faq-scroll summary::-webkit-details-marker{display:none}.faq-scroll summary:after{content:'+';font-size:21px;color:#ac8e73}.faq-scroll details[open] summary:after{content:'−'}.faq-scroll details p{font-size:12px;line-height:1.9;padding:0 22px 21px 0}.site-footer{position:fixed;bottom:0;left:42px;right:42px;height:73px;border-top:1px solid #592f2118;z-index:40;display:flex;align-items:center;justify-content:space-between;background:transparent;gap:20px}.footer-meta{display:flex;flex-direction:column;gap:4px;font-size:8px;letter-spacing:.02em;color:#a5907e}.legal-links{display:flex;gap:11px;font-size:8px}.legal-links a:hover{text-decoration:underline}.chapter-nav{display:flex;gap:20px;align-items:center}.chapter-nav button{position:relative;display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 0;color:#ac9986;font-size:10px}.chapter-nav button:before{content:'';width:4px;height:4px;border-radius:50%;background:#c9bba9}.chapter-nav button[aria-current=true]{color:#6e4731}.chapter-nav button[aria-current=true]:before{background:#956d50;box-shadow:0 0 0 4px #956d5014}.footer-controls{display:flex;align-items:center;gap:12px}.footer-controls>span:first-child{font-size:9px;color:#aa9682;margin-right:11px}.footer-controls button{width:32px;height:32px;border:1px solid #ddcfc0;border-radius:50%;font-size:16px}.chapter-count{font:13px var(--serif);color:#b09a84;letter-spacing:.04em}.chapter-count b{font-weight:500;color:#694731}.no-script{position:fixed;inset:0;z-index:90;background:var(--paper);padding:100px 10%}.no-script a{text-decoration:underline}
html[lang=en] h1{font-size:clamp(58px,6.4vw,94px);line-height:1.05;letter-spacing:-.035em;margin:29px 0 27px}html[lang=en] h2{font-size:clamp(44px,4.3vw,64px);line-height:1.1;letter-spacing:-.025em}html[lang=en] .theme-copy h3{font-size:clamp(46px,4.1vw,63px);line-height:1.07;margin:20px 0}html[lang=en] .theme-copy h4{font:22px/1.4 var(--serif)}html[lang=en] .story-quote{font:30px/1.5 var(--serif)}html[lang=en] .floating-note p{font:21px/1.4 var(--serif)}

.pwa-viewport{position:absolute;inset:45px 0 0;overflow:hidden;background:#fef9f6;pointer-events:none}.live-pwa{position:absolute;left:0;top:0;border:0;transform-origin:top left;pointer-events:none}.phone:has(.live-pwa[src*="theme=0"]){--demo-surface:#fff6f3}.phone:has(.live-pwa[src*="theme=1"]){--demo-surface:#fcfbf0}.phone:has(.live-pwa[src*="theme=2"]){--demo-surface:#faf4eb}.phone:has(.live-pwa[src*="theme=3"]){--demo-surface:#fff7ed}.phone:has(.live-pwa[src*="theme=4"]){--demo-surface:#f4f8ff}.phone:has(.live-pwa[src*="theme=5"]){--demo-surface:#faf7f0}.home-slot .phone{--demo-surface:#fef9f6}.phone-display{background:var(--demo-surface,#fef9f6)}.phone-status{background:var(--demo-surface,#fef9f6)}.floating-note{right:-45px;bottom:10%}#homePhone .phone{--demo-surface:#fef9f6}

.phone:has(.live-pwa[src*="screen=space&theme=0"]){--demo-surface:#fff6f3}

.phone:has(.live-pwa[src*="screen=space&theme=1"]){--demo-surface:#fcfbf0}

.phone:has(.live-pwa[src*="screen=space&theme=2"]){--demo-surface:#fcf6ec}

.phone:has(.live-pwa[src*="screen=space&theme=3"]){--demo-surface:#fff7ed}

.phone:has(.live-pwa[src*="screen=space&theme=4"]){--demo-surface:#f3f8ff}