:root{color-scheme:dark;--bg:#10151d;--panel:#171e28;--gold:#ebc978;--text:#f5f1e8;--muted:#b5b9c0;--line:#a9987033;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p{line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-block-start:0}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-.04em}.brand img{width:43px;height:43px;border:1px solid var(--line);border-radius:13px}.brand b{color:var(--gold)}.header-right{display:flex;align-items:center;gap:26px}.back{font-size:14px;color:var(--muted)}.languages{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:12px}.languages a{font-size:12px;min-height:34px;display:grid;place-items:center;padding:7px 10px;border-radius:8px;color:var(--muted)}.languages a[aria-current=page]{background:#ebc978;color:#29210f;font-weight:700}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding-block:70px 68px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--gold);margin-bottom:22px}.hero h1{font-size:clamp(42px,5.2vw,68px);letter-spacing:-.055em;line-height:1.09;margin-bottom:27px}.hero h1 span{color:var(--gold)}.hero-copy>p{font-size:18px;max-width:520px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 23px;min-height:52px;border:1px solid #fbe4a5;border-radius:12px;background:linear-gradient(120deg,#f6df9c,#d6ac50);color:#261e0d;font-weight:750;font-size:15px;box-shadow:0 4px 0 #7d5d28;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.text-link{font-size:14px;color:var(--gold);padding-block:12px;text-decoration:underline;text-underline-offset:5px}.release{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;color:var(--muted);font-size:12px}.release span{padding:7px 11px;border:1px solid var(--line);border-radius:7px}.device{margin:0;position:relative;isolation:isolate;display:grid;justify-items:center}.device::before{content:'';position:absolute;width:95%;height:70%;top:10%;z-index:-1;background:radial-gradient(ellipse,#b88b3425,transparent 70%)}.device img{width:300px;border:1px solid #e4c27652;border-radius:26px;box-shadow:0 26px 80px #0009}.device figcaption{max-width:340px;text-align:center;color:#9a9fa8;font-size:11px;line-height:1.5;margin-top:17px}.section{padding-block:68px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.section h2{font-size:clamp(28px,3vw,39px);line-height:1.18;letter-spacing:-.04em;max-width:580px;margin-bottom:12px}.section-heading p{max-width:380px;margin:0;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features article{padding-block-start:22px;border-top:2px solid var(--line)}.number{color:var(--gold);font-size:12px;font-weight:700;display:block;margin-bottom:22px;letter-spacing:.12em}.features h3{font-size:20px;line-height:1.3;margin-bottom:12px;letter-spacing:-.02em}.features p{font-size:14px;margin-bottom:0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.screen{width:310px;justify-self:center;border-radius:24px;border:1px solid var(--line)}.split p{font-size:16px}.checks{list-style:none;margin:25px 0 0;padding:0}.checks li{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:13px;align-items:start;font-size:14px;line-height:1.65;color:var(--muted)}.checks li::before{content:'✓';color:var(--gold);flex:none}.install{background:linear-gradient(110deg,#26302450,#151c26);border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.install h2{font-size:31px}.install ol{list-style:none;counter-reset:step;margin:0;padding:0}.install li{counter-increment:step;display:flex;align-items:start;gap:15px;font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:20px}.install li:last-child{margin:0}.install li::before{content:counter(step);display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:12px}.beta{margin:20px 0 0;font-size:12px;line-height:1.6}.faq{max-width:820px;margin:40px auto 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.5}.faq p{font-size:14px;margin:14px 0 0}.footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-block:25px 32px;font-size:12px;color:var(--muted)}.footer a{color:var(--gold)}.skip{position:fixed;top:12px;inset-inline-start:12px;transform:translateY(-160%);background:var(--gold);color:#10151d;padding:12px;z-index:10}.skip:focus{transform:none}@media(max-width:900px){.hero{gap:32px}.hero h1{font-size:49px}.device img{width:260px}.split{gap:42px}.install{gap:30px}.features{gap:22px}.header-right{gap:14px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{min-height:82px;gap:10px}.brand{font-size:21px}.brand img{width:36px;height:36px}.header-right{gap:8px}.back{display:none}.languages a{padding-inline:8px;font-size:11px}.hero{grid-template-columns:1fr;padding-block:45px;gap:38px}.hero h1{font-size:47px}.hero-copy>p{font-size:16px}.hero .actions{gap:16px}.button{padding-inline:19px}.device img{width:260px}.device figcaption{max-width:300px}.section{padding-block:42px}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin-top:18px}.features{grid-template-columns:1fr;gap:24px}.features article{padding-top:17px}.number{margin-bottom:13px}.split{grid-template-columns:1fr;gap:30px}.split>div{order:-1}.screen{width:275px}.install{grid-template-columns:1fr;padding:25px;gap:28px}.install h2{font-size:28px}.footer{flex-wrap:wrap;font-size:11px}.release{gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Collections 0.5: restrained controls and comfortable touch targets. */
button{font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.languages a{min-height:44px;min-width:44px}.back{min-height:44px;display:inline-flex;align-items:center}.button{box-shadow:0 2px 8px #0003;transition:filter .2s}.button:hover{transform:none}.collections{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}.collection-copy>p{max-width:550px}.palette-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:27px 20px}.palette-option{--swatch:#eacb85;display:flex;align-items:center;gap:12px;min-height:56px;padding:13px 15px;border:1px solid #39424f;border-radius:12px;background:var(--panel);color:var(--text);font-size:14px;text-align:start;cursor:pointer}.palette-option[aria-pressed=true]{border-color:var(--swatch);box-shadow:inset 0 0 0 1px var(--swatch)}.swatch{width:19px;height:19px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 1px #fff5}.palette-emerald{--swatch:#72d5b0}.palette-sapphire{--swatch:#9cbeff}.palette-platinum{--swatch:#d5dfed}.palette-ruby{--swatch:#f3a6bf}.selection{margin-inline-start:auto;color:var(--swatch);opacity:0}.palette-option[aria-pressed=true] .selection{opacity:1}.collection-path{font-size:13px}.collection-device{margin:0;display:grid;justify-items:center}.collection-device img{width:280px;height:auto;border:1px solid var(--line);border-radius:25px;box-shadow:0 20px 60px #0005}.collection-device figcaption{text-align:center;font-size:14px;color:var(--gold);margin-top:18px}.collection-device small{display:block;max-width:310px;color:var(--muted);font-size:11px;line-height:1.6;margin-top:7px}.source-note{padding:20px 22px;margin:27px 0 0;border:1px solid var(--line);border-radius:13px;font-size:13px}.source-links{display:flex;gap:22px;margin-top:10px}.source-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;color:var(--gold);font-size:13px}@media(max-width:900px){.collections{gap:35px}}@media(max-width:680px){.collections{grid-template-columns:1fr;gap:28px}.collection-device img{width:260px}.back{display:none}.languages a{padding-inline:7px}.source-note{padding:17px}.palette-option{padding-inline:12px;font-size:13px}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand{font-size:18px;gap:7px}.brand img{width:30px;height:30px}.languages a{padding-inline:5px;min-width:40px}}

.brand small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-top:3px}.guardian-preview{padding:18px 0}.guardian-preview summary{min-height:44px;cursor:pointer;color:var(--gold);font-size:14px;line-height:1.6}.guardian-preview img{margin:20px auto}.source-links{flex-wrap:wrap}

/* KEY369-inspired depth and touch effects; original Call369 colors preserved. */
.button{border-radius:20px;box-shadow:0 4px 16px #0004;transition:box-shadow .2s,filter .2s}.button:active{filter:brightness(.93);box-shadow:0 1px 4px #0004}.languages{padding:5px;border-radius:17px}.languages a{border-radius:12px}.features{gap:18px}.features article{border:1px solid var(--line);padding:24px;border-radius:24px;background:var(--panel);box-shadow:0 4px 18px #0002}.palette-option{border-radius:18px;min-height:60px;transition:box-shadow .18s,border-color .18s}.palette-option:hover{box-shadow:0 5px 18px #0003}.install{border-radius:28px}.source-note{border-radius:18px}.video-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.video-feature h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;max-width:600px}.video-feature p{max-width:600px}.video-art{aspect-ratio:1.3;border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 60% 20%,#b88b3433,var(--panel) 70%);border:1px solid var(--line);overflow:hidden;box-shadow:0 12px 35px #0002}.video-orb{display:grid;place-items:center;width:110px;height:128px;border-radius:34px 34px 55px 55px;background:linear-gradient(145deg,#f6df9c,#d6ac50 55%,#7d5d28);font-size:35px;font-weight:750;color:#261e0d;box-shadow:0 20px 40px #0003;transform:rotate(-8deg)}.video-art-bar{position:absolute;bottom:20px;display:flex;gap:10px}.video-art-bar span{display:grid;place-items:center;width:40px;height:40px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--gold)}.video-note{grid-column:1/-1;max-width:none!important;margin:0}.import-feature{padding-inline:30px;border:1px solid var(--line);border-radius:28px;background:var(--panel);margin-block:22px}.import-feature h2{font-size:34px;letter-spacing:-.04em}.import-feature>p{max-width:800px}@media(max-width:680px){.features article{padding:22px}.video-feature{grid-template-columns:1fr;gap:24px}.video-art{aspect-ratio:1.6}.import-feature{padding-inline:22px}.import-feature h2{font-size:28px}.video-orb{width:80px;height:90px;font-size:27px}.video-art-bar{inset-inline-end:18px;bottom:18px}.video-art-bar span{width:30px;height:30px;font-size:13px}}@media(prefers-reduced-motion:reduce){.button,.palette-option{transition:none}}
/* Localized code previews use the same labels as the Android app. */
.app-preview{--accent:#ebc978;--accent-end:#d6ac50;--ink:#29210f;width:min(100%,310px);padding:18px 16px;border:1px solid #e4c27652;border-radius:28px;background:#1d2229;color:#eef0f4;box-shadow:0 20px 60px #0005;justify-self:center;text-align:start}.app-preview[data-palette-theme=emerald]{--accent:#72d5b0;--accent-end:#3ca681}.app-preview[data-palette-theme=sapphire]{--accent:#9cbeff;--accent-end:#628eda}.app-preview[data-palette-theme=platinum]{--accent:#d5dfed;--accent-end:#a7b6ca}.app-preview[data-palette-theme=ruby]{--accent:#f3a6bf;--accent-end:#cc7095}.mock-grip{width:28px;height:3px;border-radius:4px;background:#85744e;margin:0 auto 18px}.mock-title{font-size:18px;font-weight:700;margin-bottom:12px;line-height:1.35}.mock-number{background:#10151d;padding:12px 6px;border-radius:14px;font-size:23px;text-align:center;white-space:nowrap}.mock-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.mock-action{display:block;background:linear-gradient(120deg,var(--accent),var(--accent-end));color:var(--ink);padding:12px 9px;margin:7px 0;border:1px solid var(--accent);border-radius:14px;text-align:center;font-weight:600;font-size:12px;line-height:1.4}.mock-tools .mock-action,.mock-action.outline{color:var(--accent);background:transparent;border-color:#a9987055}.mock-tools .mock-action{font-size:10px;padding:9px 3px}.app-preview p{font-size:11px;line-height:1.6;color:#b5b9c0;margin:10px 0 22px}.app-preview .mock-hint{text-align:center;font-size:9px;margin:10px 0}.mock-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.mock-keys span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid #a9987055;justify-self:center;font-size:24px;font-weight:600}.mock-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:25px 0}.mock-switch i{width:28px;height:14px;background:#ffffff0a;border-radius:12px;position:relative;flex:none}.mock-switch i::after{content:'';position:absolute;inset-inline-end:0;top:-2px;width:18px;height:18px;background:var(--accent);border-radius:50%}.mock-days{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0}.mock-days span{background:var(--accent);color:var(--ink);border-radius:12px;text-align:center;padding:14px 3px;font-size:11px}.mock-quiet>.mock-action:nth-last-child(2){margin-top:22px}.guardian-preview .app-preview{margin:20px auto}.collection-device .app-preview{width:min(100%,280px)}@media(max-width:680px){.app-preview{width:min(100%,280px)}.mock-keys span{width:56px;height:56px}}

.palette-glass .swatch{background:linear-gradient(135deg,#c2e8ff,#e3d9ff 55%,#fff)}[data-palette-theme="glass"]{--accent:#b9deff;--accent-rgb:185,222,255;--surface:#183348;--ink:#f3f8ff;--muted:#d1dfef;background:radial-gradient(ellipse at 10% 0,#42678e,transparent 65%),linear-gradient(130deg,#173149,#363858);border-color:#d9eafa80;box-shadow:inset 1px 1px 0 #ffffff80,0 24px 65px #00132766}[data-palette-theme="glass"] .mock-action,[data-palette-theme="glass"] .mock-keys span{background:linear-gradient(135deg,#ecf8ff30,#a1d7ff33);border:1px solid #deefff80;color:#f3f8ff}

.language-picker{position:relative;flex:none}.language-picker summary{cursor:pointer;display:flex;align-items:center;gap:16px;min-height:46px;padding:10px 15px;border:1px solid var(--line);border-radius:16px;font-size:14px;list-style:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker[open] summary{background:var(--panel);border-color:var(--gold)}.language-picker .languages{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(108px,1fr));width:min(310px,calc(100vw - 38px));max-height:min(65dvh,430px);overflow:auto;overscroll-behavior:contain;background:var(--panel);padding:8px;box-shadow:0 20px 50px #0008}.language-picker .languages a{font-size:13px;justify-content:start;padding-inline:12px}html:lang(zh) .hero h1,html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(th) .hero h1{letter-spacing:normal;line-height:1.25}