*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}p{line-height:1.8;text-wrap:pretty}h1,h2,h3{text-wrap:balance}.symbols{display:none}::selection{background:#ffddc4}.site-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:25px;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40;background:#ffffffef;backdrop-filter:blur(20px)}.wordmark{font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.wordmark span{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;font-weight:500}.site-header nav{display:flex;gap:24px;white-space:nowrap;font-size:12px}.site-header nav a{padding:28px 0;position:relative;color:var(--color-text-secondary)}.site-header nav a.active{color:var(--color-text);font-weight:600}.site-header nav a.active:after{content:'';position:absolute;bottom:16px;height:3px;background:var(--color-brand);left:0;right:0}.header-link{font-size:12px;padding:10px 14px;border:1px solid var(--color-text);border-radius:6px;white-space:nowrap}.hero{background:var(--color-brand);overflow:hidden}.hero-inner{max-width:1370px;margin:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:535px}.hero-copy{padding:66px 20px 48px 58px;position:relative;z-index:2}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:1.7px}.hero h1{font-size:clamp(45px,72.0px,74px);line-height:1.17;font-weight:850;letter-spacing:-3px;margin:24px 0 20px}.hero-copy>p{font-size:17px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px;font-size:12px}.primary-link{display:inline-flex;align-items:center;padding:15px 23px;background:var(--color-action-bg);color:var(--color-action-text);border-radius:7px}.hero-actions>a:last-child{border-bottom:1px solid;padding-bottom:5px;font-size:11px}.hero-meta{display:flex;gap:20px;font-size:9px;margin-top:35px;letter-spacing:.5px}.hero-image{position:relative;height:100%;min-width:0}.hero-image img{position:absolute;width:910px;height:607px;max-width:none;right:-135px;bottom:0;object-fit:cover;mask-image:linear-gradient(to right,transparent,black 23%)}.hero-stamp{position:absolute;top:40px;right:38px;background:#d8c5ee;transform:rotate(12deg);width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:27px;font-weight:800;line-height:1.1}.hero-stamp small{font-size:7px;letter-spacing:1px;margin-top:8px}.container{max-width:1280px;margin:auto;padding:0 40px}.section{padding-top:90px;scroll-margin-top:82px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;margin-bottom:35px}.section-head>.eyebrow{grid-column:1/-1;color:#8c6c53}.section-head h2{font-size:35px;line-height:1.3;letter-spacing:-1.5px;font-weight:750}.section-head>p{font-size:13px;color:var(--color-text-secondary);align-self:center}.decision-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.decision-board article{padding:24px;background:#f8f6f3;border-radius:10px;border:1px solid #ebe4dc}.before-mini,.after-mini{min-height:113px}.before-mini>span,.after-mini>span{font-size:11px;display:block;color:#8a7563;margin-bottom:14px}.bar{padding:8px 12px;border-radius:5px;margin-top:5px;font-size:11px}.ad{background:#d9d2cc;padding:20px 12px}.faded{background:#eeebe7;color:#a49488}.service{background:#ffe1c9;color:#893b0c}.activity{background:#ff6b20}.functions{background:#eee6fa}.change-arrow{display:block;text-align:center;margin:8px 0 13px;color:#b46731;font-size:18px}.decision-board h3{font-size:17px;margin-top:22px;border-top:1px solid #e4d8cc;padding-top:17px}.fragment-demo,.unified-demo{display:flex;align-items:center;gap:7px;min-height:75px}.fragment-demo i,.unified-demo i{font-style:normal;display:grid;place-items:center;flex:1;height:58px;font-size:11px}.fragment-demo i:nth-child(1){background:#153e6c;color:#fff;border-radius:4px}.fragment-demo i:nth-child(2){background:#eadbb9;border:2px solid #bd9450;border-radius:12px}.fragment-demo i:nth-child(3){background:#a9d8f7;border-radius:2px;font-style:italic}.unified-demo i{background:#fff0e3;border:1px solid #f3bd91;border-radius:10px;color:#ae5620}.blocked-node{display:flex;align-items:center;justify-content:space-between;background:#e5e1dc;color:#a19285;padding:23px 16px;font-size:14px;border-radius:8px}.recovery-mini{display:flex;align-items:center;gap:9px;min-height:84px}.recovery-mini i{flex:1;text-align:center;font-style:normal;background:white;border:1px solid #e3c8b2;border-radius:8px;padding:17px 4px;font-size:12px}.recovery-mini i:last-child{background:#e9f1e5;border-color:#cbdcc2}.recovery-mini b{font-size:12px;color:#a99788}.note{font-size:10px;color:#938174;line-height:1.8;margin-top:16px}.subhead{display:flex;align-items:baseline;gap:45px;margin:53px 0 25px}.subhead span{font-size:10px;letter-spacing:1.5px;color:#8b6e57}.subhead h3{font-size:26px;letter-spacing:-.8px}.brand-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.brand-words{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brand-words>div{border-top:2px solid #29231f;padding-top:16px}.brand-words b{font-size:49px;color:#d55310;letter-spacing:-2px}.brand-words span{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:8px}.season-board{background:var(--color-scene-bg);padding:29px 33px;border-radius:12px}.season-board h3{font-size:33px;line-height:1.2;margin:15px 0 20px;letter-spacing:-1px}.season-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-top:1px solid #d4c7de;font-size:12px}.season-row span{color:#816b8d;font-size:11px}.season-board>p{font-size:11px;color:#816b8d;margin-top:10px}.season-timeline{display:flex;align-items:center;gap:22px;border-top:1px solid #e9dfd5;padding:22px 0 0;margin-top:25px;max-width:650px}.season-timeline>span{font-size:10px;color:#927965}.season-timeline b{font-size:15px;display:block;color:var(--color-text);margin-bottom:6px}.season-timeline i{height:1px;flex:1;background:#e5b697;position:relative}.season-timeline i:before,.season-timeline i:after{content:'';width:7px;height:7px;background:var(--color-brand);border-radius:50%;position:absolute;top:-3px}.season-timeline i:after{right:0}.season-timeline a{font-size:10px;text-decoration:underline;margin-left:14px}.route-tabs,.journey-controls,.gallery-toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.route-tabs button,.journey-controls button,.gallery-toolbar button{border:1px solid #e4dad0;border-radius:22px;background:white;padding:10px 17px;font-size:11px;min-height:37px}.route-tabs button[aria-selected=true],.journey-controls button[aria-selected=true],.gallery-toolbar button[aria-selected=true]{background:var(--color-action-bg);border-color:var(--color-action-bg);color:#fff}.architecture-tree{padding:30px;background:#f8f6f3;border-radius:12px;margin-top:18px}.root-node{display:block;max-width:400px;width:100%;margin:0 auto;background:var(--color-action-bg);border:0;color:white;padding:20px;border-radius:9px;font-size:21px;font-weight:650}.root-node span{display:block;font-size:10px;font-weight:400;color:#d8c6b7;margin-top:7px}.tree-trunk{height:28px;border-left:1px solid #c8b5a5;margin-left:50%}.tree-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.tree-branches:before{content:'';height:1px;background:#c8b5a5;left:16.66%;right:16.66%;top:0;position:absolute}.tree-branches article{padding-top:25px;position:relative;transition:opacity .2s}.tree-branches article:before{content:'';width:1px;height:25px;top:0;left:50%;background:#c8b5a5;position:absolute}.tree-branches article.dimmed{opacity:.25}.branch-head{display:flex;align-items:center;gap:9px;margin:14px 0}.branch-head>span{font-size:10px;color:#b85d1e}.branch-head h3{font-size:17px}.branch-head small{font-size:9px;color:#947d69;margin-left:auto}.tree-branches button{display:block;width:100%;border:1px solid #e2d1c2;border-radius:8px;background:white;padding:16px;text-align:left;min-height:80px}.tree-branches button:hover{border-color:var(--color-brand);box-shadow:0 4px 16px #a1550b0b}.tree-branches button>b{font-size:13px;font-weight:600}.tree-branches button>span{display:block;font-size:10px;color:#967b65;margin-top:6px}.node-pair{display:flex;align-items:center;gap:7px;margin:12px 0}.node-pair i{font-style:normal;color:#bb9376}.node-pair button{padding:13px 10px}.vertical-arrow{text-align:center;padding:8px;color:#bc987c;font-size:14px}.branch-outcome{font-size:10px;text-align:center;padding:17px 3px;color:#9e785a}.journey-visual{margin-top:20px;border:1px solid #e1d7cc;border-radius:12px;padding:30px}.journey-nodes{display:flex;gap:13px}.journey-node{background:#f8f5f1;border:1px solid #e3d6c9;padding:18px 12px;border-radius:8px;position:relative;flex:1;text-align:left;min-width:0}.journey-node:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#bda28b;font-size:11px}.journey-node small{font-size:9px;color:#ae8e72;display:block;margin-bottom:9px}.journey-node b{font-size:13px;font-weight:650;display:block}.journey-node[aria-current=step]{background:var(--color-scene-bg);border-color:#bfa3d4}.journey-node.complete{background:#eef3e9;border-color:#c9d9bc}.journey-detail{display:grid;grid-template-columns:60px 1fr 1.1fr auto;align-items:center;gap:23px;border-top:1px solid #e9ddd2;margin-top:28px;padding-top:26px}.journey-detail>span{font-size:29px;font-weight:750;color:#c07b46}.journey-detail small{display:block;font-size:9px;color:#9a806a;margin-bottom:7px}.journey-detail h3{font-size:20px;line-height:1.4}.journey-detail p{font-size:12px;color:var(--color-text-secondary)}.journey-detail>button{padding:11px 13px;font-size:10px;border:1px solid #d8c5b5;border-radius:7px;background:white}.journey-recovery{background:#fff0e2;border-radius:8px;padding:14px 17px;display:flex;gap:22px;margin-top:24px;font-size:11px}.journey-recovery span{white-space:nowrap;color:#a8561a;font-weight:600}.journey-recovery p{color:#976744;line-height:1.7}.wire-board{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px;background:#f8f8f8;border:1px solid #ece9e5;border-radius:12px}.wire-board article{text-align:center;min-width:0}.wire-device{width:100%;max-width:270px;height:484px;border:1px solid #aaa39c;border-radius:20px;background:white;margin:auto;text-align:left;padding:15px;position:relative}.wire-nav{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px}.wire-device h4{font-size:12px;margin-bottom:10px}.wire-box{border:1px solid #c9c6c2;background:#f3f3f3;border-radius:6px;text-align:center;padding:14px 4px;margin:7px 0;font-size:10px}.wire-box.hero{height:85px;display:grid;place-items:center;background:linear-gradient(20deg,transparent 49.7%,#ddd 50%,transparent 50.3%),linear-gradient(-20deg,#f0f0f0 49.7%,#ddd 50%,#f0f0f0 50.3%)}.wire-box.compact{padding:11px 4px;font-size:9px}.wire-bottom{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;font-size:8px;border-top:1px solid #ddd;padding-top:14px}.wire-board h3{font-size:18px;margin:21px 0 8px}.wire-board p{font-size:11px;color:var(--color-text-secondary)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.gallery-toolbar button{padding:8px 15px}.gallery-toolbar button span{margin-left:6px;opacity:.6}.gallery-toolbar>a{font-size:11px;text-decoration:underline;white-space:nowrap}.ui-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px;padding:30px;border-radius:12px;background:#f5f1ec}.ui-tile{min-width:0;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;text-align:left;position:relative}.ui-tile[hidden]{display:none}.thumb-phone{position:relative;width:100%;max-width:178px;aspect-ratio:395/834;--mini-scale:.45;isolation:isolate}.thumb-inner{position:absolute;left:0;top:0;width:395px;height:834px;padding:9px;border:1px solid #978575;background:#fff;border-radius:35px;transform:scale(var(--mini-scale));transform-origin:top left;overflow:hidden;pointer-events:none;box-shadow:10px 14px 25px #5a3d2612;transition:box-shadow .2s}.thumb-inner iframe{width:375px;height:812px;border:0;border-radius:25px;display:block;pointer-events:none}.expand-label{position:absolute;inset:auto 10px 16px;background:#29231feb;color:white;border-radius:7px;padding:9px 7px;font-size:10px;text-align:center;opacity:0;transition:opacity .18s;z-index:2}.ui-tile:hover .expand-label,.ui-tile:focus-visible .expand-label{opacity:1}.ui-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:7px;border-radius:8px}.tile-caption{width:100%;max-width:178px;display:flex;align-items:center;gap:7px;margin-top:13px}.tile-caption>span{font-size:9px;color:#a78b75}.tile-caption h3{font-size:12px;font-weight:650}.tile-caption small{margin-left:auto;font-size:8px;color:#a08670}.gallery-bottom{display:flex;gap:35px;border-bottom:1px solid var(--color-border);padding:18px 0;align-items:start}.gallery-bottom>span{font-size:9px;white-space:nowrap;letter-spacing:.5px;padding-top:4px;color:#927a65}.gallery-bottom p{font-size:11px;color:var(--color-text-secondary);max-width:720px}.system-banner{background:#29231f;color:white;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-radius:12px;gap:30px}.system-banner>div{display:flex;gap:15px;align-items:center}.system-logo{display:flex;align-items:center;gap:3px;background:#ff6b20;color:#29231f;border-radius:14px;font-size:32px;font-weight:900;width:65px;height:65px;padding:12px}.system-logo span{font-size:19px}.system-banner b{font-size:25px;display:block;letter-spacing:-.5px}.system-banner small{font-size:10px;color:#bca89a;display:block;margin-top:6px}.system-banner p{font-size:11px;color:#bca89a}.system-banner>a{font-size:11px;border-bottom:1px solid #8b7767;padding-bottom:4px;white-space:nowrap}.system-layers{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0;border-bottom:1px solid var(--color-border)}.system-layers>span{flex:1;font-size:15px;font-weight:600}.system-layers b{display:inline-block;font-size:10px;color:#b36b35;margin-right:9px}.system-layers small{display:block;font-size:10px;color:var(--color-text-secondary);margin:7px 0 0 24px;font-weight:400}.system-layers i{color:#be9e85;font-style:normal}.system-subhead{margin:40px 0 23px}.system-subhead>span{font-size:9px;letter-spacing:1.4px;color:#96785e;display:block}.system-subhead h3{font-size:25px;letter-spacing:-.7px;margin-top:12px}.system-subhead p{font-size:12px;color:var(--color-text-secondary);margin-top:10px}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.swatch{padding:0;text-align:left;border:0;background:none;min-width:0}.swatch>i{background:var(--swatch);display:block;width:100%;height:100px;border:1px solid #00000008;border-radius:9px;margin-bottom:13px}.swatch>b{display:block;font-size:13px}.swatch code{display:block;font-size:8px;margin-top:7px;color:#997c64;overflow-wrap:anywhere;line-height:1.7}.swatch>span{display:block;font-size:9px;color:#9b8470;margin-top:6px}.token-example{display:flex;align-items:center;gap:20px;background:#f8f5f1;border-radius:8px;padding:17px 20px;margin-top:24px}.token-example code{font-size:11px;color:#87664d}.token-example>span{color:#bba18b}.token-example>b{font-size:25px;color:var(--color-price)}.token-example small{font-size:11px;font-weight:400}.token-example p{font-size:10px;color:#9c816c;margin-left:auto}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.foundation-grid article{min-width:0}.foundation-grid .system-subhead{margin-top:35px}.type-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ded4;padding:16px 0;gap:10px}.type-row>span:last-child{font-size:10px;color:#9b806a;white-space:nowrap}.spacing-bars{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;padding:17px 0 20px}.spacing-bars>div{display:flex;align-items:center;gap:12px;min-width:0}.spacing-bars span{font-size:11px;color:#9b806a;min-width:16px}.spacing-bars i{display:block;height:13px;background:var(--color-brand);flex-shrink:0;border-radius:3px}.spacing-bars code{font-size:9px;color:#9b806a}.radius-examples{display:flex;gap:24px;border-top:1px solid #e9ded4;padding-top:22px}.radius-examples>div{width:58px;height:58px;border:1px solid #dcb896;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9c6436;font-size:14px;background:#fff8f0}.radius-examples small{font-size:9px;margin-top:4px}.component-workbench{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #e1d5c9;border-radius:12px;overflow:hidden}.component-controls{padding:30px;background:#f8f5f1}.state-controls{display:flex;gap:6px;margin:19px 0;flex-wrap:wrap}.state-controls button{font-size:10px;border:1px solid #decdbe;background:white;border-radius:6px;padding:9px 13px}.state-controls button[aria-pressed=true]{background:#29231f;color:#fff;border-color:#29231f}.component-controls>p{font-size:12px;line-height:1.8;color:#8a725f;min-height:44px}.component-controls>code{display:block;font-size:10px;margin-top:18px;color:#b15e24}.button-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:25px}.button-stage>#specButton{min-width:220px}.button-stage>small{font-size:9px;color:#9c836f}.button-variants{display:flex;gap:10px}.button-variants button{font-size:10px;min-height:38px}.sn-button.focus-demo{outline:3px solid var(--color-focus);outline-offset:4px}.sn-button.success-demo{background:var(--color-success-bg);color:var(--color-success-text)}.spinner{width:12px;height:12px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.component-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.component-gallery>article{border:1px solid #e6dacf;border-radius:12px;padding:23px;min-width:0}.component-label{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}.component-label span{font-size:8px;letter-spacing:1px;color:#aa8a6f}.component-label b{font-size:17px}.spec-product{width:175px;margin:auto}.spec-product>.product{width:100%;border:1px solid #ede5de;cursor:pointer;font-family:var(--font-family)}.component-gallery .coupon{min-height:127px;border:1px solid #eee2d6;margin:40px 0 40px}.component-gallery .coupon-amount{width:77px}.component-gallery .coupon-amount b{font-size:29px}.component-gallery .coupon-info{padding:15px 10px}.component-gallery .coupon-info h3{font-size:12px}.component-gallery .coupon-info p{font-size:9px}.anatomy{display:flex;flex-direction:column;gap:8px;margin-top:22px;border-top:1px solid #eee3d8;padding-top:18px}.anatomy>span{font-size:10px;color:#8d725b;display:flex;align-items:center;gap:8px}.anatomy b{font-size:8px;background:#f5e7db;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-weight:500}.component-gallery article>p{font-size:11px;color:#9a7e65;margin-top:16px}.feedback-demo{padding:13px 0 19px;display:flex;flex-direction:column;gap:18px;min-height:202px}.success-chip{background:var(--color-success-bg);color:var(--color-success-text);font-size:11px;padding:13px;border-radius:8px}.warning-chip{background:#fff0e1;color:#b26126;font-size:10px;display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-radius:8px;gap:8px}.warning-chip button{font-size:9px;border:0;background:none;padding:0;color:#a3541f}.mini-tabs{display:flex;gap:8px}.mini-tabs button{flex:1;border:1px solid #e2d4c5;background:white;padding:10px 5px;border-radius:20px;font-size:10px}.mini-tabs .selected{background:#29231f;color:white;border-color:#29231f}.feedback-demo>p{font-size:10px;color:#967a63}.pattern-block{display:grid;grid-template-columns:1fr 2fr;gap:45px;background:#eee6fa;border-radius:12px;padding:30px;margin-top:30px}.pattern-block h3{font-size:25px;margin:15px 0 12px}.pattern-block p{font-size:12px;color:#80698e}.pattern-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pattern-cards>button{text-align:left;background:#ffffffaa;border:1px solid #dacde4;border-radius:9px;padding:17px}.pattern-cards span{font-size:9px;color:#9176a0}.pattern-cards b{display:block;font-size:12px;line-height:1.9;margin:12px 0}.pattern-cards small{font-size:9px;color:#8b6e9a}.system-docs{border-top:1px solid #dfd3c7;border-bottom:1px solid #dfd3c7;margin-top:28px}.system-docs summary{display:flex;justify-content:space-between;padding:22px 0;cursor:pointer;font-size:13px;list-style:none}.system-docs summary span{font-size:10px;color:#9b7b60}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 45px;padding:10px 0 25px}.docs-grid h4{font-size:13px;margin-bottom:10px}.docs-grid p{font-size:11px;color:#90765f}.download-links{display:flex;gap:25px;padding:0 0 24px}.download-links a{font-size:10px;text-decoration:underline}.ai-pipeline{display:flex;gap:22px;align-items:center;padding:22px 0;border-top:1px solid #e6d9cb;border-bottom:1px solid #e6d9cb}.ai-pipeline>div{flex:1;display:flex;flex-direction:column;gap:8px}.ai-pipeline b{font-size:10px;color:#b36a33}.ai-pipeline span{font-size:19px}.ai-pipeline small{font-size:10px;color:#9c7e66}.ai-pipeline i{color:#c6a98d;font-style:normal}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:32px 0}.asset-grid img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:10px}.asset-grid figure:nth-child(2) img{border:1px solid #ece4dd}.asset-grid figcaption{padding-top:17px}.asset-grid b{font-size:17px}.asset-grid p{font-size:11px;color:#9b7d65;margin-top:6px}.prompt-panel{background:#29231f;color:#d6bda9;border-radius:10px;overflow:hidden}.prompt-panel>div{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #ffffff25}.prompt-panel select{border:1px solid #8a6d55;background:#3b2f25;color:#e5cbb6;font-size:12px;border-radius:5px;padding:8px}.prompt-panel button{border:1px solid #8a6d55;background:none;color:#e5cbb6;font-size:10px;border-radius:5px;padding:9px}.prompt-panel pre{padding:8px 22px 16px;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}.validation-note{display:grid;grid-template-columns:130px 1fr;gap:17px 25px;border-top:1px solid #e5d7ca;padding-top:26px;margin-top:32px;font-size:11px}.validation-note b{padding-top:3px}.validation-note p{color:#9d7d63}.site-footer{background:#29231f;color:white;margin-top:85px;padding:55px max(40px,calc((1440.0px - 1200px)/2));display:flex;align-items:end;gap:35px}.site-footer>div{margin-right:auto}.site-footer span{font-size:9px;letter-spacing:2px;color:#ad9380}.site-footer h2{font-size:49px;line-height:1.2;letter-spacing:-2px;margin-top:22px}.site-footer>a{font-size:12px;padding-bottom:5px;border-bottom:1px solid #8d7563}.preview-dialog{position:fixed;inset:0;margin:auto;width:min(850px,calc(100vw - 30px));max-width:none;max-height:calc(100vh - 34px);padding:0;border:0;border-radius:18px;background:#f7f3ee;overflow:auto;box-shadow:0 20px 80px #0003}.preview-dialog::backdrop{background:#1d1711b5;backdrop-filter:blur(5px)}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #e0d2c5}.preview-top span{font-size:8px;letter-spacing:1.5px;color:#a38871;display:block;margin-bottom:5px}.preview-top h2{font-size:21px}.preview-top>button{width:36px;height:36px;border:1px solid #decebf;background:white;border-radius:50%;font-size:23px}.preview-layout{display:grid;grid-template-columns:375px 1fr;gap:35px;padding:22px}.preview-layout>iframe{width:375px;height:min(720px,calc(100vh - 168px));display:block;border:1px solid #dfd2c6;border-radius:18px;background:#fff}.preview-layout>aside{padding:30px 10px 10px}.preview-layout h3{font-size:28px;line-height:1.3;margin:19px 0}.preview-layout aside>p{font-size:12px;color:#8a705a;line-height:1.9}.preview-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.preview-links button{border:1px solid #dfcbb9;background:white;padding:11px 6px;border-radius:7px;font-size:10px}.preview-layout #resetPreview{background:#29231f;color:white;width:100%;padding:13px;border:0;border-radius:7px;font-size:12px}.preview-layout aside>a{display:block;font-size:11px;text-decoration:underline;margin:20px 0}.preview-layout aside>small{font-size:9px;color:#a58973;line-height:1.8;display:block}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#29231fee;color:#fff;padding:13px 23px;border-radius:8px;font-size:12px;z-index:100;opacity:0;pointer-events:none;max-width:90%;text-align:center}.toast.show{opacity:1} @media(max-width:0px){.site-header{padding:0 23px;gap:18px}.site-header nav{gap:17px;font-size:11px}.header-link{display:none}.container{padding:0 30px}.hero-copy{padding-left:35px}.hero h1{font-size:56px}.hero-image img{right:-210px}.ui-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding:25px}.palette{grid-template-columns:repeat(3,1fr);gap:24px}.component-gallery{gap:15px}.component-gallery>article{padding:17px}.component-gallery .coupon-amount{width:60px}.foundation-grid{gap:30px}.spacing-bars{grid-template-columns:1fr 1fr;gap:15px 8px}.spacing-bars>div{gap:7px}.pattern-block{grid-template-columns:1fr}.hero-actions{gap:15px}.hero-actions>a:last-child{font-size:10px}.journey-detail{grid-template-columns:40px 1fr 1fr;gap:18px}.journey-detail>button{grid-column:2/4;justify-self:start}.section-head{gap:12px 35px}} @media(max-width:0px){html{scroll-padding-top:113px}.site-header{height:104px;display:block;padding:16px 20px 0}.wordmark{font-size:20px;display:block}.wordmark span{display:inline-block;font-size:7px;margin-left:14px;letter-spacing:1.4px}.site-header nav{margin-top:12px;overflow-x:auto;gap:23px;scrollbar-width:none}.site-header nav a{padding:10px 0 18px;font-size:11px}.site-header nav a.active:after{bottom:6px}.hero-inner{display:block;min-height:0}.hero-copy{padding:42px 24px 20px}.hero h1{font-size:53px;margin:22px 0 18px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.hero-actions{gap:20px;margin-top:24px}.hero-actions>a:last-child{font-size:10px}.primary-link{font-size:11px;padding:13px 17px}.hero-meta{margin-top:28px;gap:16px;font-size:8px}.hero-image{height:330px}.hero-image img{width:650px;height:433px;right:-130px;bottom:-10px;mask-image:linear-gradient(to bottom,transparent,black 19%)}.hero-stamp{top:20px;right:25px;width:88px;height:88px;font-size:22px}.container{padding:0 22px}.section{padding-top:60px}.section-head{display:block;margin-bottom:26px}.section-head .eyebrow{font-size:9px}.section-head h2{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:17px 0 13px}.section-head>p{font-size:12px}.decision-board{grid-template-columns:1fr;gap:17px}.decision-board article{padding:20px;display:grid;grid-template-columns:1fr 25px 1fr;gap:10px;align-items:center}.before-mini,.after-mini{min-height:0}.before-mini>span,.after-mini>span{font-size:9px;line-height:1.7;margin-bottom:10px}.change-arrow{transform:rotate(-90deg);margin:0}.decision-board h3{grid-column:1/-1;font-size:16px;margin-top:9px}.bar{font-size:9px;padding:7px}.ad{padding:20px 7px}.fragment-demo,.unified-demo{gap:3px}.fragment-demo i,.unified-demo i{font-size:8px;height:53px}.recovery-mini{gap:3px}.recovery-mini i{font-size:9px;padding:13px 3px}.blocked-node{font-size:11px;padding:20px 12px}.note{font-size:9px}.subhead{display:block;margin:37px 0 21px}.subhead h3{font-size:24px;margin-top:13px}.brand-layout{grid-template-columns:1fr;gap:28px}.brand-words{gap:25px}.brand-words b{font-size:43px}.brand-words span{font-size:11px}.season-board{padding:24px}.season-board h3{font-size:31px}.season-row{display:block}.season-row span{display:block;margin-top:5px;font-size:10px}.season-timeline{gap:13px}.season-timeline b{font-size:12px}.season-timeline>span{font-size:9px}.season-timeline a{font-size:8px;margin-left:0}.route-tabs,.journey-controls{gap:7px}.route-tabs button,.journey-controls button{font-size:10px;padding:9px 12px}.architecture-tree{padding:20px;margin-top:16px}.tree-branches{grid-template-columns:1fr;gap:10px}.tree-branches:before,.tree-branches article:before,.tree-trunk{display:none}.tree-branches article{padding-top:10px}.branch-head{margin:12px 0}.branch-head h3{font-size:16px}.branch-head small{font-size:9px}.tree-branches button{min-height:70px}.tree-branches article.dimmed{display:none}.root-node{font-size:20px}.journey-visual{padding:20px}.journey-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.journey-node{padding:13px 8px;min-height:76px}.journey-node b{font-size:11px}.journey-node small{font-size:8px}.journey-node:not(:last-child):after{display:none}.journey-detail{grid-template-columns:32px 1fr;gap:15px;margin-top:22px;padding-top:20px}.journey-detail h3{font-size:18px}.journey-detail>div:nth-child(3){grid-column:2}.journey-detail>button{grid-column:2;justify-self:start}.journey-detail p{font-size:11px}.journey-recovery{display:block;padding:13px}.journey-recovery p{font-size:10px;margin-top:7px}.wire-board{grid-template-columns:1fr;padding:22px;gap:32px}.wire-device{max-width:270px}.wire-board h3{margin-top:18px}.gallery-toolbar{display:block}.gallery-toolbar>div{gap:6px}.gallery-toolbar button{font-size:10px;padding:8px 11px}.gallery-toolbar>a{display:inline-block;margin-top:17px;font-size:10px}.ui-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;padding:23px}.tile-caption{flex-wrap:wrap;gap:5px}.tile-caption h3{font-size:11px}.tile-caption small{display:none}.tile-caption>span{font-size:8px}.gallery-bottom{display:block}.gallery-bottom p{font-size:10px;margin-top:9px}.system-banner{padding:23px;flex-wrap:wrap;gap:17px}.system-banner p{width:100%;font-size:10px;order:2}.system-banner>a{font-size:10px;margin-left:auto}.system-logo{width:51px;height:51px;font-size:27px;padding:9px;border-radius:11px}.system-banner b{font-size:22px}.system-banner small{font-size:8px}.system-banner>div{gap:11px}.system-layers{gap:8px;flex-wrap:wrap;padding:22px 0}.system-layers>span{min-width:40%;font-size:13px}.system-layers>i:nth-of-type(2){display:none}.system-layers small{font-size:9px;margin-left:21px}.system-subhead{margin-top:30px}.system-subhead h3{font-size:23px}.system-subhead p{font-size:11px}.palette{grid-template-columns:repeat(3,1fr);gap:22px 12px}.swatch>i{height:77px}.swatch>b{font-size:11px}.swatch code{font-size:7px}.swatch>span{font-size:8px;line-height:1.7}.token-example{gap:9px;padding:15px 13px;flex-wrap:wrap}.token-example code{font-size:9px}.token-example>b{font-size:22px}.token-example p{width:100%;font-size:9px;margin-left:0}.foundation-grid{grid-template-columns:1fr;gap:5px}.type-row>span:last-child{font-size:9px}.type-row>span:first-child{font-size:12px!important}.spacing-bars{gap:18px}.component-workbench{grid-template-columns:1fr}.component-controls{padding:23px}.component-controls>p{min-height:0;font-size:11px}.button-stage{padding:28px}.component-gallery{grid-template-columns:1fr;gap:18px}.component-gallery>article{padding:24px}.component-gallery .coupon{max-width:320px;margin:22px auto}.component-gallery .coupon-amount{width:90px}.component-gallery .coupon-info h3{font-size:14px}.component-label{margin-bottom:18px}.spec-product{width:190px}.anatomy{flex-direction:row;flex-wrap:wrap;gap:10px}.anatomy>span{font-size:9px}.feedback-demo{min-height:0;max-width:320px;margin:auto}.pattern-block{padding:23px;gap:22px}.pattern-block h3{font-size:23px}.pattern-cards{grid-template-columns:1fr}.pattern-cards>button{padding:16px}.pattern-cards b{margin:9px 0;font-size:12px}.system-docs summary{font-size:11px;gap:15px}.system-docs summary span{font-size:9px;white-space:nowrap}.docs-grid{grid-template-columns:1fr;gap:21px}.docs-grid p{font-size:11px}.download-links{flex-wrap:wrap;gap:15px}.download-links a{font-size:9px}.ai-pipeline{display:grid;grid-template-columns:1fr 20px 1fr;gap:23px 15px}.ai-pipeline>i:nth-of-type(2){display:none}.ai-pipeline span{font-size:17px}.ai-pipeline small{font-size:9px}.asset-grid{grid-template-columns:1fr;gap:24px}.prompt-panel>div{padding:14px;gap:10px}.prompt-panel select{font-size:10px;max-width:70%}.prompt-panel button{font-size:9px;white-space:nowrap}.prompt-panel pre{font-size:10px;padding:4px 15px 15px}.validation-note{grid-template-columns:1fr;gap:10px}.validation-note p{font-size:10px;margin-bottom:9px}.site-footer{padding:38px 22px;flex-wrap:wrap;gap:24px;margin-top:55px}.site-footer>div{width:100%}.site-footer h2{font-size:41px}.site-footer>a{font-size:10px}.preview-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.preview-top{padding:13px 17px}.preview-top h2{font-size:18px}.preview-top span{font-size:7px}.preview-top button{width:31px;height:31px}.preview-layout{display:block;padding:10px}.preview-layout>iframe{width:100%;height:calc(100dvh - 118px);max-height:812px;border-radius:12px}.preview-layout>aside{display:none}} @media(max-width:0px){.ui-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 19px;padding:20px}.thumb-phone{max-width:150px}.tile-caption{max-width:150px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} .sn-button.success-demo:hover:not(:disabled){background:var(--color-success-bg);color:var(--color-success-text)}