*{box-sizing:border-box;margin:0;padding:0}:root{--bfl-primary:#0f2d52;--bfl-primary-dark:#0b2340;--bfl-secondary:#315f93;--bfl-bg:#eef3f8;--bfl-surface:#fff;--bfl-surface-alt:#f8fafc;--bfl-border:#d6e0ea;--bfl-border-strong:#c2d0de;--bfl-text:#1f2a37;--bfl-muted:#66758a;--bfl-user:#0f2d52;--bfl-user-text:#fff;--shadow-soft:0 10px 30px #0f2d520f;--shadow-card:0 6px 18px #0f2d520a}html,body,#root{height:100%}body{background:var(--bfl-bg);color:var(--bfl-text);font-family:Inter,Arial,sans-serif}button,input{font:inherit}.app-shell{background:radial-gradient(circle at top left, #315f930d, transparent 28%), radial-gradient(circle at bottom right, #0f2d520f, transparent 30%), var(--bfl-bg);width:100%;height:100vh}.fullscreen-chat{width:100%;max-width:none;height:100vh;box-shadow:none;background:#fffffff5;border:none;border-radius:0;flex-direction:column;padding:18px 28px 24px;display:flex}.chat-app{width:100%}.chat-topbar{border-bottom:1px solid var(--bfl-border);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:14px;display:flex;position:relative}.brand-area{align-items:center;gap:10px;display:flex}.brand-wordmark{object-fit:contain;width:auto;height:46px;display:block}.brand-area h2{color:var(--bfl-primary);margin-bottom:2px;font-size:16px;line-height:1.2}.brand-area p{color:var(--bfl-muted);font-size:12px}.top-center-controls{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.center-logo-badge{z-index:2;border:1px solid var(--bfl-border-strong);background:#0f3f73;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 10px 24px #0f2d5229}.center-logo-badge img{object-fit:cover;border-radius:50%;width:100%;height:100%}.template-action{border:1px solid var(--bfl-border-strong);width:38px;height:38px;color:var(--bfl-primary);cursor:pointer;background:#f6f9fd;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;box-shadow:0 8px 18px #0f2d5214}.template-action:hover{background:#eaf1f9;border-color:#a8bfd7;transform:translateY(-1px)}.template-action:focus-visible{outline:none;box-shadow:0 0 0 3px #0f2d5224}.chat-actions{align-items:center;gap:8px;display:inline-flex}.icon-action{border:1px solid var(--bfl-border-strong);width:34px;height:34px;color:var(--bfl-primary);cursor:pointer;background:#f6f9fd;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.icon-action:hover{background:#eaf1f9;border-color:#a8bfd7;transform:translateY(-1px)}.icon-action:focus-visible{outline:none;box-shadow:0 0 0 3px #0f2d5224}.assistant-hero{text-align:center;width:min(100%,920px);margin:18px auto 0}.assistant-hero h1{letter-spacing:-.01em;color:#5a616d;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.1}.chat-window.full-layout{border:1px solid var(--bfl-border);background:linear-gradient(#fbfcfe 0%,#f6f9fc 100%);border-radius:18px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.messages-area{flex:1;min-height:0;padding:28px 28px 18px;overflow-y:auto}.conversation-thread{flex:1;width:min(100%,980px);min-height:0;margin:8px auto 0;display:flex}.conversation-thread.intro-mode{flex-direction:column;justify-content:flex-start;align-items:center;padding:28px 16px 22px}.conversation-thread.chat-mode{padding:8px 10px 18px}.intro-focus{text-align:center;background:#fbfbfa;border:1px solid #e5e7eb;border-radius:20px;width:min(100%,700px);padding:38px 34px 34px}.intro-title{color:#0f2d52;letter-spacing:-.012em;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.8vw,52px);font-weight:500;line-height:1.04}.intro-prompt{color:#4f5d6f;margin-top:14px;font-size:19px;line-height:1.5}.intro-input-row{gap:10px;margin-top:30px;display:flex}.intro-input-row input,.chat-input-row input{color:#162635;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:13px 14px}.intro-input-row input:focus,.chat-input-row input:focus{border-color:#0f2d52;box-shadow:0 0 0 3px #0f2d521c}.intro-input-row button,.chat-input-row button,.next-button{color:#fff;letter-spacing:.01em;cursor:pointer;background:#0f2d52;border:none;border-radius:12px;min-width:110px;font-weight:700;transition:background .18s}.intro-input-row button:hover,.chat-input-row button:hover,.next-button:hover:not(:disabled){background:#0b2340}.chat-scroll-body{flex:1;min-height:0;padding:8px 8px 12px;overflow-y:auto}.message-row{gap:12px;margin-bottom:14px;display:flex}.message-row.assistant{justify-content:flex-start;align-items:flex-start}.message-row.user{justify-content:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.logo-avatar{background:#fff;border:1px solid #e5e7eb}.logo-avatar img{object-fit:cover;width:100%;height:100%}.message-bubble{border-radius:14px;padding:12px 14px}.assistant-bubble{background:#fbfbfa;border:1px solid #e5e7eb;max-width:700px}.assistant-bubble h3{color:#0f2d52;margin-bottom:4px;font-size:17px;font-weight:620;line-height:1.42}.assistant-bubble p{color:#66758a;font-size:13px;line-height:1.45}.user-bubble{color:#0f2d52;background:#fff;border:1px solid #e5e7eb;border-radius:999px;max-width:340px;padding:9px 14px}.user-bubble span{font-size:14px;font-weight:600;line-height:1.34}.chat-response-block{margin-top:8px;margin-bottom:14px;margin-left:50px}.date-step-block{width:min(100%,620px);margin-top:8px;margin-bottom:14px;margin-left:50px}.date-step-headline{align-items:center;gap:10px;margin-bottom:10px;display:flex}.date-icon-pill{color:#0f2d52;background:#fff;border:1px solid #d8dee6;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.date-step-headline h4{color:#0f2d52;font-size:15px;font-weight:650;line-height:1.3}.date-step-headline p{color:#6a7788;font-size:13px}.date-panel{background:radial-gradient(circle at 100% 0,#0f2d5212,#0000 40%),#fbfbfa;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.date-native-wrap{background:#fff;border:1px solid #d8dee6;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.date-native-wrap svg{color:#6f8198;flex-shrink:0}.date-native-wrap input{color:#1f2a37;background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-size:14px}.date-native-wrap:focus-within{border-color:#0f2d52;box-shadow:0 0 0 3px #0f2d521c}.date-preset-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.date-preset-chip{color:#304154;cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.date-preset-chip.active{color:#0f2d52;background:#eef3f8;border-color:#0f2d52}.date-preview-line{color:#0f2d52;border-top:1px solid #e5e7eb;margin-top:12px;padding-top:10px;font-size:14px;font-weight:600}.date-next-row{margin-top:12px}.address-step-block{width:min(100%,720px);margin-top:8px;margin-bottom:14px;margin-left:50px}.address-preview-shell{background:#f6f7f9;border:1px solid #e5e7eb;border-radius:16px;min-height:224px;overflow:hidden}.address-preview-map,.address-preview-map iframe{border:0;width:100%;height:224px;display:block}.address-preview-empty{text-align:center;background:radial-gradient(circle at 18% 18%,#0f2d5212,#0000 24%),radial-gradient(circle at 82% 76%,#0f2d5214,#0000 30%),#f8f8f7;place-items:center;height:224px;display:grid}.address-preview-empty p{color:#6a7788;margin-top:10px;font-size:14px}.address-pin-orbit{color:#0f2d52;background:#fff;border:1px solid #d5dae1;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;animation:1.9s ease-in-out infinite pin-pulse;display:inline-flex}@keyframes pin-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 #0f2d522e}50%{transform:translateY(-3px)scale(1.02);box-shadow:0 0 0 12px #0f2d5200}}.address-input-stack{grid-template-columns:minmax(0,1fr) 180px;gap:10px;margin-top:10px;display:grid}.address-field{background:#fff;border:1px solid #d8dee6;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.address-field svg{color:#70829a;flex-shrink:0}.address-field input,.address-unit-input{color:#1f2a37;background:#fff;border:1px solid #d8dee6;border-radius:12px;outline:none;width:100%;padding:12px 13px}.address-field input{border:none;padding-left:0}.address-field input:focus,.address-unit-input:focus,.address-field:focus-within{border-color:#0f2d52;box-shadow:0 0 0 3px #0f2d521c}.address-next-row{margin-top:12px}.message-map-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:10px;overflow:hidden}.message-map-frame,.message-map-frame iframe{border:0;width:100%;height:180px;display:block}.message-map-details{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.message-map-details strong{color:#1f2a37;font-size:14px}.message-map-details span{color:#6a7788;font-size:13px}.chat-input-row{gap:10px;width:min(100%,560px);display:flex}.selection-wrap{margin-top:8px;margin-bottom:14px;margin-left:50px}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,720px);display:grid}.selection-card{cursor:pointer;text-align:left;min-height:156px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.selection-card:hover{border-color:#cfd6df;transform:translateY(-1px)}.selection-card.selected{background:#f6f8fb;border-color:#0f2d52}.selection-card-art{color:#0f2d52;background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.selection-card-label{color:#1f2a37;margin-top:16px;font-size:15px;font-weight:650;line-height:1.4}.selection-checkbox{color:#fff;border:1px solid #cfd6df;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:14px;right:14px}.selection-checkbox.checked{background:#0f2d52;border-color:#0f2d52}.selection-next-row{margin-top:14px}.choice-step-block,.rich-input-block{width:min(100%,720px);margin-top:8px;margin-bottom:14px;margin-left:50px}.choice-step-panel,.rich-input-panel{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#0f2d520f,#0000 34%),linear-gradient(#fff 0%,#fbfcfd 100%);border:1px solid #dfe6ee;border-radius:18px;padding:16px}.choice-step-headline,.rich-input-headline{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.choice-step-icon,.rich-input-icon{color:#0f2d52;background:#fff;border:1px solid #d8dee6;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.choice-step-headline h4,.rich-input-headline h4{color:#0f2d52;font-size:15px;font-weight:700;line-height:1.3}.choice-step-headline p,.rich-input-headline p{color:#66758a;margin-top:3px;font-size:13px;line-height:1.45}.choice-option-grid{gap:10px;display:grid}.choice-option-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-option-grid.single-column{grid-template-columns:1fr}.choice-option-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #d8dee6;border-radius:16px;align-items:flex-start;gap:12px;width:100%;padding:14px 14px 14px 12px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.choice-option-row:hover{border-color:#b9c6d4;transform:translateY(-1px);box-shadow:0 8px 20px #0f2d5212}.choice-option-row.selected{background:linear-gradient(#0f2d520a,#0f2d5205);border-color:#0f2d52}.choice-option-marker{color:#0000;background:#fff;border:1px solid #c9d3dd;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:inline-flex}.choice-option-marker.selected{color:#fff;background:#0f2d52;border-color:#0f2d52}.choice-option-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.choice-option-copy strong{color:#1f2a37;font-size:14px;font-weight:650;line-height:1.4}.choice-option-copy span{color:#66758a;font-size:12px;line-height:1.45}.choice-step-footer,.rich-input-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.choice-step-note,.rich-input-footer span,.money-helper-row{color:#6a7788;font-size:13px;line-height:1.45}.choice-step-note{padding-right:8px}.rich-input-panel textarea{resize:vertical;color:#1f2a37;background:#fff;border:1px solid #d8dee6;border-radius:16px;outline:none;width:100%;min-height:160px;padding:14px 15px;line-height:1.55;box-shadow:inset 0 1px #0f2d5205}.rich-input-panel textarea:focus{border-color:#0f2d52;box-shadow:0 0 0 3px #0f2d521c}.money-panel{flex-direction:column;gap:12px;display:flex}.money-input-shell{background:#fff;border:1px solid #d8dee6;border-radius:16px;align-items:center;display:flex;overflow:hidden}.money-input-shell:focus-within{border-color:#0f2d52;box-shadow:0 0 0 3px #0f2d521c}.money-prefix{color:#0f2d52;background:#f5f8fb;border-right:1px solid #e5edf4;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:48px;font-weight:700;display:inline-flex}.money-input-shell input{color:#1f2a37;background:0 0;border:none;outline:none;flex:1;padding:13px 14px}.url-input-shell .url-prefix{color:#0f2d52;width:48px}.money-helper-row{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.money-helper-row strong{color:#0f2d52;font-size:14px}.next-button{height:46px}.next-button:disabled{cursor:not-allowed;background:#cfd6df}.typing-bubble{align-items:center;gap:5px;min-width:64px;display:inline-flex}.typing-dot{background:#8ca0b4;border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.14s}.typing-dot:nth-child(3){animation-delay:.28s}@keyframes typing-bounce{0%,80%,to{opacity:.45;transform:scale(.72)}40%{opacity:1;transform:scale(1)}}.debug-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:700px;margin-top:16px;margin-left:50px;padding:16px}.debug-panel h3{color:#0f2d52;margin-bottom:8px;font-size:15px}.debug-panel pre{background:#fbfbfa;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.46;overflow-x:auto}.debug-panel button{color:#fff;cursor:pointer;background:#0f2d52;border:none;border-radius:10px;padding:10px 14px}@media (width<=768px){.fullscreen-chat{padding:16px}.assistant-hero{margin-top:16px;margin-bottom:0}.assistant-hero h1{font-size:clamp(24px,7vw,32px)}.chat-topbar{padding-bottom:12px}.conversation-thread.chat-mode,.conversation-thread.intro-mode{padding-left:0;padding-right:0}.intro-focus{border-radius:16px;padding:30px 18px 22px}.intro-input-row,.chat-input-row{flex-direction:column;width:100%}.intro-input-row button,.chat-input-row button,.next-button{width:100%;height:48px}.selection-grid{grid-template-columns:1fr}.choice-step-block,.rich-input-block{margin-left:0}.choice-option-grid.two-column{grid-template-columns:1fr}.choice-step-footer,.rich-input-footer,.money-helper-row{flex-direction:column;align-items:stretch}.choice-step-note,.rich-input-footer span,.money-helper-row{padding-right:0}.date-step-block,.date-panel,.address-step-block,.address-preview-shell,.address-preview-map,.address-preview-map iframe,.message-map-frame,.message-map-frame iframe{width:100%}.address-input-stack{grid-template-columns:1fr}.address-preview-shell,.address-preview-map,.address-preview-map iframe,.address-preview-empty{height:196px;min-height:196px}.chat-response-block,.date-step-block,.address-step-block,.choice-step-block,.rich-input-block,.selection-wrap,.debug-panel{margin-left:0}.message-avatar{width:34px;height:34px}.assistant-bubble,.user-bubble{max-width:88%}.center-logo-badge{width:46px;height:46px}}:root{--template-bg:#eef3f8;--template-surface:#fffffff5;--template-surface-strong:#fff;--template-text:#1f2a37;--template-muted:#66758a;--template-primary:#0f2d52;--template-primary-dark:#0b2340;--template-border:#d6e0ea;--template-border-strong:#c2d0de;--template-shadow:0 18px 48px #0f2d5214}.template-page{background:radial-gradient(circle at top left, #315f9317, transparent 30%), radial-gradient(circle at bottom right, #0f2d521a, transparent 34%), var(--template-bg);min-height:100vh;color:var(--template-text);padding:24px}.template-shell{max-width:1440px;margin:0 auto}.template-hero{color:#fff;box-shadow:var(--template-shadow);background:linear-gradient(135deg,#0f2d52,#1f4778 58%,#375f91);border:1px solid #c2d0dee6;border-radius:28px;padding:28px 30px}.template-kicker{text-transform:uppercase;letter-spacing:.22em;color:#e8eff8c7;font-size:.72rem}.template-hero h1{letter-spacing:-.03em;margin-top:8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.template-hero p{color:#e8eff8db;max-width:58rem;margin-top:12px;font-size:1rem;line-height:1.6}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.form-card{background:var(--template-surface);box-shadow:var(--template-shadow);border:1px solid #d6e0eaf2;border-radius:24px;padding:22px}.form-card h3{color:var(--template-primary);font-size:1.05rem;font-weight:700}.form-card>p{color:var(--template-muted);margin-top:6px;font-size:.92rem;line-height:1.5}.form-card-body{margin-top:16px}.card-surface{background:linear-gradient(#fbfcfd 0%,#f5f8fb 100%);border-radius:22px;padding:16px}.chat-bubble{border-radius:18px;width:fit-content;max-width:100%;padding:14px 16px;font-size:.95rem;line-height:1.5;box-shadow:0 6px 18px #0f2d520f}.chat-bubble.bot{color:#243247;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:8px}.chat-bubble.user{color:#fff;background:#0f2d52;border-bottom-right-radius:8px;margin-top:12px;margin-left:auto}.field-stack{gap:16px;margin-top:16px;display:grid}.field-label-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.field-label{color:#334155;font-size:.95rem;font-weight:700}.field-hint{color:#66758a;text-transform:uppercase;letter-spacing:.08em;background:#eef3f8;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.input-shell,.select-shell{background:#fff;border:1px solid #d8dee6;border-radius:18px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.input-shell:focus-within,.select-shell:focus-within{border-color:var(--template-primary);box-shadow:0 0 0 4px #0f2d521a}.input-shell input,.select-shell select{width:100%;color:var(--template-text);background:0 0;border:none;outline:none;padding:14px 16px;font-size:.95rem}.input-prefix{color:var(--template-primary);background:#f5f8fb;border-right:1px solid #e5edf4;flex-shrink:0;padding:14px 16px;font-weight:700}.input-shell-reverse .input-prefix{border-left:1px solid #e5edf4;border-right:none}.select-shell{position:relative}.select-shell select{appearance:none;padding-right:48px}.select-arrow{pointer-events:none;color:#94a3b8;font-size:.8rem;position:absolute;right:16px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button-row.wrap{margin-top:16px}.option-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s}.option-button:hover{background:#eef3f8;border-color:#b8c7d7;transform:translateY(-1px)}.option-button.active{background:var(--template-primary);color:#fff;border-color:var(--template-primary)}.coverage-stack{gap:12px;margin-top:16px;display:grid}.coverage-row{background:#fff;border:1px solid #d8dee6;border-radius:18px;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:14px;padding:16px;display:grid}.coverage-title{color:#0f2d52;font-size:.98rem;font-weight:800}.coverage-label,.coverage-meta{color:#6a7788;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.78rem}.coverage-value{color:#1f2a37;margin-top:6px;font-size:.95rem;font-weight:700}.choice-grid{gap:12px;margin-top:16px;display:grid}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card,.multi-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:20px;width:100%;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.choice-card:hover,.multi-card:hover{border-color:#b8c7d7;transform:translateY(-1px);box-shadow:0 10px 22px #0f2d5214}.choice-card.active,.multi-card.active{color:#fff;border-color:var(--template-primary);background:linear-gradient(#0f2d52f5,#0b2340fa)}.choice-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.choice-card h4{font-size:.95rem;font-weight:800;line-height:1.35}.choice-card p{color:#66758a;margin-top:6px;font-size:.82rem;line-height:1.45}.choice-card.active p,.multi-card.active p{color:#e8eff8d1}.choice-dot,.choice-check{border:1px solid #d0dae4;border-radius:999px;flex-shrink:0;width:18px;height:18px;margin-top:2px}.choice-card.active .choice-dot{background:#fff;border-color:#fff}.choice-check{color:#0000;border-radius:6px;place-items:center;display:grid}.multi-card.active .choice-check{color:var(--template-primary);background:#fff;border-color:#fff}.preview-panel{color:#fff;background:#0f2d52;border-radius:22px;gap:10px;padding:20px;font-size:.92rem;display:grid;box-shadow:0 20px 42px #0f2d5238}.preview-panel span{color:#e8eff8b8}@media (width<=1100px){.template-grid,.choice-grid.three,.choice-grid.two,.coverage-row{grid-template-columns:1fr}}@media (width<=700px){.template-page{padding:16px}.template-hero{border-radius:22px;padding:22px}.form-card{border-radius:20px;padding:18px}.card-surface{padding:12px}}.counter{color:var(--template-primary);background:#0f2d5214;border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:#0f2d523d}.counter:focus-visible{outline:2px solid var(--template-primary);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--template-border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}#next-steps>div{padding:24px 20px}}#docs{border-right:1px solid var(--template-border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--template-border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:#0f2d52;background:#eef3f8;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:0 10px 24px #0f2d521f}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--template-border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--template-border);left:0}.ticks:after{border-right-color:var(--template-border);right:0}