@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:LP-Roboto;src:url('assets/roboto-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#090909;--text:#f5f4ef;--muted:#a8a8a0;--accent:#ffd43b;--line:#303030;--gutter:24px;background:var(--bg);font-family:Manrope,system-ui,sans-serif}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
button,a,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
svg{width:21px;height:21px;flex-shrink:0}
a,button,select,summary{-webkit-tap-highlight-color:transparent}
a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}.icon-library{position:absolute;pointer-events:none}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--accent);color:#16130a;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-nav{height:72px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:960px;margin:auto}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;line-height:1;flex-shrink:0}
.brand img{display:block;object-fit:contain;flex-shrink:0;width:29px;height:29px}
.brand span{font-size:14px;font-weight:650;letter-spacing:-.035em}
.site-nav nav{display:flex;align-items:center;font-size:12px;font-weight:500;color:var(--muted)}
.site-nav nav>a{min-height:44px;display:flex;align-items:center}
.hero{padding:18px var(--gutter) 0;max-width:438px;margin:auto;text-align:center}
.hero h1{margin:0;font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-.05em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preview-wrap{min-width:0;margin:0 auto}
.product-stage{height:342px;position:relative;isolation:isolate;max-width:390px;margin:auto;overflow:clip}
.stage-texture{position:absolute;inset:-20px -36px -25px;background:url('assets/amber-contours-v1.png') center/cover no-repeat;opacity:.52;filter:saturate(.78) contrast(1.05);mix-blend-mode:screen;z-index:-2;pointer-events:none}
.product-stage:before{content:'';position:absolute;inset:19px 5% 8px;border:1px solid #d2a42324;border-radius:31px 31px 46px 46px;background:linear-gradient(130deg,#d5a7210b,transparent 35%,transparent 70%,#d5a7210b);box-shadow:inset 0 0 65px #d5a72108;z-index:-1;pointer-events:none}
.stage-rear{position:absolute;inset:48px 5% 25px;border:1px solid #d7ae3f32;border-radius:19px;background:linear-gradient(135deg,#2a24180f,#111 42%,#16130b3d);box-shadow:0 25px 55px #0008;overflow:hidden;transform:rotate(-2deg);z-index:0}
.stage-rear:before,.stage-rear:after{content:'';position:absolute;border:1px solid #d6b65b2f;border-radius:50%;width:125px;height:125px;right:-47px;top:-43px}.stage-rear:after{width:74px;height:74px;right:-18px;top:-17px}
.stage-rear span{position:absolute;display:block;left:21px;height:1px;background:linear-gradient(90deg,#d7ae3f65,transparent);border-radius:1px}.stage-rear span:nth-child(1){top:46px;width:88px}.stage-rear span:nth-child(2){top:60px;width:48px}.stage-rear span:nth-child(3){bottom:28px;width:128px;background:linear-gradient(90deg,transparent,#d7ae3f4f,transparent)}
.app-window{position:absolute;top:23px;left:50%;transform:translateX(-50%);width:86%;border:1px solid #60583b;border-radius:18px;background:linear-gradient(145deg,#161614,#0e0e0e 38%);box-shadow:0 30px 55px #000c,0 10px 25px #d3a72a16,inset 0 1px #ffffff0a;overflow:hidden;text-align:left;font-family:LP-Roboto,Roboto,system-ui,sans-serif;z-index:1}
.app-toolbar{height:48px;padding:0 12px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center;border-bottom:1px solid #4a442b;border-top:1px solid #ffffff08;font-size:15px;background:#151512c9}
.app-toolbar>span{text-align:center;white-space:nowrap}
.app-toolbar img{width:25px;height:25px}.app-toolbar>svg{justify-self:end;color:#bbb;width:18px;height:18px}
.example-apps{list-style:none;margin:0;padding:0 12px}
.example-apps li{display:flex;align-items:center;gap:12px;min-height:61px;border-bottom:1px solid #ffffff10;background:linear-gradient(90deg,transparent,#e0af3210 80%,transparent)}
.example-apps li:last-child{border-bottom:none}.example-apps li>div{flex:1;min-width:0}
.example-apps strong{display:block;font-size:14px;line-height:1.4;font-weight:400}
.example-apps div>span{display:block;color:#aaa;font-size:11px;line-height:1.7}
.example-apps li>svg{height:16px;width:16px;color:#999}
.sample-icon{width:32px;height:32px;flex:0 0 32px;object-fit:contain;display:flex;align-items:center;justify-content:center}
.calendar{background:#f4f5f8;border-radius:7px;color:#377ad3;font-size:20px;border-top:6px solid #76a3e2}
.calculator{background:#454545;border-radius:7px;font-size:21px;gap:2px;color:#eee}.calculator>span{background:#da8b37;align-self:stretch;border-radius:0 7px 7px 0;padding:0 2px}
.gallery{background:#785686;color:#f8e4f5;border-radius:7px}.gallery svg{width:24px;height:24px}
.app-bottom{height:56px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #4a442b;background:linear-gradient(180deg,#161510,#101010);color:#aaa;gap:4px}
.app-bottom>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;line-height:1.2}.app-bottom svg{width:19px;height:19px}
.preview-caption{font-size:10px;color:#b6a362;margin:5px 0 0;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.preview-tabs{display:flex;width:228px;margin:15px auto 0;padding:3px;gap:3px;background:linear-gradient(180deg,#191812,#0e0e0d);border:1px solid #554a29;border-radius:13px;box-shadow:0 11px 22px #0008}
.preview-tabs button{flex:1;padding:10px 12px;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;font-weight:500}
.preview-tabs button[aria-selected=true]{background:linear-gradient(135deg,#383323,#25241f);color:var(--text);box-shadow:inset 0 1px #ffffff12}
.extras-intro{padding:13px 12px 10px;border-bottom:1px solid #ffffff18}
.extras-intro strong{display:block;font-size:13px;color:#f6dd8d;font-weight:400}.extras-intro span{display:block;color:#aaa;font-size:10px;margin-top:5px}
.extras-scroll{height:123px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#756c45 #141414}.extras-scroll ul{list-style:none;margin:0;padding:0 12px}
.extras-scroll li{padding:10px 0;border-bottom:1px solid #ffffff15;font-size:13px}.extras-scroll li strong{display:block;color:#ded4aa;font-weight:400}.extras-scroll li span{display:block;font-size:11px;line-height:1.45;color:#aaa;margin-top:5px}
.download-section{margin-top:27px;scroll-margin-top:24px}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border:1px solid #ffe57a;border-radius:18px;font-size:14px;font-weight:650;line-height:1.4;background-color:var(--accent);background-image:linear-gradient(135deg,#ffd43b,#f8bd20);box-shadow:0 12px 28px #e7ad1a25,inset 0 1px #fff4b3;color:#171507;width:100%;transition:background .2s,transform .2s,box-shadow .2s}
.primary:hover{color:#171507;background:#ffe27a;box-shadow:0 16px 32px #e7ad1a38,inset 0 1px #fff4b3;transform:translateY(-1px)}
.hero-meta{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0 0}
.download-note{color:#999993;font-size:10px;line-height:1.7;margin:12px 0 0}
.scope-note{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 0 0}
.status{font-size:11px;color:#c8bf9d;line-height:1.6;margin:10px 0}.status:empty{display:none}
.build-section{max-width:438px;margin:32px auto 0;padding-inline:var(--gutter)}
.build-details{text-align:left;border-block:1px solid #4c452f;background:linear-gradient(90deg,#d3a72406,transparent 25%,transparent 75%,#d3a72406)}
.build-details>summary{min-height:56px;cursor:pointer;list-style:none;font-size:12px;display:flex;align-items:center;justify-content:space-between}
.build-details>summary::-webkit-details-marker{display:none}.build-details>summary:after{content:'+';font-size:22px;font-weight:300;color:var(--muted)}.build-details[open]>summary:after{content:'−'}
.details-body{padding:0 0 22px;color:#aaa99f;font-size:12px;line-height:1.8}.details-body dl{margin:0 0 20px}.details-body dl>div{padding:10px 0;border-bottom:1px solid var(--line);display:grid;gap:3px}.details-body dt{color:#e0ded4}.details-body dd{margin:0;overflow-wrap:anywhere}
.details-body h3{font-size:12px;font-weight:600;color:#d9d5c6;margin:22px 0 10px}
.details-body code{display:block;overflow-wrap:anywhere;color:#dfc968;background:#15140f;padding:14px;font-size:11px;line-height:1.75;border-radius:6px;user-select:all}
.checksum-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0}.checksum-actions>a{text-decoration:underline;text-underline-offset:4px}
.small-button{color:var(--text);border:1px solid #686148;background:transparent;border-radius:99px;padding:11px 17px;min-height:44px;font-size:12px}
.text-link{display:inline-block;border-bottom:1px solid #b9ad76;padding-bottom:5px;font-size:12px;font-weight:500}.details-body>.text-link{margin-top:20px}
.site-footer{max-width:438px;margin:auto;padding:16px var(--gutter) 28px;display:flex;justify-content:center;align-items:center;gap:24px;color:var(--muted);font-size:11px}
.site-footer>a{min-height:44px;display:inline-flex;align-items:center}.footer-brand img{object-fit:contain}
.guide-page .site-footer{max-width:800px;flex-wrap:wrap;justify-content:space-between;gap:12px}.guide-page .site-footer>p{flex-basis:100%;font-size:10px;margin:0}.guide-page .site-footer .brand span{font-size:13px}
.guide-page{padding-top:0}.guide-shell{max-width:800px;margin:auto;padding:32px var(--gutter) 40px}.install-help{font:inherit;color:var(--text)}.install-help h1{font-size:40px;font-weight:200;letter-spacing:-.035em;line-height:1.15;margin:0 0 20px}.install-help>p{font-size:15px;color:var(--muted);line-height:1.75}.install-help label{display:block;margin:32px 0 11px;font-size:13px;color:#d4c99b}.install-help select{display:block;box-sizing:border-box;width:100%;min-height:52px;margin:0 0 34px;padding:12px 42px 12px 16px;color:var(--text);background:#161610;border:1px solid #797052;border-radius:10px;font:inherit;font-size:14px;line-height:1.4}.install-help article{border-top:1px solid var(--line);padding-top:28px}.install-help h2{font-size:26px;font-weight:300;letter-spacing:-.025em;line-height:1.3;margin:0 0 17px}.install-help article>p{color:#acaca1;font-size:14px;line-height:1.85}.install-help ol{list-style:none;counter-reset:guide-step;margin:26px 0;padding:0}.install-help li{position:relative;counter-increment:guide-step;padding:0 0 0 40px;margin:24px 0;color:#b6b5aa;font-size:14px;line-height:1.85}.install-help li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:1px;color:#e0ca71;font-size:12px;letter-spacing:.03em}.install-help__note{border-left:1px solid #c4aa4c;padding:10px 16px;background:#c4aa4c09}.install-help__sources{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:26px}.install-help__sources a{color:#e0ce90;font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;line-height:1.7}.install-help__reviewed{font-size:11px!important;line-height:1.9!important;margin-top:28px!important;color:#909087!important}


@media(min-width:700px){
 .site-nav{height:88px;padding-inline:40px}.brand span{font-size:16px}.brand img{width:33px;height:33px}.site-nav nav{font-size:13px}
 .hero{max-width:520px;padding-top:30px}.hero h1{font-size:48px}.preview-wrap{margin-top:0}.product-stage{height:386px;max-width:430px}.app-window{border-radius:20px}.app-toolbar{height:54px;font-size:18px}.app-toolbar img{width:29px;height:29px}.example-apps li{min-height:70px}.example-apps strong{font-size:16px}.example-apps div>span{font-size:12px}.sample-icon{width:37px;height:37px;flex-basis:37px}.app-bottom{height:58px}.app-bottom>span{font-size:10px}.preview-caption{font-size:11px}.preview-tabs{margin-top:18px}.download-section{margin-top:28px}.hero-meta{font-size:12px}.download-note,.scope-note{font-size:12px}.primary{font-size:15px;min-height:56px}.build-section{max-width:520px;margin-top:36px}.build-details>summary{font-size:14px;min-height:64px}.site-footer{max-width:520px;font-size:12px;padding-bottom:40px}
 .extras-scroll{height:149px}.extras-intro{padding-block:17px}.extras-intro strong{font-size:15px}.extras-intro span{font-size:11px}
 .guide-shell{padding-top:50px}.install-help h1{font-size:58px}.install-help h2{font-size:31px}.install-help>p{font-size:17px}.install-help article>p,.install-help li{font-size:15px}
}
@media(max-width:360px){
 :root{--gutter:20px}.site-nav{height:64px}.brand span{font-size:13px}.brand img{width:27px;height:27px}.site-nav nav{font-size:11px}.hero{padding-top:18px}.hero h1{font-size:31px}.product-stage{height:300px}.app-window{width:90%;top:17px}.app-toolbar{height:43px;font-size:14px}.example-apps li{min-height:52px}.app-bottom{height:50px}.example-apps strong{font-size:13px}.sample-icon{width:29px;height:29px;flex-basis:29px}.app-bottom>span{font-size:8px}.app-bottom svg{width:17px;height:17px}.preview-wrap{margin-top:0}.preview-tabs{margin-top:12px}.download-section{margin-top:20px}.hero-meta{font-size:10px}.scope-note{font-size:10px}.site-footer{gap:20px}.extras-scroll{height:97px}.install-help h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
