:root{--paper:#E9F2FA;--ink:#0B1730;--blue:#0E6BD0;--teal:#14A898;--teal-deep:#0A6A61;--teal-wash:#D3ECE6;--orange:#F26A1B;--wide:"Encode Sans Expanded","Arial Black",system-ui,sans-serif;--text:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:clamp(0.95rem,0.9rem + 0.25vw,1.1rem);line-height:1.45;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "head" "shape" "act";align-content:center;row-gap:clamp(8px,2.2dvh,26px);}.brand{grid-area:brand;display:flex;align-items:center;gap:12px;min-height:56px}.brand img{width:clamp(52px,14vw,96px);height:auto;aspect-ratio:1;border-radius:22%;display:block}.brand span{font-family:var(--wide);font-weight:800;font-size:clamp(0.95rem,0.85rem + 0.5vw,1.25rem);letter-spacing:0.01em}.head{grid-area:head;min-width:0}h1{margin:0;font-family:var(--wide);font-weight:800;font-size:clamp(1.42rem,0.82rem + 2.7vw,3.1rem);line-height:1.08;letter-spacing:-0.015em;text-wrap:balance;}h1 em{font-style:normal;color:var(--blue)}.sub{margin:clamp(8px,1.4dvh,16px) 0 0;max-width:34em;text-wrap:pretty}.shape{grid-area:shape;justify-self:center;display:flex;flex-direction:column;align-items:center;min-width:0;}.plate{position:relative;width:min(60vw,31dvh,400px);aspect-ratio:1;border-radius:50%;background:var(--teal-wash);}.plate svg{display:block;width:100%;height:100%;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.plate path{fill:none;stroke:var(--blue);stroke-width:9;stroke-linejoin:round;stroke-linecap:round}.word{margin:clamp(6px,1dvh,12px) 0 0;font-family:var(--wide);font-weight:800;font-size:clamp(1rem,0.9rem + 0.6vw,1.4rem);color:var(--teal-deep);min-height:1.3em;line-height:1.3;text-align:center;}.hint{margin:0;font-size:clamp(0.8rem,0.78rem + 0.1vw,0.9rem);color:var(--ink);opacity:0.78;text-align:center}.act{grid-area:act;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 22px;border-radius:14px;background:var(--orange);color:var(--ink);font-family:var(--text);font-weight:600;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform 0.15s ease;}.cta:active{transform:scale(0.98)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.ready{margin:0;font-size:clamp(0.85rem,0.82rem + 0.15vw,0.98rem);text-align:center}footer{padding:10px 18px max(12px,env(safe-area-inset-bottom));text-align:center;font-size:clamp(0.75rem,0.73rem + 0.1vw,0.85rem);color:var(--ink);opacity:0.8;}@media (min-width: 860px){.page{grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);grid-template-areas:"brand shape" "head shape" "act shape" ". shape";grid-template-rows:auto auto auto 1fr;column-gap:clamp(32px,5vw,80px);padding-top:clamp(24px,5dvh,56px);row-gap:clamp(14px,2.6dvh,28px);}.brand{min-height:96px}.shape{align-self:center}.plate{width:min(32vw,56dvh,400px)}.act{align-items:flex-start}.cta{padding-left:34px;padding-right:34px}.ready{text-align:left}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}