@font-face{font-family:'DM Sans';src:url('assets/dmsans.ttf');font-weight:100 1000;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fcfbf7;color:#10272b;font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:#007074;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #007074;outline-offset:4px}.skip{position:absolute;top:0;left:20px;transform:translateY(-150%);background:#fff;padding:12px;z-index:9}.skip:focus{transform:none}header,main{max-width:1440px;padding:0 40px;margin:auto}header{display:flex;align-items:center;gap:24px;min-height:104px}header img{width:172px}header span{font-size:11px;border:1px solid #c8d2ca;border-radius:4px;padding:3px 9px}header a{margin-left:auto;font-size:13px}.intro{padding:40px 0}.eyebrow{font-size:11px;letter-spacing:.08em;color:#007074}h1{font-size:44px;font-weight:550;line-height:1.12;letter-spacing:-.04em;margin:16px 0 20px}.intro>p:last-child{max-width:70ch;color:#4c625e}.toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}.modes{display:flex;gap:6px}.toolbar button,.try-row button{border:1px solid #c8d2ca;background:#fff;border-radius:6px;color:#10272b;min-height:44px;padding:8px 14px;font-size:13px}.toolbar button[aria-pressed=true]{background:#10272b;border-color:#10272b;color:#fff}.toolbar>a{font-size:13px}.try-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.try-row>span{font-size:11px;color:#4c625e;margin-right:10px}.try-row button{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#007074;padding:8px}.stage{background:#f0f3ef;border:1px solid #c8d2ca;border-radius:12px;padding:12px;overflow:hidden}.frame-holder{position:relative;margin:auto;overflow:hidden;border-radius:5px;background:#fcfbf7;box-shadow:0 8px 24px #0713170a}iframe{position:absolute;inset:0;border:0;transform-origin:top left;background:#fcfbf7}.frame-note{font-size:11px;color:#4c625e}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:24px 0}.notes p{font-size:14px;color:#4c625e}.notes strong{display:block;font-size:16px;font-weight:550;color:#10272b;margin-bottom:10px}details{border-top:1px solid #c8d2ca;padding:20px 0 40px;font-size:13px;color:#4c625e}summary{cursor:pointer;min-height:44px;color:#10272b}#preview{scroll-margin-top:20px}@media(max-width:767px){header,main{padding-left:24px;padding-right:24px}header{gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}header img{width:124px}header a{font-size:11px}.intro{padding:24px 0}h1{font-size:32px}.toolbar{gap:12px}.toolbar button{padding:8px 10px;font-size:12px}.stage{padding:6px}.notes{grid-template-columns:1fr;gap:0}.try-row{gap:4px}.try-row>span{width:100%}.try-row button{font-size:12px}}