.tool{padding:50px 0 20px}.clock{text-align:center;font-size:clamp(4rem,13vw,10rem);font-weight:900;letter-spacing:-.07em;font-variant-numeric:tabular-nums;line-height:1}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:36px 0}.controls input,.controls select{width:auto;min-width:140px}.presets{justify-content:center}.laps{width:min(540px,100%);margin:28px auto;color:#dbe7f6}.laps li{padding:9px;border-bottom:1px solid var(--line)}

/* Compact launch view: keep the working tool visible without scrolling past a large introduction. */
.hero{padding:26px 0 12px}.hero h1{font-size:clamp(2rem,4vw,3.6rem);margin:8px 0 10px;max-width:980px}.hero p{font-size:1rem;margin:0;max-width:900px}.ad{display:none}.workspace{padding:14px 0 42px}

/* Keep the tool first and show the sample advertising position directly after it. */
main{display:flex;flex-direction:column}.hero{order:1}.workspace{order:2}.ad{display:grid;order:3;margin-top:0}.info{order:4}

/* Individual product identity */
:root{--accent:#2dd4bf;--accent2:#6366f1}body{background:radial-gradient(circle at 88% 0,#252a70 0,transparent 37%),radial-gradient(circle at 7% 16%,#0d4545 0,transparent 27%),var(--bg)}