@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.0ekd.j2hc~_w0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.0rqws-.h91di~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.179.vsfvxa6t5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_14012bd3-module__DWkHEW__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_14012bd3-module__DWkHEW__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_d214ea34-module__gpj08a__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_d214ea34-module__gpj08a__variable{--font-body:"Geist", "Geist Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6104e6b7-module__s6uLTa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6104e6b7-module__s6uLTa__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--clay:#c24a2a;--clay-deep:#a33d20;--court:#0f4d3e;--accent:#e8a93a;--bg:#f4f1ec;--bg-elevated:#fbf9f5;--ink:#1a1815;--hairline:#e6e1d8;--hairline-strong:#d7d0c2;--mute:#5b574f;--white:#fff;--r-card:18px;--r-input:12px;--r-chip:999px;--display:var(--font-display), "Inter", system-ui, sans-serif;--body:var(--font-body), "Inter", system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.container{padding:0 20px}}.topbar{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--hairline);background:#f4f1ecd9;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:var(--clay);color:#fff;width:30px;height:30px;font-family:var(--display);letter-spacing:-.02em;border-radius:8px;place-items:center;font-size:18px;font-weight:700;display:grid}.logo-text{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:20px;font-weight:700}.nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--mute);padding:6px 0;font-size:14px;font-weight:500;transition:color .12s;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";background:var(--clay);height:2px;position:absolute;bottom:-22px;left:0;right:0}.nav-meta{align-items:center;gap:16px;display:flex}.nav-meta-text{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px}@media (max-width:768px){.nav{gap:16px}.nav-meta-text{display:none}.nav-link.active:after{bottom:-20px}}.btn{border-radius:var(--r-input);height:48px;font-family:var(--body);letter-spacing:-.005em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .12s,background .16s,border-color .16s,color .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--clay);color:#fff}.btn-primary:hover{background:var(--clay-deep)}.btn-secondary{color:var(--clay);border:1.5px solid var(--clay);background:0 0}.btn-secondary:hover{background:var(--clay);color:#fff}.btn-full{width:100%}.btn-sm{height:38px;padding:0 14px;font-size:13px}@media (max-width:768px){.btn{height:50px}.btn-mobile-full{width:100%}}.hero{padding:80px 0 96px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.hero-eyebrow{border-radius:var(--r-chip);background:var(--bg-elevated);border:1px solid var(--hairline);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:11px;display:inline-flex}.hero-eyebrow .dot{background:var(--court);border-radius:50%;width:6px;height:6px}h1.hero-title{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;max-width:12ch;font-size:76px;font-weight:700;line-height:1}@media (min-width:1280px){h1.hero-title{font-size:84px}}.hero-title .accent{color:var(--clay)}.hero-sub{color:var(--mute);max-width:480px;margin-top:24px;font-size:17px;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);align-items:center;gap:18px;margin-top:28px;font-size:11px;display:flex}.hero-meta .check{color:var(--court);font-weight:700}.hero-visual{height:580px;position:relative}@media (max-width:1024px){h1.hero-title{font-size:60px}.hero-grid{gap:40px}.hero-visual{height:500px}}@media (max-width:768px){.hero{padding:48px 0 64px}.hero-grid{grid-template-columns:1fr;gap:48px}h1.hero-title{max-width:100%;font-size:44px}.hero-sub{font-size:16px}.hero-ctas .btn{width:100%}.hero-visual{height:480px}}.phones{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.phone{background:#1c1a17;border-radius:36px;width:232px;padding:8px;position:absolute;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -20px #1a181559,0 12px 24px -12px #1a181540}.phone-screen{background:var(--bg);border-radius:28px;height:480px;position:relative;overflow:hidden}.phone.left{z-index:1;transform:translate(-100px,20px)rotate(-6deg)}.phone.right{z-index:2;transform:translate(100px,-20px)rotate(6deg)}.phone-notch{z-index:5;background:#1c1a17;border-radius:999px;width:84px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (max-width:768px){.phone{width:200px}.phone-screen{height:420px}.phone.left{transform:translate(-70px,20px)rotate(-6deg)}.phone.right{transform:translate(70px,-20px)rotate(6deg)}}.section{padding:96px 0}.section-tight{padding:64px 0}@media (max-width:768px){.section{padding:64px 0}}.section-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-bottom:16px;font-size:11px}.section-title{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;font-size:44px;font-weight:700;line-height:1.05}.section-sub{color:var(--mute);max-width:560px;margin-top:16px;font-size:16px;line-height:1.55}@media (max-width:768px){.section-title{font-size:32px}}.quickwins{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.quickwin{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);padding:28px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .16s}.quickwin:hover{border-color:var(--hairline-strong);transform:translateY(-3px);box-shadow:0 18px 32px -20px #1a18152e}.quickwin-icon{background:var(--bg);border:1px solid var(--hairline);width:44px;height:44px;color:var(--clay);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.quickwin h3{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:600;line-height:1.2}.quickwin p{color:var(--mute);margin-top:10px;font-size:14px;line-height:1.6}@media (max-width:1024px){.quickwins{grid-template-columns:1fr;gap:16px}}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:56px 0;display:grid}.feature.reverse .feature-text{order:2}.feature-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--clay);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;display:inline-flex}.feature-eyebrow .num{border:1px solid var(--clay);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:inline-grid}.feature h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-size:36px;font-weight:700;line-height:1.1}.feature p{color:var(--mute);max-width:480px;margin-top:16px;font-size:15px;line-height:1.65}.feature-bullets{flex-direction:column;gap:10px;margin-top:24px;display:flex}.feature-bullet{color:var(--ink);align-items:flex-start;gap:12px;font-size:14px;display:flex}.feature-bullet svg{color:var(--court);flex-shrink:0;margin-top:3px}.feature-screenshot{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #1a181538}@media (max-width:1024px){.feature{grid-template-columns:1fr;gap:32px;padding:36px 0}.feature.reverse .feature-text{order:0}.feature h2{font-size:30px}}.appshot{background:var(--bg-elevated);width:100%;height:100%;font-size:12px;position:relative}.appshot-chrome{background:var(--bg);border-bottom:1px solid var(--hairline);align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.appshot-dot{background:var(--hairline-strong);border-radius:50%;width:10px;height:10px}.appshot-dot:first-child{background:#e5786a}.appshot-dot:nth-child(2){background:#e8c56a}.appshot-dot:nth-child(3){background:#7db58f}.appshot-url{font-family:var(--mono);color:var(--mute);margin-left:12px;font-size:10px}.cta-section{background:var(--accent);text-align:center;padding:96px 0;position:relative;overflow:hidden}.cta-section:before,.cta-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute}.cta-section:before{top:-120px;left:-120px}.cta-section:after{bottom:-160px;right:-120px}.cta-section h2{font-family:var(--display);letter-spacing:-.03em;color:#fff;text-wrap:balance;font-size:56px;font-weight:700;line-height:1.05;position:relative}.cta-section p{color:#ffffffeb;margin-top:18px;font-size:18px;position:relative}.cta-section .btn{margin-top:36px;position:relative}.cta-section .fineprint{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-top:20px;font-size:11px;position:relative}@media (max-width:768px){.cta-section{padding:64px 0}.cta-section h2{font-size:36px}.cta-section p{font-size:16px}}.footer{background:var(--ink);color:#c8c4bd;padding:72px 0 36px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:48px;display:grid}.footer-brand p{color:#8a8680;max-width:280px;margin-top:16px;font-size:13px;line-height:1.6}.footer-col-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#8a8680;margin-bottom:20px;font-size:11px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:#c8c4bd;font-size:14px;transition:color .12s}.footer-link:hover{color:var(--accent)}.footer-bottom{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#6b6862;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:64px;padding-top:28px;font-size:11px;display:flex}.footer .logo-text{color:#fff}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}.pricing-header{text-align:center;padding:80px 0 48px}.pricing-header h1{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:64px;font-weight:700;line-height:1}.pricing-header p{color:var(--mute);max-width:560px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:17px}.pricing-toggle{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-chip);margin-top:32px;padding:4px;display:inline-flex}.pricing-toggle button{border-radius:var(--r-chip);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:8px 18px;font-size:11px;font-weight:600;transition:all .16s}.pricing-toggle button.active{background:var(--ink);color:#fff}.pricing-toggle button .save{color:var(--accent);margin-left:6px}.pricing-toggle button.active .save{color:var(--accent)}@media (max-width:768px){.pricing-header{padding:56px 0 32px}.pricing-header h1{font-size:44px}}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:64px;display:grid}.pricing-card{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);flex-direction:column;padding:32px;transition:transform .22s,box-shadow .22s;display:flex;position:relative}.pricing-card.popular{background:linear-gradient(180deg, #e8a93a1a, #e8a93a05 60%, var(--bg-elevated));border-color:#e8a93a66;transform:translateY(-8px);box-shadow:0 30px 60px -28px #e8a93a40}.popular-badge{background:var(--court);color:#fff;border-radius:var(--r-chip);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-tier{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:600}.pricing-tagline{color:var(--mute);margin-top:6px;font-size:13px}.pricing-price{align-items:baseline;gap:6px;margin-top:24px;display:flex}.pricing-price .amount{font-family:var(--display);letter-spacing:-.035em;color:var(--clay);font-size:56px;font-weight:700;line-height:1}.pricing-price .currency{font-family:var(--display);color:var(--clay);font-size:28px;font-weight:600}.pricing-price .period{color:var(--mute);font-size:14px}.pricing-features{flex-direction:column;flex:1;gap:12px;margin-top:28px;list-style:none;display:flex}.pricing-features li{color:var(--ink);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.pricing-features li svg{color:var(--clay);flex-shrink:0;margin-top:3px}.pricing-features li.muted{color:var(--mute)}.pricing-features li.muted svg{color:var(--hairline-strong)}.pricing-features .group-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-top:8px;margin-bottom:4px;font-size:10px}.pricing-card .btn{margin-top:28px}@media (max-width:1024px){.pricing-cards{grid-template-columns:1fr;gap:16px;max-width:520px;margin:0 auto}.pricing-card.popular{transform:none}}.matrix-section{padding:64px 0 96px}.matrix-title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin-bottom:32px;font-size:32px;font-weight:700}.matrix{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);overflow:hidden}.matrix-row{border-bottom:1px solid var(--hairline);color:var(--ink);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:16px 24px;font-size:14px;display:grid}.matrix-row:last-child{border-bottom:none}.matrix-row.header{background:var(--bg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:14px 24px;font-size:11px;font-weight:600}.matrix-row.section-header{background:var(--bg);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);padding:14px 24px;font-size:13px;font-weight:600}.matrix-cell-value{text-align:center;font-family:var(--mono);color:var(--ink);font-size:13px}.matrix-cell-value svg{color:var(--clay)}.matrix-cell-value .empty{color:var(--hairline-strong)}.comp-browser{letter-spacing:.04em;color:var(--mute);text-transform:uppercase;font-size:11px;font-weight:600}.comp-roadmap{font-size:10px;font-weight:600;font-family:var(--mono);letter-spacing:.04em;color:var(--clay);background:var(--clay-wash,#f6e4da);white-space:nowrap;border-radius:6px;padding:3px 7px;display:inline-block}@media (max-width:768px){.matrix{font-size:12px}.matrix-row{grid-template-columns:2fr 1fr 1fr 1fr;gap:4px;padding:12px 14px}}.contact-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:64px;padding:32px 0 96px;display:grid}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:48px}}.form{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);flex-direction:column;gap:22px;padding:36px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}.form{padding:24px}}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-size:11px;font-weight:600}.field-input,.field-textarea,.field-select{background:var(--bg);border:1px solid var(--hairline);border-radius:var(--r-input);color:var(--ink);font-size:15px;font-family:var(--body);outline:none;width:100%;padding:14px 16px;transition:border-color .16s,box-shadow .16s}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--clay);box-shadow:0 0 0 3px #c24a2a1f}.field-textarea{resize:vertical;min-height:140px}.field-error{font-family:var(--mono);color:var(--clay);letter-spacing:.04em;font-size:11px}.field-input.invalid,.field-textarea.invalid{border-color:var(--clay)}.contact-info{flex-direction:column;gap:8px;display:flex}.contact-card{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--r-card);padding:24px}.contact-card-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-bottom:8px;font-size:11px}.contact-card-value{font-family:var(--mono);color:var(--clay);font-size:15px;font-weight:600}.contact-card-value.plain{font-family:var(--body);color:var(--ink);font-size:16px;font-weight:500}.contact-card-help{color:var(--mute);margin-top:6px;font-size:13px;line-height:1.5}.form-success{background:var(--bg-elevated);border:1px solid var(--court);border-radius:var(--r-card);text-align:center;padding:48px}.form-success-icon{width:56px;height:56px;color:var(--court);background:#0f4d3e1a;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.form-success h3{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:700}.form-success p{color:var(--mute);margin-top:12px;font-size:15px}.page{animation:.32s cubic-bezier(.2,.7,.2,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scr-statusbar{height:28px;font-family:var(--mono);color:var(--ink);justify-content:space-between;align-items:center;padding:6px 18px 0;font-size:11px;font-weight:600;display:flex}.scr-header{border-bottom:1px solid var(--hairline);padding:18px 18px 12px}.scr-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-size:9px}.scr-h{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:4px;font-size:18px;font-weight:700}.scr-body{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.scr-row{border:1px solid var(--hairline);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.scr-row .avatar{background:var(--clay);color:#fff;width:32px;height:32px;font-family:var(--display);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.scr-row .body{flex:1;min-width:0}.scr-row .title{font-family:var(--body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.scr-row .meta{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px}.scr-row .pill{font-family:var(--mono);color:var(--court);text-transform:uppercase;letter-spacing:.06em;background:#0f4d3e1a;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:600}.scr-row .pill.warn{color:#8a6118;background:#e8a93a2e}.scr-row .pill.clay{color:var(--clay);background:#c24a2a1f}.scr-tabs{border-top:1px solid var(--hairline);background:#fff;justify-content:space-around;align-items:center;height:56px;padding:0 12px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.scr-tab{width:38px;height:38px;color:var(--mute);place-items:center;display:grid}.scr-tab.active{color:var(--clay)}.mock-screen{--surface:#fff;--surface-2:#fbf8f3;--wash-clay:#f6e4da;--wash-court:#dceee6;--wash-accent:#fbf0d5;--wash-danger:#f8ddd5;--success:#1f6e4a;--danger:#b8341c;background:radial-gradient(#1a181505 1px, transparent 1px), radial-gradient(#1a181503 1px, transparent 1px), var(--bg);height:100%;color:var(--ink);background-position:0 0,1px 1px,0 0;background-size:3px 3px,7px 7px,auto;padding-bottom:70px;position:relative;overflow:hidden}.mock-statusbar{height:45px;font-family:var(--body);z-index:6;justify-content:space-between;align-items:flex-start;padding:15px 18px 0;font-size:10px;font-weight:700;display:flex;position:relative}.mock-signal{font-family:var(--mono);letter-spacing:-.16em;color:var(--ink);font-size:8px}.mock-tabbar{border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);z-index:20;background:#ffffffeb;justify-content:space-around;align-items:center;height:64px;padding:8px 4px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.mock-tab{color:#8c8880;flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;font-size:7px;font-weight:700;line-height:1.1;display:flex;position:relative}.mock-tab.active{color:var(--clay)}.mock-tab-icon{place-items:center;width:20px;height:20px;display:grid}.mock-tab-badge{background:var(--accent);border:2px solid var(--surface);min-width:13px;height:13px;color:var(--ink);font-family:var(--mono);border-radius:999px;place-items:center;padding:0 3px;font-size:7px;font-weight:800;display:grid;position:absolute;top:-3px;right:14px}.mock-section-head{justify-content:space-between;align-items:baseline;padding:5px 13px 8px;display:flex}.mock-section-head h3{font-family:var(--display);letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1}.mock-section-head span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-size:7px;font-weight:700;line-height:1}.mock-avatar{width:24px;height:24px;font-family:var(--display);color:#fff;background:var(--clay);border-radius:50%;flex-shrink:0;place-items:center;font-size:8px;font-weight:700;display:grid}.mock-avatar.court{background:var(--court)}.mock-avatar.tone-0{background:#8b6f47}.mock-avatar.tone-1{background:#4a6b4a}.mock-avatar.tone-2{background:#8e3b56}.mock-avatar.tone-3{background:var(--clay)}.mock-avatar.tone-4{background:#3d5a80}.mock-chip{border:1px solid var(--hairline);background:var(--surface-2);width:max-content;max-width:100%;color:var(--mute);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 6px;font-size:6px;font-weight:800;line-height:1;display:inline-flex}.mock-chip.success{color:var(--success);background:#d7ebd9;border-color:#0000}.mock-chip.accent{background:var(--wash-accent);color:#8a5a0a;border-color:#0000}.mock-chip.danger{background:var(--wash-danger);color:var(--danger);border-color:#0000}.teacher-header{padding:5px 13px 8px}.teacher-row{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.teacher-who{align-items:center;gap:8px;display:flex}.teacher-name{font-family:var(--display);font-size:11px;font-weight:700;line-height:1}.teacher-role{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:6px;font-weight:700;line-height:1}.teacher-bell{background:var(--surface);border:1px solid var(--hairline);border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:relative}.teacher-bell span{border:1.8px solid var(--ink);border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px;width:8px;height:11px}.teacher-bell:after{content:"";background:var(--accent);border:1.5px solid var(--surface);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.teacher-date{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:7px;font-weight:700;line-height:1;display:flex}.teacher-date span{background:var(--clay);border-radius:50%;width:5px;height:5px}.teacher-header h2{font-family:var(--display);letter-spacing:-.03em;margin-top:7px;font-size:25px;line-height:.94}.teacher-stats{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:repeat(3,1fr);margin:6px 13px 11px;padding:10px;display:grid;position:relative;overflow:hidden}.teacher-stats:after{content:"";background:radial-gradient(circle, var(--clay), transparent 70%);opacity:.45;border-radius:50%;width:82px;height:82px;position:absolute;top:-26px;right:-24px}.teacher-stats div{z-index:1;min-width:0;position:relative}.teacher-stats div+div{border-left:1px solid #ffffff1f;padding-left:7px}.teacher-stats strong{font-family:var(--display);letter-spacing:-.03em;font-size:20px;line-height:1;display:block}.teacher-stats strong span{font-family:var(--mono);color:#ffffff8c;margin-left:1px;font-size:8px}.teacher-stats small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#ffffff94;margin-top:4px;font-size:6px;font-weight:700;line-height:1.25;display:block}.teacher-lessons{flex-direction:column;gap:7px;padding:0 13px;display:flex}.teacher-lesson{background:var(--surface);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px #1a18150a,0 4px 14px -8px #1a18152e}.teacher-lesson.current:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--clay));width:3px;position:absolute;top:0;bottom:0;left:0}.teacher-lesson-top{grid-template-columns:auto 1fr auto;align-items:start;gap:7px;padding:9px 9px 6px;display:grid}.teacher-time{background:var(--wash-clay);color:var(--clay);font-family:var(--mono);white-space:nowrap;border-radius:8px;padding:5px 6px;font-size:7px;font-weight:800;line-height:1}.teacher-lesson h4{font-family:var(--display);letter-spacing:-.01em;font-size:11px;font-weight:700;line-height:1.1}.teacher-lesson p{color:var(--mute);margin-top:2px;font-size:7px;line-height:1.2}.teacher-roster{padding:0 9px 7px;display:flex}.teacher-roster .mock-avatar{border:2px solid var(--surface);width:19px;height:19px;margin-left:-5px;font-size:6px}.teacher-roster .mock-avatar:first-child{margin-left:0}.teacher-more{border:2px solid var(--surface);background:var(--bg);width:19px;height:19px;color:var(--mute);font-family:var(--mono);border-radius:50%;place-items:center;margin-left:-5px;font-size:6px;font-weight:800;display:grid}.teacher-action{background:var(--clay);color:#fff;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:calc(100% - 14px);min-height:34px;margin:0 7px 7px;padding:8px 9px;font-size:9px;font-weight:700;line-height:1.15;display:flex}.teacher-action small{font-family:var(--mono);opacity:.7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:6px;line-height:1;display:block}.teacher-action.done{background:var(--surface);color:var(--success);border:1px solid #d7ebd9}.teacher-action.muted{background:var(--surface);color:var(--ink);border:1px solid var(--hairline)}.teacher-action.muted small{color:var(--mute);opacity:1}.teacher-weather{background:var(--wash-court);border-radius:12px;align-items:center;gap:8px;margin:8px 13px 0;padding:8px;display:flex}.teacher-weather div{background:var(--accent);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #e8a93a2e}.teacher-weather p{color:var(--court);font-size:7px;line-height:1.25}.teacher-weather strong{font-family:var(--mono);font-size:7px}.student-header{padding:5px 13px 10px}.student-eyebrow{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:7px;font-weight:700;display:flex}.student-eyebrow span{background:var(--clay);border-radius:50%;width:5px;height:5px}.student-header h2{font-family:var(--display);letter-spacing:-.02em;margin-top:4px;font-size:24px;line-height:1}.student-week{gap:4px;padding:0 13px 11px;display:flex}.student-day{aspect-ratio:.72;background:var(--surface);border:1px solid var(--hairline);border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;display:flex}.student-day span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:6px;font-weight:800}.student-day strong{font-family:var(--display);font-size:13px;line-height:1}.student-day.today{background:var(--ink);border-color:var(--ink);color:#fff}.student-day.today span{color:#ffffffa6}.student-next{background:var(--ink);color:#fff;border-radius:14px;margin:0 13px 10px;padding:11px;position:relative;overflow:hidden}.student-next:after{content:"";background:radial-gradient(circle, var(--clay), transparent 70%);opacity:.45;border-radius:50%;width:82px;height:82px;position:absolute;top:-24px;right:-24px}.student-next>*{z-index:1;position:relative}.student-next div:first-child{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:6px;font-weight:800}.student-next h3{font-family:var(--display);letter-spacing:-.02em;margin-top:6px;font-size:17px;line-height:1}.student-next p{color:#ffffffa6;margin-top:4px;font-size:8px}.student-countdown{border-top:1px solid #ffffff1f;align-items:center;gap:12px;margin-top:10px;padding-top:9px;display:flex}.student-countdown span{font-family:var(--mono);color:#ffffff85;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:1px;font-size:6px;font-weight:700;line-height:1;display:flex}.student-countdown strong{color:#fff;font-size:15px;line-height:1}.student-countdown em{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-left:auto;font-size:7px;font-style:normal;font-weight:800}.student-lessons{flex-direction:column;gap:7px;padding:0 13px;display:flex}.student-lesson{background:var(--surface);border-radius:14px;grid-template-columns:44px 1fr;gap:9px;padding:10px;display:grid;box-shadow:0 1px #1a18150a,0 4px 14px -8px #1a18152e}.student-date{border-right:1px solid var(--hairline);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-right:9px;display:flex}.student-date span,.student-date em{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:6px;font-style:normal;font-weight:800;line-height:1}.student-date strong{font-family:var(--display);letter-spacing:-.03em;margin:2px 0;font-size:22px;line-height:1}.student-time{font-family:var(--mono);font-size:8px;font-weight:700}.student-lesson h4{font-family:var(--display);letter-spacing:-.01em;margin-top:3px;font-size:12px;line-height:1}.student-lesson p{color:var(--mute);margin:4px 0 6px;font-size:7px;line-height:1.25}.student-lesson.cancelled h4,.student-lesson.cancelled .student-time{color:#8c8880;text-decoration:line-through}@media (max-width:768px){.mock-statusbar{height:40px;padding-top:13px}.mock-tabbar{height:58px;padding-bottom:15px}.teacher-header h2{font-size:22px}.teacher-stats strong{font-size:18px}.teacher-lesson-top{gap:5px}.teacher-time{padding:5px;font-size:6px}.teacher-lesson h4{font-size:10px}.teacher-action{min-height:30px;padding:7px 8px}.teacher-weather{display:none}.student-next h3{font-size:15px}.student-lesson{grid-template-columns:40px 1fr;padding:9px}.student-date strong{font-size:20px}}.groupmock{font-family:var(--body);background:#f4f1ec}.groupmock-shell{min-height:calc(100% - 38px);padding:18px 22px 22px}.groupmock-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.groupmock-eye{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-size:9px;font-weight:600}.groupmock-head h3{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin-top:3px;font-size:34px;font-weight:700;line-height:1}.groupmock-head p{color:var(--mute);margin-top:7px;font-size:12px;line-height:1.35}.groupmock-actions{flex-shrink:0;gap:7px;display:flex}.groupmock-actions button{border:1px solid var(--hairline-strong);height:28px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;padding:0 10px;font-size:11px;font-weight:600}.groupmock-actions button.primary{background:var(--clay);border-color:var(--clay);color:#fff}.groupmock-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;display:grid}.groupmock-summary div{border:1px solid var(--hairline);background:#fff;border-radius:10px;padding:10px 11px}.groupmock-summary span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700;line-height:1.15;display:block}.groupmock-summary strong{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:5px;font-size:20px;line-height:1;display:block}.groupmock-filters{border:1px solid var(--hairline);background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:42px;margin-top:12px;padding:8px 11px;display:flex}.groupmock-filters span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700}.groupmock-filters button{border:1px solid var(--hairline);height:24px;color:var(--ink);background:#fff;border-radius:999px;padding:0 10px;font-size:10px;font-weight:600}.groupmock-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.groupmock-filters i{background:var(--hairline);width:1px;height:20px;margin:0 2px}.groupmock-table{border:1px solid var(--hairline);background:#fff;border-radius:12px;margin-top:12px;overflow:hidden}.groupmock-tr{border-bottom:1px solid var(--hairline);min-height:38px;color:var(--ink);grid-template-columns:1.7fr .85fr 1.25fr 1fr;align-items:center;gap:9px;padding:0 12px;font-size:11px;display:grid}.groupmock-tr:last-child{border-bottom:none}.groupmock-tr.head{min-height:32px;font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;background:#fbf8f3;font-size:8px;font-weight:700}.groupmock-tr.muted{opacity:.66}.groupmock-name{flex-direction:column;gap:2px;min-width:0;display:flex}.groupmock-name strong{font-size:12px;font-weight:700;line-height:1.1}.groupmock-name span{font-family:var(--mono);color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.groupmock-chip{border:1px solid var(--hairline);width:max-content;max-width:100%;color:var(--mute);font-family:var(--mono);white-space:nowrap;background:#fbf8f3;border-radius:999px;align-items:center;padding:4px 7px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.groupmock-chip.primary{color:var(--clay);background:#f6e4da;border-color:#0000}.groupmock-chip.accent{color:#8a5a0a;background:#fbf0d5;border-color:#0000}.groupmock-chip.court{color:var(--court);background:#dceee6;border-color:#0000}.groupmock-trainer{color:var(--ink);white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.groupmock-trainer span{background:var(--clay);color:#fff;width:22px;height:22px;font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-size:8px;font-weight:700;display:grid}.groupmock-tr:nth-child(4) .groupmock-trainer span,.groupmock-tr:nth-child(5) .groupmock-trainer span{background:var(--court)}.groupmock-tr .mono{font-family:var(--mono);font-size:10px;font-weight:700}.groupmock-tr .center{text-align:center}.groupmock-progress{font-family:var(--mono);color:var(--mute);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.groupmock-progress>span{background:var(--hairline);border-radius:999px;width:48px;height:4px;overflow:hidden}.groupmock-progress i{border-radius:inherit;background:var(--court);height:100%;display:block}.groupmock-progress em{font-style:normal}@media (max-width:768px){.groupmock-shell{padding:14px}.groupmock-head h3{font-size:28px}.groupmock-head p,.groupmock-actions button:first-child,.groupmock-filters button:nth-of-type(2),.groupmock-filters i,.groupmock-tr>div:nth-child(2),.groupmock-tr>div:nth-child(4){display:none}.groupmock-summary{grid-template-columns:repeat(2,1fr)}.groupmock-tr{grid-template-columns:1.3fr 1fr;gap:6px;padding:0 9px;font-size:10px}}.trainer-feature-mock{aspect-ratio:4/3;background:#1c1a17;justify-content:center;align-items:center;gap:10px;padding:12px 20px;display:flex}.trainer-phone{background:#0f0e0c;border-radius:26px;flex-shrink:0;width:164px;height:352px;padding:5px;box-shadow:0 18px 34px -20px #000000ad}.trainer-phone-day{transform:rotate(-5deg)translateY(8px)}.trainer-phone-attendance{z-index:2;transform:translateY(-10px)}.trainer-phone-chat{transform:rotate(5deg)translateY(8px)}.trainer-phone-screen{background:radial-gradient(#1a181505 1px, transparent 1px), var(--bg);height:100%;color:var(--ink);background-size:4px 4px,auto;border-radius:22px;position:relative;overflow:hidden}.mini-status{justify-content:space-between;height:32px;padding:11px 13px 0;font-size:7px;font-weight:700;display:flex}.mini-status span:last-child{font-family:var(--mono);letter-spacing:-.16em}.mini-teacher-head{align-items:center;gap:7px;padding:4px 12px 0;display:flex}.mini-teacher-head strong,.mini-att-head strong,.mini-chat-head strong{font-family:var(--display);font-size:8.5px;line-height:1.05;display:block}.mini-teacher-head span,.mini-att-head em,.mini-chat-head span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:5px;font-style:normal;line-height:1;display:block}.mini-avatar{background:var(--clay);color:#fff;width:21px;height:21px;font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-size:7px;font-weight:700;display:grid}.mini-avatar.court{background:var(--court)}.mini-date{color:var(--mute);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:9px 12px 0;font-size:6px;font-weight:700}.trainer-phone-day h3{font-family:var(--display);letter-spacing:-.03em;margin:4px 12px 0;font-size:19px;line-height:.92}.mini-stats{background:var(--ink);color:#fff;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 12px 7px;padding:6px;display:grid}.mini-stats strong{font-family:var(--display);font-size:12.5px;line-height:1;display:block}.mini-stats span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#ffffff94;margin-top:3px;font-size:5px;line-height:1.15;display:block}.mini-section-row{justify-content:space-between;align-items:baseline;padding:0 12px 5px;display:flex}.mini-section-row strong{font-family:var(--display);font-size:12px}.mini-section-row span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;font-size:6px}.mini-lesson{background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:5px;margin:0 12px 5px;padding:6px;display:grid;position:relative;box-shadow:0 3px 10px -9px #1a181547}.mini-lesson.current:before{content:"";background:linear-gradient(var(--accent), var(--clay));width:3px;position:absolute;top:0;bottom:0;left:0}.mini-time{color:var(--clay);font-family:var(--mono);background:#f6e4da;border-radius:6px;padding:3px 4px;font-size:6px;font-weight:800}.mini-lesson strong{font-family:var(--display);font-size:7.5px;line-height:1.05;display:block}.mini-lesson span{color:var(--mute);margin-top:2px;font-size:6px;display:block}.mini-lesson em{font-family:var(--mono);color:var(--court);text-transform:uppercase;white-space:nowrap;font-size:5px;font-style:normal}.mini-att-head,.mini-chat-head{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:8px;padding:3px 10px 8px;display:flex}.mini-back{border:1px solid var(--hairline);background:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:18px;line-height:1;display:grid}.mini-att-head span{color:var(--clay);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:5px;font-weight:800;display:block}.mini-att-stats{text-align:center;background:#fff;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:8px 12px 7px;padding:6px;display:grid;box-shadow:0 4px 12px -10px #1a181540}.mini-att-stats div+div{border-left:1px solid var(--hairline)}.mini-att-stats strong{font-family:var(--display);font-size:13px;line-height:1;display:block}.mini-att-stats div:first-child strong{color:#1f6e4a}.mini-att-stats div:nth-child(2) strong{color:#b8341c}.mini-att-stats span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:5px;display:block}.mini-all-present{background:var(--court);color:#fff;border-radius:9px;width:calc(100% - 24px);height:24px;margin:0 12px 6px;font-size:8px;font-weight:700}.mini-person{border:1px solid var(--hairline);background:#fff;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;margin:0 12px 4px;padding:5px;display:grid}.mini-person.absent{background:#f8ddd5}.mini-person .mini-avatar{width:20px;height:20px;font-size:7px}.mini-person strong{font-family:var(--display);font-size:6.8px;line-height:1;display:block}.mini-person span{color:var(--mute);font-family:var(--mono);text-transform:uppercase;margin-top:2px;font-size:5px;display:block}.mini-person i{background:var(--clay);border-radius:999px;width:23px;height:14px;position:relative}.mini-person i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}.mini-person.absent i{background:var(--hairline-strong)}.mini-person.absent i:after{left:2px;right:auto}.mini-save{background:var(--clay);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:27px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:10px;left:9px;right:9px}.mini-save span{font-family:var(--mono);opacity:.75;font-size:7px}.mini-broadcast{color:#8c2f18;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:#f6e4da;border-radius:8px;margin:7px 10px 0;padding:5px 6px;font-size:5px;font-weight:800}.mini-date-pill{width:max-content;color:var(--mute);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#fbf8f3;border-radius:999px;margin:6px auto;padding:4px 8px;font-size:5px;font-weight:800}.mini-msg{align-items:flex-end;gap:5px;max-width:88%;margin:0 10px 4px;display:flex}.mini-msg span{background:var(--court);color:#fff;width:18px;height:18px;font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-size:6px;font-weight:700;display:grid}.mini-msg p{background:#fff;border-radius:11px 11px 11px 4px;padding:5px 6px;font-size:5.8px;line-height:1.25}.mini-msg.own{justify-content:flex-end;margin-left:auto}.mini-msg.own p{background:var(--ink);color:#fff;border-left:3px solid var(--accent);border-radius:11px 11px 4px}.mini-msg.own.clay p{background:var(--clay);border-left:0}.mini-msg strong{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:5px;line-height:1;display:block}.mini-msg.clay strong{color:#ffffffd9}.mini-composer{border-top:1px solid var(--hairline);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:5px 7px 8px;display:grid;position:absolute;bottom:0;left:0;right:0}.mini-composer span{background:var(--ink);color:var(--accent);font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:4px 6px;font-size:5px;font-weight:800}.mini-composer div{border:1px solid var(--hairline);color:var(--mute);white-space:nowrap;background:#fbf8f3;border-radius:999px;padding:6px 7px;font-size:7px;overflow:hidden}.mini-composer button{background:var(--clay);color:#fff;border-radius:50%;width:22px;height:22px;font-size:17px}@media (max-width:768px){.trainer-feature-mock{gap:7px;padding:14px 12px}.trainer-phone{width:150px;height:330px}.trainer-phone-day{transform:rotate(-5deg)translate(18px,8px)}.trainer-phone-attendance{transform:translateY(-8px)}.trainer-phone-chat{transform:rotate(5deg)translate(-18px,8px)}}.student-feature-mock{aspect-ratio:4/3;background:var(--bg);justify-content:center;align-items:center;gap:24px;padding:14px 42px;display:flex}.student-phone{background:#0f0e0c;border-radius:28px;flex-shrink:0;width:184px;height:386px;padding:5px;box-shadow:0 20px 38px -22px #1a18158c}.student-phone-package{transform:rotate(-4deg)translateY(8px)}.student-phone-availability{transform:rotate(4deg)translateY(-8px)}.student-phone-screen{background:radial-gradient(#1a181505 1px, transparent 1px), var(--bg);height:100%;color:var(--ink);background-size:4px 4px,auto;border-radius:24px;position:relative;overflow:hidden}.student-topline{text-align:center;font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin:0 12px 3px;font-size:5px;font-weight:800}.student-page-head{padding:0 13px 6px}.student-page-head span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;gap:5px;font-size:4.5px;font-weight:800;display:flex}.student-page-head span:before{content:"";background:var(--clay);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:3px}.student-page-head h3{font-family:var(--display);letter-spacing:-.03em;margin-top:3px;font-size:20px;line-height:1}.student-flow{grid-template-columns:repeat(4,1fr);gap:4px;padding:0 13px 7px;display:grid}.student-flow i{background:var(--hairline);border-radius:999px;height:3px}.student-flow i.active{background:var(--clay)}.student-flow i.done{background:var(--clay-deep)}.student-block-strip,.student-block-card{background:var(--ink);color:#fff;border-radius:10px;margin:0 13px 8px;padding:8px 10px;position:relative;overflow:hidden}.student-block-strip:after,.student-block-card:after{content:"";background:radial-gradient(circle, var(--court), transparent 70%);opacity:.5;border-radius:50%;width:78px;height:78px;position:absolute;top:-22px;right:-22px}.student-block-strip span,.student-block-card span{z-index:1;color:#ffffffb3;font-size:6px;display:block;position:relative}.student-block-strip strong,.student-block-card strong{z-index:1;font-family:var(--display);margin-top:2px;font-size:10px;line-height:1;display:block;position:relative}.student-block-strip em,.student-block-card em{z-index:1;text-align:right;font-family:var(--mono);color:#ffffffa6;text-transform:uppercase;font-size:6px;font-style:normal;position:absolute;top:10px;right:10px}.student-label{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;padding:0 13px 5px;font-size:6px;font-weight:800}.student-package{border:1px solid var(--hairline);background:#fff;border-radius:11px;margin:0 13px 6px;padding:8px}.student-package.selected{border-color:var(--clay);background:#f6e4da}.student-package-head{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.student-package-head strong{font-family:var(--display);font-size:10.5px;line-height:1}.student-package-head strong span{margin-top:1px;display:block}.student-package-head em{color:var(--court);font-family:var(--mono);text-transform:uppercase;background:#dceee6;border-radius:6px;padding:3px 5px;font-size:5px;font-style:normal;font-weight:800}.student-specs{background:var(--hairline);border-radius:7px;grid-template-columns:1fr 1.2fr;gap:1px;margin-top:6px;display:grid;overflow:hidden}.student-specs span{background:#fff;padding:5px;font-size:6px;font-weight:700}.student-package.selected .student-specs span{background:#f6e4da}.student-specs small{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:5px;display:block}.student-price{font-family:var(--display);margin-top:6px;font-size:14px;font-weight:800;line-height:1}.student-price span{font-family:var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:5px;display:block}.student-next-btn,.student-save-btn{background:var(--clay);color:#fff;border-radius:11px;place-items:center;height:28px;font-size:9px;font-weight:800;display:grid;position:absolute;bottom:11px;left:12px;right:12px}.student-intro{border:1px solid var(--hairline);background:#fff;border-radius:10px;margin:0 13px 7px;padding:8px}.student-intro strong{font-size:7px;line-height:1.2;display:block}.student-intro span{color:var(--mute);margin-top:2px;font-size:6px;line-height:1.25;display:block}.student-grid-card{background:#fff;border-radius:12px;margin:0 10px 7px;padding:8px 7px;box-shadow:0 4px 14px -12px #1a18154d}.student-grid-head{font-family:var(--display);padding:0 2px 6px;font-size:9px;font-weight:700}.student-grid-head strong{color:var(--clay)}.student-grid{grid-template-columns:27px repeat(6,1fr);gap:3px;display:grid}.student-grid b{text-align:center;font-family:var(--mono);color:var(--mute);text-transform:uppercase;font-size:6px}.student-grid .time{font-family:var(--mono);color:var(--mute);justify-content:flex-end;align-items:center;padding-right:3px;font-size:5px;display:flex}.student-grid .slot{border:1px solid var(--hairline);height:18px;font-family:var(--mono);color:#8a5a0a;background:#fbf8f3;border-radius:5px;place-items:center;font-size:6px;font-weight:800;display:grid}.student-grid .slot.on{background:var(--clay);border-color:var(--clay)}.student-grid .slot.on:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:7px;height:4px;transform:rotate(-45deg)}.student-grid .slot.off{opacity:.5;background:repeating-linear-gradient(45deg, transparent 0 3px, var(--hairline) 3px 4px)}.student-grid .slot.x{background:#fbf0d5;border-color:#e8a93a}.student-pref{color:var(--court);background:#dceee6;border-radius:10px;margin:0 13px;padding:8px}.student-pref strong{font-size:7px;line-height:1.2;display:block}.student-pref span{margin-top:2px;font-size:6px;display:block}@media (max-width:768px){.student-feature-mock{gap:10px;padding:14px 22px}.student-phone{width:166px;height:350px}.student-phone-package{transform:rotate(-4deg)translate(16px)}.student-phone-availability{transform:rotate(4deg)translate(-16px)}}
