*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FAF6EF;color:#1A1A1A;font-family:Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:4px solid #3D5AFE;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:2px solid #1A1A1A}.brand{font-family:Georgia,serif;font-weight:900;font-size:34px;text-decoration:none;letter-spacing:-2px}.brand span{color:#b8321c}.pill{border:2px solid #1A1A1A;padding:7px 15px;border-radius:30px;background:#A7F3D0;font-size:13px;font-weight:bold;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:65px 0 55px}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:2px;font-size:13px}h1,h2,h3{font-family:Georgia,serif;line-height:1.03;letter-spacing:-2px}h1{font-size:clamp(48px,6.5vw,84px);margin:24px 0}h1 em{font-style:normal;background:#FEEAA0}h2{font-size:40px;margin:0 0 20px}h3{font-size:27px;letter-spacing:-.8px}.intro{max-width:540px;font-size:20px}.btn{display:inline-block;background:#FF6B4A;border:2px solid #1A1A1A;box-shadow:5px 5px 0 #1A1A1A;padding:13px 23px;text-decoration:none;font-weight:800;border-radius:5px}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #1A1A1A}.small{font-size:14px}.art{position:relative;background:#BAE6FD;border:3px solid #1A1A1A;box-shadow:9px 9px 0 #1A1A1A;border-radius:14px;padding:35px 26px;transform:rotate(2deg)}.art svg{display:block;width:100%;height:240px}.note{border:2px solid #1A1A1A;background:#fff;padding:15px;box-shadow:5px 5px 0 #1A1A1A;font-weight:800;transform:rotate(-4deg)}.ribbon{background:#FEEAA0;border-block:2px solid #1A1A1A;padding:13px 0;font-size:14px;font-weight:800;text-align:center;word-spacing:5px}.signup{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:65px 0;align-items:start}.panel{background:#fff;border:2px solid #1A1A1A;box-shadow:7px 7px 0 #1A1A1A;border-radius:8px;padding:28px}.switch{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.switch button{font:inherit;font-size:14px;font-weight:bold;border:2px solid #1A1A1A;border-radius:30px;padding:9px 16px;background:#fff;cursor:pointer}.switch button[aria-pressed=true]{background:#A7F3D0}.pending{border:2px dashed #1A1A1A;padding:22px;background:#FFF4E0}.pending input{width:100%;padding:13px;border:2px solid #1A1A1A;font:inherit;background:#eee;color:#555}.pending button{margin-top:15px;width:100%;padding:12px;font:inherit;font-weight:bold;background:#FECDD3;border:2px solid #1A1A1A;color:#555}iframe{width:100%;min-height:600px;border:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:65px}.card{border:2px solid #1A1A1A;padding:25px;border-radius:8px;box-shadow:5px 5px 0 #1A1A1A}.card:nth-child(1){background:#A7F3D0}.card:nth-child(2){background:#FECDD3}.card:nth-child(3){background:#BAE6FD}.card p{font-size:16px}details{border-top:2px solid #1A1A1A;padding:18px 0}summary{font-weight:bold;cursor:pointer}footer{margin-top:45px;border-top:2px solid #1A1A1A;padding:25px 0;display:flex;justify-content:space-between;gap:15px;font-size:14px}.privacy{max-width:800px;padding:50px 0}.privacy h2{font-size:28px;letter-spacing:-.5px;margin-top:35px}@media(max-width:760px){.wrap{padding:0 20px}.hero,.signup{grid-template-columns:1fr;gap:35px;padding:40px 0}.art{margin:0 8px 5px 0}.cards{grid-template-columns:1fr}header .pill{font-size:10px}.brand{font-size:28px}footer{flex-direction:column}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}
/* Exact Kettle design system */
:root{--cream:#FAF6EF;--ink:#1A1A1A;--coral:#FF6B4A;--blue:#3D5AFE;--butter:#FEEAA0;--mint:#A7F3D0;--blush:#FECDD3;--sky:#BAE6FD}
body{font-family:'Instrument Sans',sans-serif;background-image:radial-gradient(rgba(26,26,26,.09) 1px,transparent 1px);background-size:22px 22px}
h1,h2,h3,h4,.brand{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;font-weight:800}
.eyebrow,.pill,.ribbon,.art-tag{font-family:'DM Mono',monospace;font-weight:400}
.brand{display:flex;align-items:center;gap:8px;letter-spacing:-.02em;color:var(--ink);font-size:30px}.coral-word{color:var(--ink)!important}.brand-icon{width:45px;height:45px}.brand-icon svg{height:45px;width:45px}.header-actions{display:flex;gap:24px;align-items:center}.pill{background:var(--butter);text-transform:none;letter-spacing:0}.nav-link{font-weight:600;font-size:14px;text-underline-offset:5px}
.hero{padding:70px 0 65px;gap:55px}.hero-tag{display:inline-block;border:2px solid var(--ink);padding:7px 14px;border-radius:9999px;background:white;font-size:12px;text-transform:none;letter-spacing:0}h1{font-size:clamp(52px,7vw,86px);line-height:1.02}h1 em{background:none;position:relative;isolation:isolate}h1 em:after{content:'';position:absolute;left:-3px;right:-4px;bottom:4px;height:30%;background:var(--butter);z-index:-1;border-radius:5px}.intro{font-size:20px;line-height:1.6;margin-bottom:26px}
.btn{border-radius:9999px;box-shadow:4px 4px 0 0 var(--ink);padding:12px 20px;font-size:16px}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--ink)}.secondary{background:white;margin-left:13px}
.art{background:var(--sky);transform:none;border:2.5px solid var(--ink);box-shadow:7px 7px 0 0 var(--ink);border-radius:16px;padding:23px 28px 28px}.art svg{height:auto;width:100%;max-height:330px}.art-tag{font-size:10px;letter-spacing:1px}.note{background:var(--cream);border-radius:12px;box-shadow:4px 4px 0 var(--ink);font-size:17px;transform:rotate(-3deg);text-align:center}
.ribbon{background:var(--butter);font-size:15px;word-spacing:6px}.signup{padding:80px 0 70px;gap:65px;scroll-margin-top:20px}.signup h2{font-size:clamp(36px,4vw,49px);margin-top:20px}.panel{border-radius:16px;border:2.5px solid var(--ink);box-shadow:7px 7px 0 0 var(--ink);padding:30px}.panel h3{font-size:29px}.switch button{border-radius:9999px;box-shadow:4px 4px 0 0 var(--ink);background:var(--cream);font-size:13px;margin-bottom:5px}.switch button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.switch button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.pending{border:2px solid var(--ink);border-radius:16px;background:var(--butter);padding:22px}.pending p{font-size:15px;margin-bottom:0}.status-dot{display:inline-block;width:11px;height:11px;border:2px solid var(--ink);background:var(--coral);border-radius:50%;margin-right:8px}.consent{font-size:12px;line-height:1.7;color:#454545}.card{border-radius:16px;box-shadow:4px 4px 0 var(--ink);padding:28px}.card:nth-child(1){background:var(--mint)}.card:nth-child(2){background:var(--butter)}.card:nth-child(3){background:var(--blush)}.card h3{font-size:31px}.card .eyebrow{font-size:11px;letter-spacing:0}.faq{max-width:900px;margin:auto}summary{list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;line-height:1}details[open]>summary:after{content:'−'}footer{align-items:center;flex-wrap:wrap}footer .brand{font-size:23px}.privacy{max-width:850px;margin:auto}.privacy h2{font-size:29px}.privacy-block{padding:25px;background:white;border:2px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);margin:25px 0}.privacy-block h2{margin-top:0}.edit{background:var(--butter);padding:2px 4px;overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:10px;z-index:10;padding:10px;background:var(--mint)}.skip:focus{top:10px}summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
@media(max-width:760px){header{gap:12px}.header-actions{gap:10px}.nav-link{display:none}.brand{font-size:24px}.brand-icon,.brand-icon svg{width:35px;height:35px}.pill{font-size:11px!important;padding:6px 10px}.hero{padding:40px 0;gap:32px}.hero h1{font-size:clamp(50px,11vw,76px)}.secondary{margin-left:8px}.btn{padding:11px 15px;font-size:14px}.intro{font-size:18px}.signup{gap:30px;padding:45px 0}.panel{padding:23px}.ribbon{word-spacing:0;font-size:11px}.cards{margin-bottom:48px}.card h3{font-size:29px}footer{align-items:flex-start}.privacy h1{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover,.btn:active,.switch button:hover,.switch button:active{transform:none}}

/* Supplied Kettle logo, preserved without alteration. */
.brand-logo{width:56px;height:56px;object-fit:contain;border:2px solid #1A1A1A;border-radius:12px;display:block}.hero-logo{width:100%;height:auto;display:block;border:2px solid #1A1A1A;border-radius:12px;margin:18px 0 24px}.art{background:#FEEAA0;padding:22px}.brand-name{white-space:nowrap}@media(max-width:760px){.brand-logo{width:42px;height:42px}.brand-name{font-size:22px}.art{padding:20px}}
/* Wordmark and signup button colour refinements. */
.brand,.brand span,.brand-name,.coral-word{color:#1A1A1A!important}
.switch button[aria-pressed="true"]{background:#A7F3D0}
.switch button[aria-pressed="false"]{background:#FECDD3}

/* Privacy-first launch: installed font fallbacks, no external font requests. */
body{font-family:'Trebuchet MS',Arial,sans-serif}h1,h2,h3,h4,.brand{font-family:'Trebuchet MS',Arial,sans-serif}.eyebrow,.pill,.ribbon,.art-tag{font-family:'Courier New',monospace}.privacy h1{font-size:clamp(38px,7vw,60px)}.privacy-block{overflow-wrap:anywhere}

/* Explicit readable ink text on both audience buttons in every state. */
.switch button,.switch button[aria-pressed="true"],.switch button[aria-pressed="false"],.switch button:hover,.switch button:focus,.switch button:active{color:#1A1A1A!important;-webkit-text-fill-color:#1A1A1A!important}
