@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#18352b;--ink-soft:#446054;--muted:#5b6d63;--paper:#f5f3e9;--white:#fffef9;--line:#d9dfd3;--green:#205c42;--green-dark:#194a36;--lime:#d9e8a5;--warn:#9e4132;--focus:#b55436;--shadow:0 12px 30px rgba(27,56,41,.08);font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scrollbar-color:#a7b49e var(--paper);scrollbar-width:thin}body{margin:0;min-height:100vh}::selection{color:#fffef9;background:#205c42}button,input,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--line);background:rgba(245,243,233,.9)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--green)}.brand-mark svg{width:25px;fill:none;stroke:#f2edda;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header-note{font-size:13px;color:var(--muted)}.workspace{width:min(100% - 40px,760px);margin:44px auto 72px;flex:1 1}.steps{gap:8px;border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:16px}.step,.steps{display:flex;align-items:center}.step{border:0;background:transparent;color:#718077;gap:9px;padding:5px 13px 5px 0;font-size:13px;font-weight:600;cursor:pointer}.step span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #c5cec0;border-radius:50%;font-size:11px}.step.active{color:var(--ink)}.step.active span{color:white}.section-heading{margin-bottom:25px}.detail-panel h1,.section-heading h1{font:800 clamp(31px,6vw,44px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 10px}.section-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.filter-form{max-width:610px}.field{display:flex;flex-direction:column;gap:9px;margin:0 0 19px}.field>label,.field>span{font-size:13px;font-weight:700;color:var(--ink-soft)}.field input,.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:50px;border:1px solid #cad3c7;border-radius:9px;background:var(--white);padding:0 14px;color:var(--ink);font-size:15px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:#65746b;opacity:1}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(32,92,66,.12);outline:0}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23446054' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px;padding-right:38px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.primary-button{min-height:51px;padding:0 18px;border:0;border-radius:9px;background:var(--green);color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;cursor:pointer;transition:background .16s,transform .16s}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{cursor:not-allowed;background:#84948a;transform:none}.filter-form>.primary-button{width:100%;margin-top:3px}.primary-button span{font-size:20px;font-weight:400}.privacy-note{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:#56695f}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.heading-row p{font-size:13px}.back-button,.text-button{border:0;color:var(--green);font-weight:700;cursor:pointer;padding:8px 0}.back-button:hover,.text-button:hover{text-decoration:underline;text-underline-offset:3px}.game-list{border-top:1px solid var(--line)}.game-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:17px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.game-row:hover{background:rgba(255,254,249,.7)}.detail-ball,.empty-ball,.game-ball{display:grid;place-items:center;background:#e6ebd6;border-radius:50%;flex:none}.game-ball{width:42px;height:42px}.detail-ball svg,.empty-ball svg,.game-ball svg{width:26px;fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.game-copy{min-width:0;flex:1 1;display:grid;grid-gap:5px;gap:5px}.game-copy strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-copy>span{font-size:12px;color:var(--muted)}.spaces-pill{padding:6px 9px;border-radius:100px;background:#e8edd9;color:#34533f;font-size:11px;font-weight:700;white-space:nowrap}.row-arrow{color:#728478;font-size:18px}.state-panel{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:32px;max-width:590px}.empty-panel{text-align:center;padding:42px 35px}.empty-ball{width:58px;height:58px;margin:0 auto 18px}.empty-ball svg{width:36px}.state-panel h2{font:700 20px Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 8px}.state-panel p{margin:0 auto 20px;max-width:390px;color:var(--muted);font-size:14px;line-height:1.55}.secondary-button{height:40px;padding:0 13px;border:1px solid #b8c5b8;border-radius:8px;font-size:13px;font-weight:700;color:var(--green);cursor:pointer}.secondary-button:hover{background:#edf0e5}.error-panel strong{color:var(--warn)}.error-panel p{margin:8px 0 15px;color:#75483d;overflow-wrap:anywhere}.back-button{display:inline-flex;align-items:center;gap:9px;margin:-4px 0 18px}.back-button span{font-size:18px}.detail-panel{max-width:610px;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.detail-ball{width:53px;height:53px}.detail-ball svg{width:33px}.detail-panel h1{font-size:clamp(29px,5vw,38px);margin-bottom:5px}.detail-location{margin:0;color:var(--muted)}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:25px 0 20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-facts div{display:grid;grid-gap:6px;gap:6px}.detail-facts dt{font-size:11px;color:var(--muted)}.detail-facts dd{margin:0;font-size:14px;font-weight:700}.notice{margin:0 0 14px;padding:12px 13px;border-radius:8px;font-size:13px;line-height:1.45}.notice.success{background:#e5eddb;color:#244c35}.notice.error{background:#f8e9e4;color:#773c30}.later-note{color:var(--muted);font-size:12px;line-height:1.5;margin:20px 0 0}.app-footer{padding:20px max(24px,calc((100vw - 1040px)/2));border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.app-footer span:first-child{color:var(--ink-soft);font-weight:700}@media(max-width:560px){.topbar{height:65px;padding:0 20px}.header-note{font-size:11px}.workspace{width:calc(100% - 36px);margin:29px auto 48px}.steps{margin-bottom:27px}.section-heading{margin-bottom:22px}.section-heading h1{font-size:34px}.field-row{grid-template-columns:1fr;gap:0}.field-row .field:last-child{margin-bottom:19px}.game-row{gap:10px;padding:14px 2px}.game-ball{width:37px;height:37px}.game-copy strong{font-size:13px}.game-copy>span{font-size:11px}.spaces-pill{font-size:10px;padding:6px 7px}.row-arrow{display:none}.state-panel{padding:26px 18px}.heading-row{align-items:flex-start;flex-direction:column;gap:10px}.text-button{padding:0}.detail-panel{padding:23px 18px}.detail-facts{gap:6px}.detail-facts dt{font-size:10px}.detail-facts dd{font-size:12px}.app-footer{padding:17px 20px}.privacy-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.setup-open-games{margin-top:34px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.list-heading h2{font:700 17px Manrope,sans-serif;letter-spacing:-.025em;margin:0}.list-empty{padding:16px 0;color:var(--muted);font-size:13px;line-height:1.5;border-top:1px solid var(--line)}.post-game{margin:0 0 22px;border:1px solid var(--line);border-radius:10px;background:var(--white);overflow:hidden}.post-game summary{padding:15px 16px;font-weight:700;color:var(--green);cursor:pointer;list-style:none}.post-game summary::-webkit-details-marker{display:none}.post-game summary:after{content:"+";float:right;font-size:19px;line-height:15px}.post-game[open] summary{border-bottom:1px solid var(--line)}.post-game[open] summary:after{content:"−"}.post-game form{padding:17px 16px}.post-game .field{margin-bottom:14px}.filter-form{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 22px rgba(27,56,41,.045)}.screen{animation:screen-arrive .24s cubic-bezier(.2,.8,.2,1) both}@keyframes screen-arrive{0%{opacity:.82;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.filter-form{padding:17px 15px}}.quick-areas{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.area-chip{border:1px solid #c2cec2;border-radius:99px;padding:6px 10px;background:transparent;color:#4c6256;font-size:11px;font-weight:600;cursor:pointer}.area-chip.selected,.area-chip:hover{border-color:var(--green);background:#e7eddd;color:#254d38}.step{color:var(--muted)}.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 13px;gap:10px 13px;margin:8px 0 3px}.photo-pair figure{margin:0;min-width:0}.photo-pair img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid rgba(24,53,43,.16);box-shadow:0 3px 10px rgba(27,56,41,.08);background:#e8e9df}.photo-pair figure:first-child img{object-position:center 42%}.photo-pair figure:nth-child(2) img{object-position:center 54%}.photo-pair figcaption{padding:5px 2px 0;font-size:10px;line-height:1.35;color:var(--muted)}.photo-pair figcaption a{color:#365b45;text-decoration:underline;text-underline-offset:2px}.photo-pair figcaption a:hover{color:var(--green-dark)}@media(max-width:560px){.photo-pair{gap:8px 9px;margin-top:8px}.photo-pair figcaption{font-size:9px}}:root{--ink:#f3f2ff;--ink-soft:#d8d6ef;--muted:#b2b2c5;--paper:#0d0f19;--white:#171a27;--line:#303345;--green:#7468f2;--green-dark:#6256dc;--lime:#26243a;--warn:#ff9f88;--focus:#c4beff;--shadow:0 15px 36px rgba(0,0,0,.28);color-scheme:dark;background:var(--paper);color:var(--ink)}html{scrollbar-color:#575274 var(--paper)}body{background:var(--paper);color:var(--ink)}::selection{color:#100f1b;background:#b8b0ff}input,select{color-scheme:dark}.topbar{background:#10121d;border-bottom-color:var(--line)}.brand{letter-spacing:-.035em}.brand-mark{background:#6559df;box-shadow:0 4px 14px rgba(116,104,242,.25)}.header-note{color:#c1bfd5}.workspace{margin-top:38px}.steps{gap:10px;border-bottom-color:var(--line);padding-bottom:18px;margin-bottom:36px}.step{min-height:42px;padding:6px 14px 6px 0;color:#bbb9cb}.step span{border-color:#55536b;color:#d1cfe0}.step:hover{color:#fff}.step.active{color:#f7f6ff}.step.active span{background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px rgba(116,104,242,.15)}.section-heading{margin-bottom:28px}.detail-panel h1,.section-heading h1{color:#f8f7ff;letter-spacing:-.04em}.detail-location,.section-heading p{color:#c0bfd0}.filter-form{max-width:660px;padding:25px;background:#171a27;border-color:#313448;border-radius:17px;box-shadow:0 15px 34px rgba(0,0,0,.2)}.field{gap:10px;margin-bottom:20px}.field label,.field>label,.field>span{color:#e0def1}.field input,.field select{height:52px;background-color:#10121d;border-color:#3a3d53;border-radius:11px;color:#f7f6ff}.field input::placeholder{color:#aaaabd}.field input:focus,.field select:focus{border-color:#938aff;box-shadow:0 0 0 3px rgba(116,104,242,.22)}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c8c4f4' stroke-width='1.6'/%3E%3C/svg%3E")}.quick-areas{gap:8px}.area-chip{min-height:40px;border-color:#45465c;background:#1b1d2b;color:#d2d0e1;padding:8px 13px}.area-chip.selected,.area-chip:hover{border-color:#9a91ff;background:#292541;color:#fff}.primary-button{min-height:54px;padding:0 21px;border-radius:999px;background:#7468f2;color:#fff;box-shadow:0 5px 16px rgba(116,104,242,.2)}.primary-button:hover{background:#877cff;transform:translateY(-1px)}.area-chip:focus-visible,.back-button:focus-visible,.game-row:focus-visible,.post-game summary:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.step:focus-visible,.text-button:focus-visible{outline:3px solid #beb8ff;outline-offset:3px}.primary-button:disabled{background:#55536d;color:#cfcede;box-shadow:none}.privacy-note{border-top-color:#353749;color:#b8b7c9}.photo-pair{gap:12px 14px;margin-top:14px}.photo-pair img{border-color:#3e4053;box-shadow:0 7px 20px rgba(0,0,0,.22)}.photo-pair figcaption{color:#b7b6c8}.photo-pair figcaption a{color:#d3cfff}.photo-pair figcaption a:hover{color:#fff}.setup-open-games{margin-top:36px}.list-heading h2{color:#f3f2ff}.back-button,.list-heading .text-button,.text-button{min-height:42px;color:#c6c1ff}.game-list{border-top-color:#343648}.game-row{min-height:72px;border-bottom-color:#343648}.game-row:hover{background:#191b2b}.detail-ball,.empty-ball,.game-ball{background:#292541}.detail-ball svg,.empty-ball svg,.game-ball svg{stroke:#c6c1ff}.spaces-pill{background:#292541;color:#e1ddff}.detail-panel,.state-panel{background:#171a27;border-color:#323548;box-shadow:var(--shadow)}.empty-panel{padding:44px 35px}.state-panel h2{color:#f4f2ff}.state-panel p{color:#c1bfd0}.secondary-button{min-height:44px;height:auto;border-color:#6b64a8;border-radius:999px;color:#d0cbff;background:transparent;padding:0 17px}.secondary-button:hover{background:#25233a;border-color:#a098ff}.error-panel strong{color:#ffad9b}.error-panel p{color:#f1c2b7}.post-game{background:#171a27;border-color:#34364a;border-radius:14px}.post-game summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;color:#e3deff;padding:16px 18px}.post-game summary:after{float:none;color:#bcb5ff}.post-game[open] summary{border-bottom-color:#34364a}.post-game form{padding:20px 18px}.post-game .primary-button{width:100%}.heading-row p{color:#b9b8c9}.detail-panel{padding:31px;border-radius:17px}.detail-top{margin-bottom:25px}.detail-panel h1{font-size:clamp(30px,5vw,40px)}.detail-facts{border-color:#34364a}.detail-facts dt{color:#aaaabd}.detail-facts dd{color:#f2f0ff}.join-button{width:100%}.notice{border-radius:11px}.notice.success{background:#24233a;color:#dcd8ff}.notice.error{background:#3a242a;color:#ffd1c7}.app-footer,.later-note{color:#aaaabd}.app-footer{border-top-color:#292b3c}.app-footer span:first-child{color:#dedcf2}@media(max-width:560px){.workspace{margin-top:27px}.steps{margin-bottom:28px;padding-bottom:14px}.step{font-size:12px;padding-right:10px}.section-heading{margin-bottom:22px}.filter-form{padding:19px 16px;border-radius:15px}.field-row{gap:0}.photo-pair{gap:9px 10px;margin-top:12px}.photo-pair img{border-radius:12px}.setup-open-games{margin-top:30px}.empty-panel{padding:34px 20px}.detail-panel{padding:25px 18px}.post-game form{padding:17px 15px}}body{background:radial-gradient(ellipse 660px 270px at 50% 0,rgba(105,96,201,.15),transparent 72%),var(--paper)}.setup-screen>.section-heading{text-align:center;max-width:620px;margin-left:auto;margin-right:auto}.setup-screen>.section-heading h1{max-width:16ch;margin-left:auto;margin-right:auto}.setup-screen>.section-heading p{max-width:46ch}.setup-screen>.filter-form,.setup-screen>.photo-pair,.setup-screen>.section-heading p,.setup-screen>.setup-open-games{margin-left:auto;margin-right:auto}.setup-screen>.photo-pair{max-width:610px}.setup-screen>.setup-open-games{max-width:660px}.back-button,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #565371;border-radius:999px;background:transparent;color:#d4d0ff;text-decoration:none;white-space:nowrap}.back-button:hover,.text-button:hover{background:#25233a;border-color:#8a81f2;color:#fff}.games-screen .heading-row{align-items:center;text-align:center;flex-direction:column}.games-screen .heading-row .text-button{align-self:center}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.post-game summary,button{-webkit-tap-highlight-color:transparent}.area-chip,.back-button,.game-row,.post-game summary,.primary-button,.secondary-button,.step,.text-button{transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.area-chip:hover,.back-button:hover,.secondary-button:hover,.step:hover,.text-button:hover{transform:translateY(-1px)}.back-button:active,.post-game summary:active,.primary-button:active,.secondary-button:active,.step:active,.text-button:active{transform:scale(.97)}.area-chip:active{transform:scale(.94)}.game-row:active{transform:scale(.99);background:#24233a}@media(prefers-reduced-motion:reduce){.area-chip,.back-button,.game-row,.post-game summary,.primary-button,.secondary-button,.step,.text-button{transition:none}.area-chip:active,.back-button:active,.game-row:active,.post-game summary:active,.primary-button:active,.secondary-button:active,.step:active,.text-button:active{transform:none}}.signed-out-entry{width:min(calc(100% - 40px),480px);margin:auto;padding:36px 30px;border:1px solid #323548;border-radius:18px;background:#171a27;box-shadow:var(--shadow);text-align:center}.signed-out-entry h1{margin:0 0 10px;color:#f8f7ff;font:800 clamp(30px,7vw,40px)/1.08 Manrope,sans-serif;letter-spacing:-.04em}.signed-out-entry>p:not(.notice){margin:0 auto 24px;max-width:38ch;color:#c0bfd0;font-size:15px;line-height:1.55}.signed-out-entry .primary-button,.signed-out-entry form{width:100%}.signed-out-entry .notice{margin-bottom:18px;text-align:left}.signed-out-shell .app-footer{margin-top:0}.match-count{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0!important;padding:8px 12px;border:1px solid #464260;border-radius:999px;background:#191a2a;color:#d1cdff!important;font-size:13px!important}.match-count strong{color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.setup-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(140px,.65fr);grid-gap:10px;gap:10px;margin-top:5px}.setup-actions .primary-button,.setup-actions .secondary-button{width:100%;min-height:54px}.setup-actions .secondary-button{border-color:#625d91;color:#d8d4ff}.topbar form{margin:0}.sign-out-button{min-height:42px}.owner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.danger-button{min-height:44px;padding:0 16px;border:1px solid #835260;border-radius:999px;background:#291a25;color:#ffc2ca;font-size:13px;font-weight:700;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.danger-button:hover{background:#38212e;border-color:#b56778;transform:translateY(-1px)}.danger-button:active{transform:scale(.97)}.danger-button:disabled{opacity:.65;cursor:wait}.edit-game{margin-top:16px;padding:18px;border:1px solid #39364f;border-radius:14px;background:#12141f}.edit-game .primary-button{width:100%}@media(max-width:560px){.signed-out-entry{padding:29px 20px}.setup-actions{grid-template-columns:1fr}.owner-actions>*{flex:1 1}.edit-game{padding:15px}.topbar form .text-button{padding:6px 12px}}@media(prefers-reduced-motion:reduce){.danger-button,.danger-button:active,.danger-button:hover{transition:none;transform:none}}.player-greeting{margin:0 0 8px!important;color:#c6c1ff!important;font-size:15px!important;font-weight:750;letter-spacing:.01em}.sms-opt-in{margin:0 0 16px;padding:15px;border:1px solid #414258;border-radius:12px;background:#12141f}.sms-check{display:flex;align-items:flex-start;gap:11px;color:#eceaff;font-size:13px;font-weight:700;line-height:1.45;cursor:pointer}.sms-check input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#8b80ff}.sms-check small{display:block;margin-top:5px;color:#b7b5ca;font-size:11px;font-weight:400;line-height:1.5}.sms-phone-field{margin:14px 0 0}.sms-phone-field.field>span{color:#e0def1}.game-update-actions{display:grid;grid-gap:10px;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #34364a}.game-update-actions>p:first-child{margin:0 0 2px;color:#bdbbd0;font-size:12px;line-height:1.5}.game-update-actions .danger-button,.game-update-actions .secondary-button{width:100%;min-height:46px}.game-update-actions .notice{margin:1px 0}.retry-text-button{border-color:#9a91ff;background:#211f35}.spaces-pill{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:560px){.sms-opt-in{padding:13px}.sms-check{font-size:12px}.game-update-actions{gap:9px}}.landing-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 760px 470px at 100% 14%,rgba(116,104,242,.13),transparent 70%),var(--paper)}.landing-nav{width:min(1120px,calc(100% - 64px));height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.landing-nav-note{color:#c0bfd0;font-size:13px}.landing-main{width:min(1120px,calc(100% - 64px));flex:1 1;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;grid-gap:clamp(34px,7vw,96px);gap:clamp(34px,7vw,96px);padding:72px 0 84px}.landing-copy h1{max-width:8ch;margin:0 0 23px;color:#f8f7ff;font:800 clamp(52px,7vw,82px)/.99 Manrope,sans-serif;letter-spacing:-.055em;text-wrap:balance}.landing-copy>p:not(.landing-note){max-width:43ch;margin:0 0 27px;color:#c0bfd0;font-size:17px;line-height:1.65}.landing-cta{width:min(100%,270px);min-height:58px;text-decoration:none;font-size:14px;letter-spacing:.035em}.landing-note{margin:17px 0 0;color:#aeadc4;font-size:12px;line-height:1.5}.landing-preview{margin:0;min-width:0;padding:16px;border:1px solid #35374d;border-radius:23px;background:#151724;box-shadow:0 24px 70px rgba(0,0,0,.34);transform:rotate(1.1deg)}.preview-window{overflow:hidden;border:1px solid #36394f;border-radius:16px;background:#10121d}.preview-topbar{height:57px;justify-content:space-between;padding:0 17px;border-bottom:1px solid #303246}.preview-brand,.preview-topbar{display:flex;align-items:center}.preview-brand{gap:9px;color:#f1efff;font:750 14px Manrope,sans-serif}.preview-brand .brand-mark{width:28px;height:28px;border-radius:9px;box-shadow:none}.preview-brand .brand-mark svg{width:21px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#7d73f3;box-shadow:0 0 0 5px rgba(116,104,242,.13)}.preview-content{padding:clamp(19px,3vw,30px)}.preview-heading{margin:0 0 22px;color:#f4f2ff;font:700 clamp(21px,3vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.035em}.preview-field{display:grid;grid-gap:9px;gap:9px;min-width:0}.preview-field>span{color:#dcd9f0;font-size:12px;font-weight:700}.preview-field>div{height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid #3a3d53;border-radius:11px;background:#151724;color:#d7d5e6;font-size:13px}.preview-field svg{width:12px;height:8px;flex:none;fill:none;stroke:#c6c1ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.preview-selects{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:19px}.preview-action{min-height:51px;margin-top:23px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;background:#7468f2;color:white;font-size:13px;font-weight:700}.preview-action span{font-size:20px;font-weight:400}.landing-preview figcaption{padding:12px 2px 1px;color:#b5b3c8;font-size:11px}.landing-footer{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:18px 0 21px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:#aaaabd;font-size:11px}.landing-footer span:first-child{color:#dcd9f0;font-weight:700}.landing-shell a:focus-visible{outline:3px solid #beb8ff;outline-offset:5px}@media(max-width:760px){.landing-footer,.landing-main,.landing-nav{width:calc(100% - 40px)}.landing-nav{height:70px}.landing-main{grid-template-columns:1fr;gap:38px;padding:55px 0 58px}.landing-copy h1{max-width:9ch;font-size:clamp(48px,12.5vw,68px);margin-bottom:18px}.landing-copy>p:not(.landing-note){max-width:40ch;font-size:15px}.landing-cta{width:100%;max-width:none}.landing-preview{width:100%;max-width:560px;justify-self:center;transform:none}.preview-content{padding:20px}.landing-footer{padding-bottom:18px}}@media(max-width:390px){.landing-footer,.landing-main,.landing-nav{width:calc(100% - 32px)}.landing-nav-note{font-size:11px}.landing-copy h1{font-size:46px}.landing-main{gap:32px;padding-top:43px}.landing-preview{padding:10px;border-radius:18px}.preview-content{padding:17px}.preview-selects{gap:9px}.preview-field>div{padding:0 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.landing-preview{transform:none}}