/* Dedicated phone UI: vertical cards, fixed one-hand navigation, and simplified decoration. */
body{padding-bottom:78px}.grain{opacity:.09}.wrap{width:calc(100% - 28px);max-width:620px;margin:auto}header{position:sticky;top:0;z-index:8;background:#f4eddded;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:14px 0}header nav{display:flex;justify-content:center}.brand{font:500 14px 'DM Mono';text-decoration:none}.brand b{color:var(--coral)}.navlinks{display:none}h1,h2,h3,p{margin-top:0}section{padding:64px 0;position:relative;scroll-margin-top:58px}.hero{padding:44px 0 55px;display:flex;flex-direction:column;gap:30px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border-radius:99px;background:var(--ink);color:var(--cream);font:11px 'DM Mono'}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}h1{margin:19px 0;font:700 clamp(50px,15vw,74px)/.88 'Fraunces';letter-spacing:-.075em}h1 em{color:var(--coral);font-style:normal}.lede{color:#3d4943;font-size:18px;line-height:1.48}.actions{display:grid;gap:10px;margin-top:25px}.button{min-height:54px;width:100%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);border-radius:9px;padding:14px 18px;font-weight:700;font-size:15px;text-decoration:none}.button.primary{background:var(--coral);border-color:var(--coral;color:#fff;box-shadow:4px 4px 0 var(--ink)}.scanner{width:min(100%,390px);margin:auto;aspect-ratio:1;position:relative;border-radius:24px 46px 30px 48px;background:var(--blue);box-shadow:8px 8px 0 var(--ink)}.scanner:before{content:'';position:absolute;inset:14px;border:1px dashed #fff8;border-radius:inherit}.scan-card{position:absolute;left:9%;width:82%;top:19%;padding:13px;border:2px solid var(--ink);border-radius:9px;background:var(--paper);box-shadow:5px 5px 0 var(--lime);font-size:14px;transform:rotate(-5deg)}.scan-card:nth-child(2){top:51%;transform:rotate(3deg);box-shadow:5px 5px 0 var(--coral)}.mini{margin-bottom:7px;color:var(--muted);font:10px 'DM Mono'}.phrase,.highlight{background:#f8db64;padding:2px 3px;font-weight:700}.tag{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:99px;background:var(--coral);color:#fff;font:10px 'DM Mono'}.orbit,.scroll-mark{display:none}.section-title{margin-bottom:27px}.index{margin-bottom:11px;color:var(--coral);font:12px 'DM Mono'}h2{margin-bottom:12px;font:700 clamp(36px,11vw,52px)/.94 'Fraunces';letter-spacing:-.055em}.section-desc{color:#46504a;font-size:16px;line-height:1.55}.how{background:var(--ink);color:var(--cream)}.how .index{color:var(--lime)}.how .section-desc{color:#d8d1c2}.flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-step{min-height:142px;padding:16px;border:1px solid #f4eddd55;border-radius:9px}.flow-num{color:var(--lime);font:12px 'DM Mono'}.flow h3{margin:37px 0 0;font:600 21px/1.04 'Fraunces'}.arrow{display:none}.tag-grid{display:grid;gap:15px}.tag-box{padding:19px;border:1.5px solid var(--ink);border-radius:11px;background:var(--paper)}.tag-box.neg{box-shadow:6px 6px 0 var(--coral)}.tag-box.pos{box-shadow:6px 6px 0 var(--lime)}.tag-box.neu{box-shadow:6px 6px 0 var(--blue)}.tag-box h3{margin-bottom:12px;font:600 25px 'Fraunces'}.tag-box p{color:var(--muted);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 8px;border-radius:4px;background:#e9dfc9;font:11px 'DM Mono'}.neg .chip{background:#ffd8cf}.pos .chip{background:#e4edb7}.neu .chip{background:#cfe6f6}.flatten{background:var(--paper)}.rules{display:grid;gap:22px}.rule-note{padding:21px;border-radius:12px;background:var(--coral);color:#fff}.rule-note h3{font:600 28px/1 'Fraunces'}.rule-note p{line-height:1.5}.data-panel{border:1.5px solid var(--ink);border-radius:10px;overflow:hidden}.panel-bar{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:var(--ink);color:var(--cream);font:10px 'DM Mono'}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:590px;width:100%;border-collapse:collapse;font-size:12px}th{background:#e8dfcb;text-align:left;font:11px 'DM Mono'}th,td{padding:11px;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}.blank{color:#9b9b92;font-style:italic}.rules-list{margin:18px 0 0;padding:0;list-style:none}.rules-list li{position:relative;padding:13px 0 13px 25px;border-bottom:1px solid var(--line);line-height:1.45}.rules-list li:before{content:'+';position:absolute;left:0;color:var(--coral);font:18px 'DM Mono'}.download{background:var(--blue);color:#fff}.download .index{color:var(--lime)}.download .section-desc{color:#e2f2fc}.download-card{margin-top:30px;padding:20px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:7px 7px 0 var(--lime)}.download-top{display:grid;gap:18px}.download-card h3{margin-bottom:9px;font:600 29px/1 'Fraunces'}.download-card p{color:#424c46;line-height:1.5}.specs{display:grid;margin-top:20px;border:1px solid var(--line)}.spec{padding:16px}.spec+.spec{border-top:1px solid var(--line)}.spec h3{margin-bottom:8px;font:600 19px 'Fraunces'}.spec ul{margin:0;padding-left:18px;color:#46504a;font-size:14px;line-height:1.55}.faq{padding-bottom:64px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{position:relative;padding:18px 32px 18px 0;cursor:pointer;list-style:none;font-weight:700;font-size:16px;line-height:1.3}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:11px;color:var(--coral);font:26px 'DM Mono'}details[open] summary:after{content:'−'}details p{margin:0;padding-bottom:18px;color:#4c554f;line-height:1.55}footer{padding:25px 0 28px;background:var(--ink);color:#d8d1c2;font:11px/1.5 'DM Mono'}footer .wrap{display:grid;gap:15px}.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;width:max-content;gap:7px;padding:7px 10px;border:1px solid #b9d53899;border-radius:99px;color:var(--cream);text-decoration:none}.support-link span{color:var(--lime)}.mobile-dock{position:fixed;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border:1px solid #1e292540;border-radius:16px;background:#fffaf0f5;box-shadow:0 8px 24px #1e29252b;backdrop-filter:blur(10px)}.mobile-dock a{display:grid;place-items:center;gap:1px;min-height:48px;border-radius:11px;color:var(--ink);text-decoration:none;font:10px 'DM Sans'}.mobile-dock span{font:20px/1 'DM Mono'}.mobile-dock a.is-active{background:var(--ink);color:var(--cream)}@media(max-width:390px){.flow{grid-template-columns:1fr}.flow h3{margin-top:24px}h1{font-size:49px}}
