:root{--ground:#eef1fb;--navy:#0a1a4a;--cobalt:#2447f9;--orange:#ff7a1a;--pink:#ff5fa2;--mint:#19c98b;--yellow:#ffc928;--white:#fff;--display:"Bricolage Grotesque", sans-serif;--text:"Instrument Sans", sans-serif;--gutter:clamp(16px, 2.5vw, 32px)}*,:before,:after{box-sizing:border-box}body{background:var(--ground);color:var(--navy);font-family:var(--text);margin:0;font-size:17px;line-height:1.4}a{color:var(--navy)}a:hover{color:var(--cobalt)}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}h1,h2,h3,.tile-body{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.02}input,select,textarea,button{font:inherit;color:inherit}.wrap{max-width:1400px;padding:0 var(--gutter);margin:0 auto}.wrap.narrow{max-width:1216px}.logo{font-family:var(--display);font-size:34px;font-weight:800;line-height:1;text-decoration:none}.site-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:16px 0;display:flex}.site-head nav{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.tap{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.btn{background:var(--navy);min-height:48px;color:var(--white);cursor:pointer;border:0;border-radius:24px;justify-content:center;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:var(--white)}.btn.yellow{background:var(--yellow);color:var(--navy)}.btn.cobalt{background:var(--cobalt);color:var(--white)}.chip{background:var(--white);border-radius:22px;align-items:center;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.chip[aria-current]{background:var(--navy);color:var(--white)}.hidden-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-foot{border-top:2px solid var(--navy);flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding:20px 0 32px;font-size:16px;display:flex}.site-foot p{max-width:64ch;margin:0}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,50% - 6px),1fr));grid-auto-rows:minmax(200px,auto);grid-auto-flow:dense;gap:12px;padding-bottom:32px;display:grid}.tile{background:var(--tile);color:var(--fg);flex-direction:column;justify-content:space-between;gap:14px;min-width:0;display:flex;position:relative}.tile a{color:inherit}.tile-art{color:var(--art)}.tile-head{margin-bottom:6px}.tile-name{display:inline-block;position:relative}.tile-name>a{text-decoration:none}.tile-name>a:hover{text-decoration:underline}.tile-body{margin:0 0 8px;line-height:1.32}.tile-domain{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600}.tile-paid{margin:2px 0 0;font-size:14px}.tier-free{border-radius:16px;grid-area:span 1/span 1;padding:16px}.tier-free .tile-art{width:52px;height:52px}.tier-free .tile-head{font-size:22px}.tier-free .tile-body{font-size:15px}.tier-bold{border-radius:22px;grid-area:span 1/span 2;padding:20px}.tier-bold .tile-art{width:76px;height:76px}.tier-bold .tile-head{font-size:34px}.tier-bold .tile-body{font-size:17px}.tier-boxed{border-radius:30px;grid-area:span 2/span 2;padding:26px}.tier-boxed .tile-art{width:190px;max-width:60%;height:190px}.tier-boxed .tile-head{font-size:clamp(36px,4vw,52px)}.tier-boxed .tile-body{font-size:20px}.c-white{--tile:var(--white);--fg:var(--navy);--art:var(--cobalt);--pen:var(--pink)}.c-orange{--tile:var(--orange);--fg:var(--navy);--art:var(--navy);--pen:var(--white)}.c-pink{--tile:var(--pink);--fg:var(--navy);--art:var(--navy);--pen:var(--white)}.c-mint{--tile:var(--mint);--fg:var(--navy);--art:var(--navy);--pen:var(--cobalt)}.c-yellow{--tile:var(--yellow);--fg:var(--navy);--art:var(--navy);--pen:var(--cobalt)}.c-blue{--tile:var(--cobalt);--fg:var(--white);--art:var(--yellow);--pen:var(--yellow)}.circle-btn{background:var(--white);width:44px;height:44px;color:var(--navy);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px}.circle-btn[hidden]{display:none}.circle-btn[aria-pressed=true]{background:var(--navy);color:var(--white)}.loop{pointer-events:none;fill:none;width:calc(100% + 24px);height:calc(100% + 18px);stroke:var(--pen);stroke-width:3px;stroke-linecap:round;position:absolute;top:-9px;left:-12px;overflow:visible}.loop[hidden]{display:none}.loop.drawing path{animation:.5s ease-out pen}@keyframes pen{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.loop.drawing path{animation:none}}.hero{border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;padding:clamp(24px,4vw,56px);display:flex}.hero-copy{flex:999 460px;min-width:0}.hero.blue{background:var(--cobalt);color:var(--white)}.hero h1{letter-spacing:-.02em;max-width:14ch;font-size:clamp(42px,7vw,108px);line-height:.96}.hero p{overflow-wrap:anywhere;max-width:56ch;margin:18px 0 0;font-size:20px;line-height:1.35}.hero-art{flex:0 280px;width:280px;height:280px}.hero .crumbs{margin:0 0 14px;font-size:16px}.search{background:var(--white);border-radius:32px;gap:8px;max-width:560px;margin-top:24px;padding:6px;display:flex}.search input{min-width:0;min-height:52px;color:var(--navy);background:0 0;border:0;border-radius:26px;flex:auto;padding:0 20px;font-size:19px}.search button{background:var(--yellow);min-height:52px;color:var(--navy);cursor:pointer;border:0;border-radius:26px;padding:0 26px;font-size:18px;font-weight:600}.pattern{flex:340px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;max-width:520px;display:grid}.pattern div{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.pattern .icon{width:66%;height:66%}.cats{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;margin-top:12px;display:grid}.cats a{color:var(--navy);font-family:var(--display);border-radius:24px;align-items:center;gap:16px;padding:18px 24px;font-size:30px;font-weight:800;line-height:1.05;text-decoration:none;display:flex}.cats .icon{flex:none;width:60px;height:60px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding:40px 0 16px;display:flex}.section-head h2{font-size:clamp(40px,5vw,64px);line-height:1}.section-head p{margin:0;font-size:18px}.chips{flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.empty{background:var(--white);border-radius:24px;margin:16px 0 40px;padding:32px}.empty h2{margin-bottom:8px;font-size:34px}.empty p{margin:0 0 16px}@media (width<=560px){.hero-art,.pattern{display:none}.cats a{padding:12px 18px;font-size:24px}.cats .icon{width:44px;height:44px}}.ad-hero{background:var(--tile);color:var(--fg)}.ad-hero a:not(.btn){color:inherit}.ad-hero .tile-paid{margin-top:6px;font-size:15px}.ad-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.ad-actions .btn{border-radius:28px;min-height:56px;padding:0 28px;font-size:19px}.btn.outline{color:inherit;background:0 0;border:2px solid}.btn.outline[hidden]{display:none}.ad-columns{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 0 32px;display:flex}.ad-columns main{flex:999 560px;min-width:0}.ad-columns aside{flex-direction:column;flex:300px;gap:12px;min-width:0;display:flex}.panel{background:var(--white);border-radius:24px;padding:24px 28px}.panel.mint{background:var(--mint)}.panel h2{margin-bottom:10px;font-size:34px}.panel p{max-width:62ch;margin:0}.panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;font-size:17px;display:grid}.panel dt{font-weight:600}.panel dd{margin:0}.other{font-size:16px;line-height:1.32;margin-bottom:12px!important}.other a{font-family:var(--display);font-size:21px;font-weight:800;text-decoration:none;display:block}.notice{background:var(--mint);border-radius:16px;margin:12px 0 0;padding:16px 20px;font-weight:600}.notice.error{background:var(--pink)}.place{align-items:flex-start}form fieldset{border:0;margin:0 0 18px;padding:0}form fieldset[hidden]{display:none}legend{font-family:var(--display);margin-bottom:10px;padding:0;font-size:30px;font-weight:800;line-height:1.05}.colours legend{font-family:var(--text);margin-bottom:6px;font-size:17px;font-weight:600}.sizes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.size input{opacity:0;position:absolute}.size span{border:3px solid var(--ground);background:var(--ground);cursor:pointer;border-radius:20px;height:100%;padding:16px;display:block}.size strong{font-family:var(--display);font-size:28px;font-weight:800;line-height:1.05;display:block}.size em{margin-top:2px;font-size:20px;font-style:normal;font-weight:600;display:block}.size small{margin-top:6px;font-size:16px;line-height:1.3;display:block}.size input:checked+span{border-color:var(--cobalt);background:var(--cobalt);color:var(--white)}.size input:focus-visible+span{outline:3px solid var(--pink);outline-offset:2px}.field{margin-bottom:16px}.field label{margin-bottom:4px;font-weight:600;display:block}.field input,.field select,.field textarea{border:2px solid var(--navy);background:var(--white);border-radius:14px;width:100%;min-height:50px;padding:0 14px}.field textarea{resize:vertical;padding:10px 14px}.field-row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:0 16px;display:grid}.field-error{color:#a8123f;margin:4px 0 0;font-size:16px;font-weight:600}.hint{margin:4px 0 16px;font-size:16px}.hint[hidden]{display:none}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:4px solid var(--white);cursor:pointer;border-radius:50%;width:48px;height:48px;display:block}.swatch:has(input:checked){border-color:var(--navy)}.swatch:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:2px}.swatch input{opacity:0;position:absolute}.trap{position:absolute;left:-9999px}.btn.big{border-radius:28px;min-height:56px;padding:0 30px;font-size:20px}.preview-panel .tile{min-height:220px}.preview-panel .tier-free{max-width:240px}.preview-panel .tier-boxed{min-height:420px}.tile-paid[hidden]{display:none}.admin-ad{margin-bottom:12px}.admin-ad h2{font-size:32px}.checks{flex-wrap:wrap;gap:8px 24px;margin:0 0 8px;display:flex}.checks label{align-items:center;gap:8px;min-height:44px;display:inline-flex}.checks input{width:20px;height:20px}.guide-banner{background:var(--yellow);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-bottom:28px;padding:24px 28px;display:flex}.guide-banner h2{max-width:28ch;font-size:34px;line-height:1.05}.hero h1.guide-title{max-width:20ch;font-size:clamp(40px,5vw,72px)}.prose{font-size:19px;line-height:1.55}.prose h2{margin:28px 0 10px;font-size:34px}.prose>:first-child{margin-top:0}.prose p,.prose li{max-width:66ch;margin:0 0 14px}.question h1{max-width:20ch}.question-back{margin-top:20px;font-size:16px}.hero.blue .question-back a{color:var(--white)}