*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--paper:#fff;--ink:#111;--grid:#111;--stone:#9b9b9b;--accent:#f6d600;--navy:#0f172a}body{font-family:Helvetica,Arial,sans-serif;background:var(--paper);min-height:100vh;color:var(--ink)}body:has(.container){display:flex;align-items:center;justify-content:center;padding:1rem;background:#f9fafb}.field-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,3vw,3rem);background:var(--paper)}.field-frame{position:relative;width:min(96vw,1200px);aspect-ratio:1.414/1;border:1px solid var(--grid);background:var(--paper);overflow:hidden;--left-col:35.36%}@media (orientation:landscape){.field-shell{padding:0}.field-frame{width:100vw;height:100vh;aspect-ratio:auto;--left-col:50vh}}.field-frame:after,.field-frame:before{content:"";position:absolute;pointer-events:none;background:var(--grid);z-index:6}.field-frame:before{left:0;right:0;top:50%;height:1px;transform:translateY(-.5px)}.field-frame:after{top:0;bottom:0;left:var(--left-col);width:1px;transform:translateX(-.5px)}.field-grid{display:grid;grid-template-columns:var(--left-col) calc(100% - var(--left-col));grid-template-rows:1fr 1fr;width:100%;height:100%}.field-quadrant{position:relative;display:flex;z-index:1}.field-top-left,.field-top-right{align-items:flex-start;justify-content:flex-start;padding:clamp(1.5rem,3vw,2.75rem)}.field-bottom-left{align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.field-bottom-right{align-items:flex-end;justify-content:center;padding:clamp(1.25rem,3vw,2.5rem)}.field-diagonal{position:absolute;top:0;left:var(--left-col);width:calc(100% - var(--left-col));height:100%;pointer-events:none;z-index:5}.field-diagonal line{stroke:var(--grid);stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.privacy-hit{position:absolute;top:0;right:0;width:clamp(90px,12vw,180px);height:clamp(90px,12vw,180px);-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);z-index:4;text-decoration:none}.privacy-hit:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.dotted-logo{width:clamp(420px,60vw,760px);height:auto;color:var(--ink)}.content-block{text-align:left;max-width:320px;margin-top:clamp(.5rem,2vw,1.5rem);margin-left:clamp(.75rem,2.5vw,2rem);position:relative;z-index:3}.content-block h1{font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:500;color:var(--ink);margin-bottom:1.1rem}.content-block p{font-size:clamp(.9rem,1.3vw,1rem);color:var(--ink);line-height:1.55;margin-bottom:.6rem}.support-grid .field-bottom-right{position:relative}.support-block{max-width:320px}.support-block h1,.support-block h2{font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:600;color:var(--ink);margin-bottom:1rem}.support-block p{font-size:clamp(.9rem,1.3vw,1rem);color:var(--ink);line-height:1.55;margin-bottom:.6rem}.support-block a{color:var(--ink);text-decoration:underline}.support-block-bottom{position:absolute;top:0;left:0;max-width:320px}.support-diagonal-block{position:absolute;bottom:clamp(4.5rem,8vw,6.5rem);right:clamp(1.5rem,3vw,2.5rem);max-width:240px;text-align:right}.corner-illustration{position:absolute;inset:0;width:100%;height:100%}.corner-fill{fill:var(--stone)}.corner-base{stroke:var(--grid);stroke-width:1.2}.corner-base,.corner-octagon{fill:var(--paper);vector-effect:non-scaling-stroke}.corner-octagon{stroke:var(--grid);stroke-width:1.1}.corner-core{fill:var(--accent);stroke:var(--grid);stroke-width:1}.corner-core,.corner-node{vector-effect:non-scaling-stroke}.corner-node,.corner-tab{fill:#4b4b4b;stroke:var(--grid);stroke-width:.8}.corner-tab{vector-effect:non-scaling-stroke}.field-button-group{display:flex;gap:1rem;width:100%;max-width:380px;justify-content:center}.field-button{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:160px;padding:0 1.75rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:opacity .2s ease}.field-button-outline{background:var(--paper);color:var(--ink);border:1px solid var(--grid);text-decoration:underline}.field-button-outline:hover{opacity:.7}.field-button-dark{background:var(--navy);color:#fff;border:1px solid var(--navy)}.field-button-dark:hover{opacity:.85}.welcome-container{padding:40px 24px 24px;max-width:600px;min-height:100vh;display:flex;flex-direction:column}.logo-header{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:48px}.logo-image{width:48px;height:48px}.logo-text{display:block}.heading{font-size:18px;font-weight:400;color:#111827;margin-bottom:24px;text-align:left}.description{margin-bottom:auto}.description p{font-size:18px;color:#111827;margin-bottom:8px;line-height:1.5;text-align:left}.description .welcome-text{margin-top:8px}.button-row{display:flex;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 2rem;border-radius:24px;text-decoration:none;font-weight:600;font-size:16px;transition:all .2s ease;flex:1 1}.button-outline{background:#fff;color:#000;border:1px solid #000}.button-outline:hover{background:#f9fafb;opacity:.8}.button-dark{background:#111827;color:#fff}.button-dark:hover{background:#1f2937;opacity:.9}.button .underline{text-decoration:underline}.container{background:#fff;padding:3rem 2rem;border-radius:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.08);text-align:center;max-width:500px;width:100%;margin:1rem auto}.container h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem;letter-spacing:-.02em}.container p{color:#6b7280;margin-bottom:2rem;line-height:1.7;font-size:1rem}.container .button{flex:none;padding:1rem 2.5rem}.store-badges{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.spinner,.store-badge{height:40px}.spinner{width:40px;border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#ef4444;background:#fef2f2;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid #fee2e2}.error strong{display:block;margin-bottom:.5rem;font-weight:600}.error p{margin:0;color:#dc2626;font-size:.875rem}@media (max-width:1024px){.field-frame{width:min(96vw,980px)}.content-block{max-width:280px}}@media (max-width:768px){.field-shell{padding:1.5rem}.field-frame{width:100%;aspect-ratio:auto;height:auto}.field-grid{grid-template-columns:1fr;grid-template-rows:auto}.field-diagonal,.field-frame:after,.field-frame:before{display:none}.field-quadrant{border-bottom:1px solid var(--grid)}.field-quadrant:last-child{border-bottom:none}.field-bottom-right,.field-top-left,.field-top-right{padding:1.75rem}.field-bottom-left{min-height:240px}.field-button-group{flex-direction:column;gap:.75rem}.field-button{width:100%}.support-grid .field-bottom-right{position:static;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:1.5rem}.support-block-bottom,.support-diagonal-block{position:static;max-width:100%}.support-diagonal-block{text-align:left}}@media (max-width:640px){.container{padding:2rem 1.5rem;border-radius:1.25rem}.container h1{font-size:2rem}.container p{font-size:.9375rem}}@media (max-width:480px){.dotted-logo{width:200px}.content-block{margin-left:.5rem}.content-block h1{font-size:.9rem}.content-block p{font-size:.875rem}}@media (max-width:400px){.button-row{flex-direction:column}.button{width:100%}}@media (prefers-color-scheme:dark){body{background:#111827}body:has(.field-shell){background:var(--paper);color:var(--ink)}body:has(.field-shell) .field-frame{background:var(--paper);border-color:var(--grid)}body:has(.field-shell) .field-frame:after,body:has(.field-shell) .field-frame:before{background:var(--grid)}body:has(.field-shell) .dotted-logo{color:var(--ink)}body:has(.field-shell) .content-block h1,body:has(.field-shell) .content-block p{color:var(--ink)}body:has(.field-shell) .field-button-outline{color:var(--ink);border-color:var(--grid);background:var(--paper)}body:has(.field-shell) .field-button-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.button-outline{color:#f9fafb;border-color:#f9fafb;background:#111827}.button-outline:hover{background:hsla(0,0%,100%,.1)}.button-dark{background:#f9fafb;color:#111827}.button-dark:hover{background:#e5e7eb}.welcome-container{background:#111827}.container{background:#1f2937;box-shadow:0 1px 4px rgba(0,0,0,.2)}.container h1{color:#f9fafb}.container p{color:#9ca3af}.description p,.heading{color:#f9fafb}.logo-text text{stroke:#9ca3af}.spinner{border-color:#f9fafb #4b5563 #4b5563}.error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.error p{color:#fecaca}}