:root{--bg:#fbfaf7;--surface:#fff;--surface-soft:#f5f3ee;--ink:#0f1a22;--muted:#5f6b76;--line:#ded8ce;--line-strong:#bdb5a8;--accent:#06483b;--accent-strong:#01362d;--amber:#f4a51c;--amber-strong:#c97800;--shadow:0 22px 70px #30261624;--radius:18px;--radius-sm:10px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(#06483b09 1px, transparent 1px), linear-gradient(90deg, #06483b09 1px, transparent 1px), radial-gradient(circle at 50% 0%, #f4a51c1c, transparent 34rem), var(--bg);background-size:96px 96px,96px 96px,auto,auto;margin:0;font-family:Arial,Helvetica Neue,sans-serif}button,input,select{font:inherit}button{min-height:44px}a{color:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7e0;border-bottom:1px solid #0f1a221a;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.site-logo{color:var(--accent-strong);letter-spacing:0;align-items:center;gap:10px;font-size:1.28rem;font-weight:900;text-decoration:none;display:inline-flex}.site-logo-mark{width:24px;height:24px;box-shadow:inset 0 0 0 4px var(--bg);border:3px solid;border-radius:50%}.site-nav,.site-footer nav{align-items:center;gap:26px;display:flex}.site-nav a,.site-footer a{color:var(--ink);text-decoration:none}.site-nav a{font-weight:700}.site-footer{color:var(--muted);border-top:1px solid #0f1a221a;justify-content:space-between;gap:28px;padding:34px 28px;display:flex}.site-footer strong{color:var(--ink)}.site-footer p{margin:8px 0 0}.ad-slot{border-radius:var(--radius-sm);min-height:128px;color:var(--muted);text-align:center;background:#ffffff8f;border:1px dashed #0f1a2242;place-items:center;gap:6px;display:grid}.ad-slot span{color:var(--ink);font-weight:800}.ad-slot small{max-width:280px;line-height:1.5}.page-band{width:100%;padding:72px 20px}.page-inner{width:min(1180px,100%);margin:0 auto}.page-band-tight{padding-top:0}.home-shell{align-content:center;gap:22px;min-height:70dvh;display:grid}.home-shell h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.6rem,7vw,5.7rem);line-height:.98}.home-shell p{max-width:620px;color:var(--muted);margin:0;font-size:1.14rem;line-height:1.7}.content-page{max-width:820px}.content-page h1{letter-spacing:0;margin:0 0 24px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02}.content-page h2{margin:34px 0 10px;font-size:1.28rem}.content-page p{color:var(--muted);font-size:1.05rem;line-height:1.8}.content-page a{color:var(--accent);text-underline-offset:4px;font-weight:800}.alarm-hero{padding-bottom:34px}.alarm-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(320px,.64fr);align-items:center;gap:48px;display:grid}.alarm-hero-copy h1{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(2.8rem,5.6vw,5.2rem);line-height:1.02}.alarm-hero-copy p:not(.eyebrow){max-width:690px;color:var(--muted);margin:24px 0 0;font-size:1.18rem;line-height:1.7}.alarm-workspace-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #0f1a221f;margin:0;position:relative;overflow:hidden}.alarm-workspace-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#06483b2e);position:absolute;inset:0}.alarm-workspace-card img{object-fit:cover;width:100%;height:360px;display:block}.content-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.content-section{color:var(--muted)}.content-section h2{color:var(--ink);letter-spacing:0;margin:0 0 16px;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.05}.content-section p,.content-section li{font-size:1.05rem;line-height:1.8}.content-section ol{margin:0;padding-left:22px}.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.use-case-grid p,.faq-list details{border-radius:var(--radius-sm);background:#ffffffb8;border:1px solid #0f1a221f;margin:0;padding:18px}.faq-list{gap:12px;display:grid}.faq-list summary{cursor:pointer;color:var(--ink);font-weight:900}.faq-list p{margin:12px 0 0}.eyebrow{color:var(--amber-strong);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:800}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;width:fit-content;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:var(--accent);box-shadow:0 12px 28px #06483b33}.button-secondary{color:var(--ink);background:#eef2f1;border-color:#0f1a2224}.button-ghost{color:var(--ink);background:#ffffffbd;border-color:#0f1a2224}.button:disabled{cursor:not-allowed;opacity:.48}.button:active{transform:translateY(1px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.alarm-tool{border-radius:var(--radius);background:linear-gradient(135deg, #ffffffeb, #ffffffb8), var(--surface);box-shadow:var(--shadow);border:1px solid #0f1a2229;position:relative;overflow:hidden}.alarm-tool-header{border-bottom:1px solid #0f1a221f;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px 20px;display:flex}.alarm-tool-header h2{letter-spacing:0;margin:6px 0 0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.alarm-status{color:var(--accent);background:#06483b14;border:1px solid #06483b29;border-radius:999px;margin:0;padding:8px 14px;font-weight:800}.alarm-console{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:28px;padding:28px 30px;display:grid}.timer-face{aspect-ratio:1;background:radial-gradient(circle,#fffffff2 58%,#06483b0a),repeating-conic-gradient(#0f1a2252 0deg 1deg,#0000 1deg 6deg);border:1px solid #0f1a221f;border-radius:50%;align-content:center;place-items:center;gap:12px;min-height:280px;display:grid;box-shadow:inset 0 0 0 16px #ffffffe6}.timer-face svg{color:var(--amber-strong)}.timer-face strong{color:var(--accent-strong);letter-spacing:0;font-size:clamp(3.2rem,8vw,5rem);line-height:1}.timer-face span{color:var(--accent);font-weight:800}.alarm-controls{align-content:start;gap:16px;display:grid}.field-label,.select-card span{font-weight:800}.interval-input-row{grid-template-columns:auto minmax(110px,170px) auto;align-items:center;gap:12px;display:grid}.interval-input-row input{border-radius:var(--radius-sm);width:100%;min-height:58px;color:var(--ink);background:#fff;border:1px solid #0f1a2229;padding:0 16px;font-size:1.65rem;font-weight:900}.field-error{color:#a33a00;margin:0;font-weight:800}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.preset-button,.icon-button{border-radius:var(--radius-sm);color:var(--ink);background:#ffffffd1;border:1px solid #0f1a2224;font-weight:800}.preset-button.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.action-button{gap:8px;width:100%}.alarm-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 30px 24px;display:grid}.toggle-card,.select-card,.repeat-card{border-radius:var(--radius-sm);background:#ffffffbd;border:1px solid #0f1a221f;gap:12px;min-height:112px;padding:18px;display:grid}.toggle-card{grid-template-columns:1fr auto;align-items:center}.toggle-card span,.repeat-card span{align-items:center;gap:10px;font-weight:800;display:inline-flex}.toggle-card input{width:48px;height:28px;accent-color:var(--accent)}.select-card{grid-template-columns:1fr auto}.select-card span{grid-column:1/-1}.select-card select{border-radius:var(--radius-sm);background:#fff;border:1px solid #0f1a2229;min-height:46px;padding:0 12px}.repeat-card strong{color:var(--accent);font-size:1.2rem}.alarm-note{color:var(--muted);text-align:center;border-top:1px solid #0f1a221a;margin:0;padding:16px 30px 20px}.alarm-overlay{z-index:50;background:#0f1a22b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.alarm-dialog{border-radius:var(--radius);width:min(520px,100%);color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 10%,#f4a51c57,#0000 15rem),#fff7e6;border:1px solid #f4a51c75;padding:34px;box-shadow:0 24px 90px #00000042}.alarm-dialog svg{color:var(--amber-strong)}.alarm-dialog h2{letter-spacing:0;margin:12px 0;font-size:clamp(2rem,6vw,3.5rem);line-height:1}.alarm-dialog p{color:var(--muted);line-height:1.7}.alarm-dialog-meta{font-weight:800}.alarm-dialog .button{margin:14px auto 0}@keyframes alarm-flash{0%,to{background-color:#0f1a22b8}50%{background-color:#f4a51c94}}.alarm-overlay-flash{animation:1.4s ease-in-out infinite alarm-flash}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:720px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-header{padding:18px 16px;position:static}.site-nav,.site-footer nav{flex-wrap:wrap;gap:16px}.site-footer{padding:28px 16px}.page-band{padding:48px 16px}.alarm-hero-grid,.content-grid,.use-case-grid{grid-template-columns:1fr}.alarm-workspace-card img{height:240px}.alarm-tool-header,.alarm-console,.alarm-options{padding-left:18px;padding-right:18px}.alarm-tool-header,.alarm-console{grid-template-columns:1fr}.timer-face{width:min(100%,320px);min-height:auto;margin:0 auto}.preset-grid,.action-row{grid-template-columns:1fr 1fr}.alarm-options,.action-row{grid-template-columns:1fr}.select-card,.repeat-card{grid-column:1/-1}}