*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050607;min-width:320px;margin:0;font-family:Inter,Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif}body,button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#78d9ff) 72%, white);outline-offset:3px}.app-shell{--bg:#050607;--bg-soft:#0b1117;--surface:#ffffff0f;--surface-strong:#101820;--text:#f6fbff;--muted:#a6b7c5;--line:#c4e9ff2e;--line-strong:#c4e9ff52;--accent:#78d9ff;--accent-strong:#2ea7ff;--mint:#8fffe3;--warning:#f3bc68;--danger-soft:#f3bc6833;--on-accent:#061018;--header-bg:#050607c7;--shadow:0 24px 90px #00000061;--soft-band:#0b1117b3;--page-gradient:linear-gradient(130deg, #78d9ff1a 0%, #8fffe308 32%, transparent 56%), linear-gradient(180deg, #050607 0%, #061013 44%, #050607 100%);--primary-gradient:linear-gradient(135deg, #8de8ff 0%, #45b9ff 48%, #9fffe7 100%);--panel-gradient:linear-gradient(145deg, #ffffff1a, #ffffff0a);background:var(--page-gradient);min-height:100vh;color:var(--text);transition:background .28s,color .28s;overflow-x:hidden}.app-shell.theme-light{--bg:#fff;--bg-soft:#f4fbff;--surface:#fffffff5;--surface-strong:#fff;--text:#10202c;--muted:#425767;--line:#b7dff3;--line-strong:#85caee;--accent:#108bd0;--accent-strong:#178ed0;--mint:#49c4a3;--warning:#e7a93c;--danger-soft:#e7a93c2e;--on-accent:#061018;--header-bg:#ffffffd6;--shadow:0 24px 70px #2ea7ff24;--soft-band:#f4fbff;--page-gradient:linear-gradient(125deg, #82dcff52 0%, #fff0 42%), linear-gradient(180deg, #fff 0%, #f4fbff 44%, #fff 100%);--primary-gradient:linear-gradient(135deg, #3bbaf4 0%, #82dcff 54%, #d7f6ff 100%);--panel-gradient:linear-gradient(145deg, #fffffffa, #f4fbffc7)}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.brand,.footer-inner .logo-text{align-items:center;font-weight:700;display:inline-flex}.logo-text{color:var(--text);font-size:24px;font-weight:700}.logo-text:before{content:"";background:var(--primary-gradient);border-radius:3px;width:12px;height:12px;margin-right:9px;display:inline-block;box-shadow:0 0 28px #78d9ff73}.desktop-nav{color:var(--muted);align-items:center;gap:22px;font-size:14px;font-weight:500;display:flex}.desktop-nav a{transition:color .18s}.desktop-nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:10px;display:flex}.variant-switch{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.variant-switch button{min-height:34px;color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.variant-switch button.is-active{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.variant-dot{width:10px;height:10px;box-shadow:0 0 0 1px var(--line);border-radius:999px}.variant-dot-dark{background:#050607}.variant-dot-light{background:#fff}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.46}.btn:disabled:hover{transform:none}.btn-primary{background:var(--primary-gradient);color:var(--on-accent);box-shadow:0 18px 46px #2ea7ff3d}.btn-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.header-cta{min-height:38px;padding:0 14px}.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-menu{border-top:1px solid var(--line);background:var(--header-bg)}.mobile-menu-inner{gap:12px;padding:18px 0 22px;display:grid}.mobile-menu-inner a{color:var(--muted);padding:8px 0;font-weight:600}.hero-section{min-height:auto;padding:66px 0 60px}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:54px;display:grid}.hero-copy h1{max-width:660px;margin:0;font-family:Inter,Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:58px;font-weight:300;line-height:1.04}.hero-copy p{max-width:620px;color:var(--muted);margin:24px 0 0;font-size:19px;font-weight:400;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.cta-routing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;margin-top:16px;display:grid}.cta-routing a{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:8px;align-content:center;gap:5px;min-height:86px;padding:15px;transition:border-color .18s,transform .18s,background .18s;display:grid}.cta-routing a:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface));transform:translateY(-2px)}.cta-routing strong{color:var(--text);font-size:14px;font-weight:800}.cta-routing span{color:var(--muted);font-size:13px;font-weight:600;line-height:1.42}.hero-theme-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:14px;margin-top:30px;padding:10px;display:inline-flex}.hero-theme-panel>span{color:var(--muted);padding-left:4px;font-size:13px;font-weight:700}.hero-visual{min-width:0}.browser-shell,.booking-panel,.checkout-panel,.contact-form,.feature-card,.palette-card,.mini-panel{border:1px solid var(--line);background:var(--panel-gradient);box-shadow:var(--shadow);border-radius:8px}.browser-shell{overflow:hidden}.browser-top{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);align-items:center;gap:8px;padding:0 16px;display:flex}.browser-top span{background:var(--line-strong);border-radius:999px;width:10px;height:10px}.browser-top strong{margin-left:auto;font-size:13px;font-weight:700}.mockup-layout{grid-template-columns:.88fr 1.12fr;min-height:438px;display:grid}.mockup-photo{background:linear-gradient(135deg,#78d9ff38,#8fffe31f),linear-gradient(160deg,#ffffff14,#fff0);min-height:100%;position:relative;overflow:hidden}.theme-light .browser-shell,.theme-light .booking-panel,.theme-light .checkout-panel,.theme-light .contact-form,.theme-light .feature-card,.theme-light .palette-card,.theme-light .mini-panel{background:#fffffff5}.theme-light .mockup-photo{background:linear-gradient(135deg,#3bbaf433,#49c4a31f),linear-gradient(160deg,#f4fbff,#fff)}.theme-light .mockup-kpi,.theme-light .mini-date,.theme-light .date-tile{background:#f9fdff;border-color:#b7dff3}.theme-light .mockup-photo:before,.theme-light .mockup-photo:after{border-color:#178ed03d}.mockup-photo:before,.mockup-photo:after{content:"";border:1px solid var(--line-strong);border-radius:8px;position:absolute;inset:34px}.mockup-photo:after{background:linear-gradient(140deg, #ffffff1a, transparent), var(--primary-gradient);opacity:.7;height:120px;inset:auto 34px 34px}.photo-lines{gap:12px;display:grid;position:absolute;top:72px;left:58px;right:58px}.photo-lines span{background:#ffffff38;border-radius:999px;height:8px}.photo-lines span:nth-child(2){width:74%}.photo-lines span:nth-child(3){width:52%}.mockup-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;display:grid}.mockup-kpi,.mini-date{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px}.mockup-kpi span{color:var(--accent);font-size:28px;font-weight:800;display:block}.mockup-kpi small,.mini-date span{color:var(--muted);font-size:13px;font-weight:600}.mockup-calendar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-date strong{color:var(--text);font-size:28px;line-height:1;display:block}.mini-date-available{box-shadow:inset 0 0 0 1px #8fffe342}.mini-date-limited{box-shadow:inset 0 0 0 1px #f3bc684d}.mini-date-occupied{opacity:.52}.checkout-line{background:var(--primary-gradient);min-height:54px;color:var(--on-accent);border-radius:8px;grid-column:1/-1;align-items:center;gap:9px;padding:0 15px;font-size:13px;font-weight:800;display:flex}.checkout-line-step{align-items:center;gap:7px;display:inline-flex}.section{padding:98px 0;scroll-margin-top:96px}.section-soft{background:var(--soft-band);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.section-intro{max-width:720px}.section-intro>span{color:var(--accent);margin-bottom:14px;font-size:14px;font-weight:800;display:block}.section-intro h2{color:var(--text);margin:0;font-size:42px;font-weight:500;line-height:1.08}.section-intro p{color:var(--muted);margin:18px 0 0;font-size:17px;line-height:1.7}.scope-grid,.implementation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;display:grid}.feature-card{min-height:238px;padding:24px;transition:transform .18s,border-color .18s,background .18s}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.icon-box{background:color-mix(in srgb, var(--accent) 16%, transparent);width:46px;height:46px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-box svg{width:22px;height:22px}.feature-card h3,.implementation-card h3{margin:22px 0 10px;font-size:20px;font-weight:700;line-height:1.24}.feature-card p,.implementation-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.62}.split-head{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:28px;display:grid}.mini-panel{color:var(--muted);align-items:center;gap:12px;padding:18px;font-weight:600;line-height:1.45;display:flex}.mini-panel svg{color:var(--mint);flex:none}.course-card{border:1px solid var(--line);background:var(--surface);width:100%;min-height:326px;color:var(--text);text-align:left;border-radius:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.course-card:hover,.course-card.is-selected{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.course-image{color:#061018;border-radius:8px;align-items:flex-end;min-height:132px;margin:14px 14px 0;padding:16px;display:flex;position:relative;overflow:hidden}.course-image:before{content:"";border:1px solid #0610182e;border-radius:8px;position:absolute;inset:18px}.course-image span{font-size:34px;font-weight:800;position:relative}.course-card-body{gap:10px;padding:18px;display:grid}.course-card-body strong{font-size:18px;line-height:1.25}.course-card-body small{color:var(--muted);font-size:14px;font-weight:600}.course-row{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:14px;font-weight:800;display:flex}.reservation-grid{grid-template-columns:minmax(260px,.84fr) minmax(360px,1.05fr) minmax(280px,.78fr);align-items:start;gap:22px;display:grid}.status-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:26px;font-size:14px;font-weight:700;display:flex}.status-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px}.legend-free{background:var(--mint)}.legend-limited{background:var(--warning)}.legend-blocked{background:var(--line-strong)}.booking-panel,.checkout-panel{padding:22px}.booking-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.booking-head svg{color:var(--accent)}.booking-head strong,.selected-course strong{font-size:18px;font-weight:800;display:block}.booking-head span,.selected-course span,.selected-course small,.seat-stepper>span{color:var(--muted);font-size:14px;font-weight:600}.date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.date-tile{border:1px solid var(--line);background:var(--surface);min-height:154px;color:var(--text);text-align:left;border-radius:8px;padding:16px;transition:transform .18s,border-color .18s,opacity .18s;display:grid}.date-tile:hover:not(:disabled),.date-tile.is-selected{border-color:var(--accent);transform:translateY(-2px)}.date-tile:disabled{cursor:not-allowed;opacity:.5}.date-tile span{color:var(--muted);font-size:13px;font-weight:700}.date-tile strong{color:var(--text);align-self:end;font-size:34px;line-height:1}.date-tile small{color:var(--muted);font-size:14px;font-weight:700}.date-tile em{color:var(--accent);font-size:13px;font-style:normal;font-weight:800}.date-limited em{color:var(--warning)}.date-occupied{background:var(--danger-soft)}.checkout-panel{position:sticky;top:104px}.selected-course{border-bottom:1px solid var(--line);padding-bottom:20px}.selected-course strong{margin:8px 0 5px;line-height:1.25}.seat-stepper{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.seat-stepper div{align-items:center;gap:10px;display:inline-flex}.seat-stepper button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.seat-stepper button:disabled{cursor:not-allowed;opacity:.4}.seat-stepper strong{text-align:center;min-width:20px}.checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:20px 0;display:grid}.checkout-step{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--muted);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:0 10px;transition:border-color .18s,background .18s,color .18s;display:flex}.checkout-step:hover,.checkout-step.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--surface));color:var(--text)}.checkout-step.is-complete{border-color:color-mix(in srgb, var(--mint) 46%, var(--line))}.checkout-step span{min-width:0;font-size:13px;font-weight:800}.checkout-step svg{color:var(--line-strong);flex:none}.checkout-step.is-active svg,.checkout-step.is-complete svg{color:var(--mint)}.full-width{width:100%}.workflow-layout{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);align-items:start;gap:34px;display:grid}.workflow-controls{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.workflow-progress{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;margin-top:26px;padding:10px 12px;display:inline-flex}.workflow-progress strong{color:var(--accent);font-size:20px;font-weight:900}.workflow-progress span{color:var(--muted);font-size:13px;font-weight:800}.workflow-demo{border:1px solid var(--line);background:var(--panel-gradient);box-shadow:var(--shadow);border-radius:8px;padding:22px}.theme-light .workflow-demo{background:#fffffff5}.workflow-timeline{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.workflow-node{border:1px solid var(--line);background:var(--surface);min-height:76px;color:var(--muted);text-align:left;border-radius:8px;justify-items:start;gap:8px;padding:11px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.workflow-node:hover,.workflow-node.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--text);transform:translateY(-2px)}.workflow-node span{border:1px solid var(--line);width:26px;height:26px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.workflow-node.is-complete span{background:var(--mint);color:#061018;border-color:#0000}.workflow-node strong{font-size:13px;font-weight:800}.workflow-stage{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 46%), var(--surface);border-radius:8px;margin-top:16px;padding:24px}.stage-count{color:var(--accent);margin-bottom:10px;font-size:13px;font-weight:900;display:block}.workflow-stage h3{color:var(--text);margin:0;font-size:30px;font-weight:600;line-height:1.14}.workflow-stage p{max-width:720px;color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.66}.stage-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.stage-summary div,.stage-notes div{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);border-radius:8px;padding:14px}.stage-summary span,.stage-notes span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.45;display:block}.stage-summary strong,.stage-notes strong{color:var(--text);font-size:14px;font-weight:850;line-height:1.35;display:block}.stage-summary strong{margin-top:7px}.stage-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.stage-notes strong{margin-bottom:8px}.demo-transaction{gap:12px;margin-top:14px;display:grid}.demo-cart,.demo-contact,.demo-output{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);border-radius:8px;padding:16px}.demo-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.demo-panel-head svg{color:var(--accent);flex:none}.demo-panel-head strong{color:var(--text);font-size:15px;font-weight:900;line-height:1.3;display:block}.demo-panel-head span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45;display:block}.cart-lines{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:14px;display:grid}.cart-lines div{gap:6px;display:grid}.cart-lines span,.cart-total span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.cart-lines strong,.cart-total strong{color:var(--text);font-size:14px;font-weight:900;line-height:1.35}.cart-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.cart-total strong{color:var(--accent);font-size:22px}.contact-demo-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;padding-top:14px;display:grid}.contact-demo-lines span{color:var(--muted);font-size:13px;font-weight:750;line-height:1.4}.demo-action-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.demo-action{border:1px solid var(--line);background:var(--surface);min-height:118px;color:var(--muted);text-align:left;border-radius:8px;align-content:space-between;justify-items:start;gap:10px;padding:14px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.demo-action:hover:not(:disabled),.demo-action.is-done{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);transform:translateY(-2px)}.demo-action:disabled{cursor:not-allowed;opacity:.48}.demo-action svg{color:var(--accent)}.demo-action span{color:var(--text);font-size:14px;font-weight:900;line-height:1.25}.demo-action strong{color:var(--muted);font-size:12px;font-weight:900;line-height:1.3}.demo-action.is-done strong{color:var(--mint)}.demo-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-output{opacity:.46;align-items:flex-start;gap:10px;transition:border-color .18s,opacity .18s,background .18s;display:flex}.demo-output.is-visible{border-color:color-mix(in srgb, var(--mint) 48%, var(--line));background:color-mix(in srgb, var(--mint) 10%, var(--surface));opacity:1}.demo-output svg{color:var(--mint);flex:none;margin-top:2px}.demo-output strong{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:900;display:block}.demo-output span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.45;display:block}.implementation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.implementation-card{min-height:260px}.palette-layout{grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:34px;display:grid}.palette-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.palette-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.palette-card{padding:20px}.palette-card.is-active{border-color:var(--accent)}.palette-card-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.palette-card h3{margin:0;font-size:18px}.palette-card-head span{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.swatch-list{gap:10px;margin-top:18px;display:grid}.swatch-row{color:var(--muted);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.swatch-row i{border:1px solid var(--line);border-radius:8px;width:28px;height:28px}.swatch-row code{color:var(--text);font-family:Inter,monospace;font-size:12px}.gradient-strip{background:var(--primary-gradient);border-radius:8px;height:52px;margin-top:18px}.contact-section{padding-bottom:118px}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:start;gap:48px;display:grid}.contact-lines{color:var(--muted);gap:14px;margin-top:30px;font-weight:600;display:grid}.contact-lines span{align-items:center;gap:12px;display:flex}.contact-lines svg{color:var(--accent)}.contact-form{gap:16px;padding:24px;display:grid}.contact-form label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:13px 14px;transition:border-color .18s,box-shadow .18s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.contact-form ::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}.form-status{border:1px solid color-mix(in srgb, var(--mint) 36%, transparent);background:color-mix(in srgb, var(--mint) 12%, transparent);color:var(--text);border-radius:8px;margin:0;padding:12px 14px;font-size:14px;font-weight:700}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{min-height:94px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;font-size:14px;display:flex}.footer-inner a{color:var(--accent);font-weight:800}.hero-lead{color:var(--text)!important;margin-top:22px!important;font-size:25px!important;font-weight:650!important;line-height:1.32!important}.proof-strip{flex-wrap:wrap;gap:10px;max-width:660px;margin-top:24px;display:flex}.proof-strip span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);min-height:36px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.proof-strip svg{color:var(--mint);flex:none}.sales-model-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 48%), var(--panel-gradient)}.sales-model-body{gap:16px;padding:22px;display:grid}.hero-side-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;padding:22px}.hero-side-card svg{color:var(--accent)}.hero-side-card h2{color:var(--text);margin:18px 0 10px;font-size:30px;font-weight:600;line-height:1.12}.hero-side-card p{color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:1.6}.sales-flow-preview{gap:8px;display:grid}.sales-flow-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:34px minmax(0,.78fr) minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.sales-flow-row span{background:var(--primary-gradient);width:28px;height:28px;color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.sales-flow-row strong{color:var(--text);font-size:14px;font-weight:900}.sales-flow-row small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.3}.hero-trust-list{gap:8px;display:grid}.hero-trust-list span{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.hero-trust-list svg{color:var(--mint);flex:none}.course-controls{margin-top:34px}.course-filters{border:1px solid var(--line);background:var(--panel-gradient);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px;display:grid}.theme-light .course-filters{background:#fffffff5}.course-filters label{color:var(--muted);gap:8px;font-size:12px;font-weight:850;display:grid}.course-filters select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-size:13px;font-weight:750}.course-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.filter-empty{color:var(--warning);margin:12px 0 0;font-size:14px;font-weight:800}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.course-grid .course-card{flex:initial;width:auto;min-height:100%}.course-card-header{padding:14px 14px 0;display:block;position:relative}.course-card-header .course-image{min-height:126px;margin:0}.course-state{color:#061018;background:#ffffffc7;border:1px solid #06101824;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:900;position:absolute;top:24px;right:24px}.course-state.is-selected{background:var(--mint)}.course-meta-grid{gap:8px;margin-top:2px;display:grid}.course-meta-grid span{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;font-weight:750;line-height:1.35;display:flex}.course-meta-grid svg{color:var(--accent);flex:none;margin-top:1px}.course-row .is-limited{color:var(--warning)}.course-action-row{border-top:1px solid var(--line);min-height:42px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:12px;font-size:13px;font-weight:900;display:flex}.course-action-row svg{color:var(--accent);flex:none}.trust-stack{gap:12px;margin-top:28px;display:grid}.location-card,.review-card,.architecture-note,.payment-preview,.checkout-form-preview,.confirmation-panel{border:1px solid var(--line);background:var(--panel-gradient);box-shadow:var(--shadow);border-radius:8px}.theme-light .location-card,.theme-light .review-card,.theme-light .architecture-note,.theme-light .payment-preview,.theme-light .checkout-form-preview,.theme-light .confirmation-panel{background:#fffffff5}.location-card,.review-card{color:var(--muted);grid-template-columns:22px minmax(0,1fr);gap:12px;padding:16px;display:grid}.location-card>svg,.review-card>svg{color:var(--accent);margin-top:2px}.location-card strong,.review-card strong{color:var(--text);margin-bottom:5px;font-size:14px;font-weight:900;display:block}.location-card span,.review-card span{font-size:13px;font-weight:700;line-height:1.45;display:block}.map-preview{border:1px solid var(--line);background:linear-gradient(90deg, transparent 49%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 51%), linear-gradient(0deg, transparent 49%, color-mix(in srgb, var(--accent) 18%, transparent) 50%, transparent 51%), color-mix(in srgb, var(--surface) 90%, transparent);border-radius:8px;grid-column:1/-1;height:118px;position:relative;overflow:hidden}.map-preview i{background:var(--primary-gradient);width:18px;height:18px;box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px 999px 999px 2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.legend-waitlist{background:var(--accent)}.date-waitlist em{color:var(--accent)}.date-waitlist{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.checkout-total{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.checkout-total span{color:var(--muted);font-size:14px;font-weight:800}.checkout-total strong{color:var(--accent);font-size:24px;font-weight:950}.availability-note{border:1px solid color-mix(in srgb, var(--mint) 30%, var(--line));background:color-mix(in srgb, var(--mint) 8%, transparent);color:var(--text);border-radius:8px;margin:16px 0 0;padding:12px;font-size:13px;font-weight:800;line-height:1.45}.checkout-steps-compact{grid-template-columns:repeat(1,minmax(0,1fr))}.workflow-timeline{grid-template-columns:repeat(5,minmax(0,1fr))}.preview-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px;display:grid}.preview-form-grid label{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:grid}.preview-form-grid input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:12px;font-size:13px;font-weight:750}.checkout-form-preview,.payment-preview,.confirmation-panel{padding:16px}.form-helper{color:var(--muted);margin:12px 0 0;font-size:13px;font-weight:750;line-height:1.45}.payment-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:14px;display:grid}.payment-method{border:1px solid var(--line);background:var(--surface);min-height:122px;color:var(--muted);text-align:left;border-radius:8px;align-content:start;gap:8px;padding:14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.payment-method:hover,.payment-method.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));transform:translateY(-2px)}.payment-method svg{color:var(--accent)}.payment-method strong{color:var(--text);font-size:14px;font-weight:900}.payment-method span{font-size:12px;font-weight:750;line-height:1.35}.payment-note{border:1px solid color-mix(in srgb, var(--warning) 32%, var(--line));background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--text);border-radius:8px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.payment-note svg{color:var(--warning);flex:none}.payment-note span{font-size:13px;font-weight:800;line-height:1.45}.confirmation-panel p{color:var(--muted);margin:14px 0 0;font-size:14px;font-weight:700;line-height:1.55}.confirmation-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.confirmation-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.confirmation-footer span,.confirmation-footer button{color:var(--muted);font-size:13px;font-weight:900}.confirmation-footer button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 11px}.architecture-note{align-items:flex-start;gap:12px;margin-top:24px;padding:18px;display:flex}.architecture-note svg{color:var(--accent);flex:none;margin-top:2px}.architecture-note p{color:var(--muted);margin:0;font-size:14px;font-weight:750;line-height:1.55}.visual-variant-section{padding-top:76px}.mobile-sticky-summary{display:none}@media (width<=1080px){.desktop-nav,.header-cta,.variant-switch-compact{display:none}.menu-button{display:inline-flex}.hero-grid,.palette-layout,.contact-grid,.workflow-layout{grid-template-columns:1fr}.hero-copy h1{font-size:52px}.hero-copy p{font-size:18px}.mockup-layout{grid-template-columns:1fr}.mockup-photo{min-height:230px}.scope-grid,.implementation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-grid{grid-template-columns:1fr}.checkout-panel{position:static}.workflow-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-lines,.demo-action-list,.payment-method-grid,.confirmation-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){.app-shell{padding-bottom:104px}.container{width:min(100% - 28px,1180px)}.header-inner{min-height:68px}.hero-section{min-height:auto;padding:50px 0 132px}.hero-copy h1{font-size:38px;line-height:1.06}.hero-copy p{margin-top:18px;font-size:16px;line-height:1.62}.hero-lead{font-size:20px!important;line-height:1.35!important}.hero-actions,.hero-theme-panel{flex-direction:column;align-items:stretch}.cta-routing{grid-template-columns:1fr}.hero-theme-panel{display:flex}.variant-switch{width:100%}.variant-switch button{flex:1;justify-content:center}.section{padding:72px 0}.section-intro h2{font-size:32px}.section-intro p{font-size:16px}.scope-grid,.implementation-grid,.palette-columns,.split-head,.course-grid,.course-filters{grid-template-columns:1fr}.proof-strip span{width:100%}.sales-flow-row{grid-template-columns:34px minmax(0,1fr)}.sales-flow-row small{grid-column:2}.mockup-content,.mockup-calendar,.date-grid{grid-template-columns:1fr}.booking-panel,.checkout-panel,.contact-form,.workflow-demo,.workflow-stage{padding:18px}.checkout-steps,.stage-summary,.stage-notes,.cart-lines,.contact-demo-lines,.demo-action-list,.demo-output-grid,.preview-form-grid,.payment-method-grid,.confirmation-actions{grid-template-columns:1fr}.workflow-controls{flex-direction:column;align-items:stretch}.workflow-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card{min-height:auto}.footer-inner{flex-direction:column;align-items:flex-start;padding:24px 0}.contact-section{padding-bottom:132px}.mobile-sticky-summary{z-index:60;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);background:var(--header-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex;position:fixed;left:12px}.mobile-sticky-summary div{gap:3px;min-width:0;display:grid}.mobile-sticky-summary strong,.mobile-sticky-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-sticky-summary strong{color:var(--text);font-size:13px;font-weight:900}.mobile-sticky-summary span{color:var(--muted);font-size:12px;font-weight:800}.mobile-sticky-summary .btn{flex:none;min-height:40px;padding:0 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
