.sidebar{width:96px;flex:0 0 96px;overflow:hidden;transition:width .6s cubic-bezier(.22,1,.36,1),flex-basis .6s cubic-bezier(.22,1,.36,1);border-right:1px solid #f3e8ff;padding:16px;display:flex;flex-direction:column}.sidebar:hover{width:256px;flex-basis:256px}.sidebar-inner{border:1px solid #e9d5ff;border-radius:12px;padding:16px;background:#fff;height:100%;display:flex;flex-direction:column}.sidebar-toggle{margin-bottom:24px;display:flex;justify-content:center}.toggle-placeholder{background:#a855f7;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px}.sidebar-menu{display:flex;flex-direction:column;gap:16px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;transition:.2s;color:#581c87}.sidebar-item:hover{background:#faf5ff}.icon{min-width:20px}.label{font-size:14px;opacity:0;transition:opacity .28s ease .12s}.sidebar:hover .label{opacity:1}.sidebar-footer{margin-top:auto;display:flex;justify-content:center;padding-top:16px;overflow:hidden}.sidebar-logo-wrap{position:relative;width:136px;height:36px;overflow:hidden}.logo-kordesc{position:absolute;top:50%;left:50%;display:block;height:auto;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}.logo-kordesc-compact{width:32px;transform:translate(-50%,-50%);opacity:1}.logo-kordesc-full{width:128px;transform:translate(80%,-50%);opacity:0}.sidebar:hover .logo-kordesc-compact{transform:translate(-160%,-50%);opacity:0}.sidebar:hover .logo-kordesc-full{transform:translate(-50%,-50%);opacity:1}@media screen and (max-width:768px){.sidebar{width:80px;flex-basis:80px;padding:10px}.sidebar:hover{width:200px;flex-basis:200px}.label{font-size:13px}.sidebar-logo-wrap{width:112px;height:32px}.logo-kordesc-compact{width:40px}.logo-kordesc-full{width:104px}}@media screen and (max-width:480px){.sidebar{display:none}}.master-switch{display:flex;flex-direction:column;align-items:center;cursor:pointer}.switch-track{width:46px;height:24px;background:#ddd;border-radius:999px;position:relative;transition:background .3s}.switch-track.active{background:#2aae30}.switch-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}.switch-track.active .switch-thumb{transform:translate(22px)}.switch-label{margin-top:6px;font-size:12px;color:#581c87;font-weight:600}.navbar{background:#fff;padding:16px;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 4px #0000000d;flex-shrink:0}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo img{width:110px}.navbar-menu{margin:0 auto;background:#d8b4fe;border-radius:999px}.navbar-menu ul{display:flex;gap:8px;list-style:none;padding:14px;margin:0;flex-wrap:wrap}.nav-button{padding:8px 24px;border-radius:999px;border:none;background:#c084fc;color:#fff;font-weight:500;cursor:pointer;transition:.25s;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:400}.nav-button:hover{background:#fff;color:#6b21a8}.nav-active{background:#fff;color:#6b21a8;border:1px solid #c084fc}.mobile-nav{display:none;margin-left:auto}@media(max-width:768px){.navbar-menu{display:none}.mobile-nav{display:block}}@media screen and (max-width:1024px){.nav-button{padding:8px 16px;font-size:14px}}@media screen and (max-width:768px){.navbar-menu{display:none}}.mobile-nav{display:none;position:relative}.menu-button{background:none;border:none;font-size:24px;color:#9333ea;cursor:pointer;padding:8px}.mobile-menu{position:absolute;top:60px;left:auto;right:0;width:200px;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 4px 10px #00000014;z-index:50}.mobile-menu ul{list-style:none;padding:12px 16px;margin:0}.mobile-menu li{padding:10px 0;border-bottom:1px solid #f1f1f1;color:#581c87;font-weight:500;cursor:pointer}.mobile-menu li:last-child{border-bottom:none}.mobile-menu li a{text-decoration:none}@media(max-width:768px){.mobile-nav{display:block}}.settings-page{padding:40px;font-family:Arial,sans-serif;max-width:900px;width:100%}.settings-section{margin-bottom:24px}.settings-divider{border-top:1px solid #ddd;padding-top:24px}.settings-save-btn{position:fixed;top:120px;right:20px;padding:10px 24px;background-color:#c084fc;color:#fff;border:2px solid #a855f7;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .2s;z-index:1000;box-shadow:0 2px 8px #00000026}.settings-save-btn:hover{opacity:.9}.custom-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;z-index:10000;animation:toast-slide-in .3s ease;box-shadow:0 4px 12px #00000026}.custom-toast.success{background-color:#22c55e}.custom-toast.error{background-color:#ef4444}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.section-title{font-weight:700;font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:6px}h1{font-size:24px;margin-bottom:5px}.visual-title{margin-top:40px}hr{margin:10px 0 20px;border:none;border-top:1px solid #ccc}.fields-section{display:flex;flex-direction:column;gap:6px}.section-title{font-weight:600;margin-bottom:6px}.visual-group{margin-bottom:30px}.button-preview-row{display:flex;gap:40px;flex-wrap:wrap}.preview{padding:8px 24px;border:1px solid #555;background:#fff;cursor:pointer}.square{border-radius:0}.rounded{border-radius:12px}.pill{border-radius:999px}.radio-row{display:flex;gap:30px;flex-wrap:wrap}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:20px}@media screen and (max-width:768px){.color-grid{grid-template-columns:repeat(1,1fr)}}.color-item label{display:block;margin-bottom:6px}.color-input{display:flex;flex-wrap:wrap}.color-input input[type=text]{width:140px;padding:4px;border:1px solid #999}.color-input input[type=color]{width:50px;border:1px solid #999}.rounded-corners{margin-top:25px;display:flex;align-items:center;gap:10px}.rounded-corners input{width:60px;padding:4px}.button-options{display:flex;gap:40px;margin-top:10px}.button-option{display:flex;flex-direction:column;align-items:center;gap:8px}.button-option label{display:flex;gap:5px}@media screen and (max-width:1024px){.settings-page{padding:30px}}@media screen and (max-width:768px){.settings-page{padding:20px}h1{font-size:22px}.button-preview-row,.radio-row{gap:20px}.color-input input[type=text]{width:120px}.button-options{gap:1rem}}@media screen and (max-width:480px){.settings-page{padding:16px}.color-grid{grid-template-columns:1fr}.button-preview-row{flex-direction:column;gap:12px}.radio-row{flex-direction:column}}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help;margin-left:6px}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#9ca3af;color:#fff;font-size:11px;font-weight:700;line-height:1}.tooltip-box{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:99999;margin-top:6px;box-shadow:0 4px 6px #00000026;max-width:280px;white-space:normal;line-height:1.4}.tooltip-box:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#1f2937}.widget-editor-page{padding:0;min-height:100vh;height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:0;padding:16px 20px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:12px}.header-left{display:flex;flex-direction:column;gap:12px}.header-separator-full{width:100%;height:1px;background-color:#e5e5e5;border-radius:2px;margin:12px 0 0;flex-basis:100%}.eye-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.eye-toggle:hover{background:#e5e7eb}.eye-toggle.active{background:#ede9fe;border-color:#8b5cf6;color:#7c3aed}.view-without-options{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;font-weight:500;-webkit-user-select:none;user-select:none}.view-without-options input{display:none}.view-without-options .radio-circle{width:18px;height:18px;border:2px solid #9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.view-without-options .radio-circle:after{content:"";width:10px;height:10px;background:#a855f7;border-radius:50%;transform:scale(0);transition:transform .2s}.view-without-options input:checked+.radio-circle{border-color:#a855f7}.view-without-options input:checked+.radio-circle:after{transform:scale(1)}.view-without-options .label-text{font-weight:700;font-size:22px}.view-switcher{display:flex;gap:12px}.view-switcher button{padding:10px 24px;border:2px solid #a855f7;background:#fff;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:#374151}.view-switcher button:hover{background:#f3f4f6}.view-switcher button.active{background:#a855f7;border-color:#9333ea;color:#fff;font-weight:600}.save-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:disabled{background:#d1d5db;cursor:not-allowed}.save-btn.has-changes{background:#8b5cf6;animation:pulse-save 2s infinite}@keyframes pulse-save{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.save-btn.has-changes:hover{background:#7c3aed}.editor-content{display:flex;gap:24px;flex:1;min-height:0;position:relative}.bubbles-panel{width:220px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.bubbles-panel h3{margin:0 0 16px;font-size:16px;color:#374151}.bubbles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;justify-items:center}.edge-style-panel{background:transparent;border-radius:8px;padding:16px;border:none;box-shadow:none}.setting-bubble{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent;border:none;box-shadow:none}.setting-bubble:hover{transform:scale(1.05)}.setting-bubble.active,.setting-bubble.active .bubble-outer-circle,.setting-bubble.active .bubble-inner-circle{animation:bubble-scale-pulse 2s ease-in-out infinite}@keyframes bubble-scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bubble-pulse-slow{0%,to{transform:scale(1);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}50%{transform:scale(1.25);box-shadow:0 12px 20px #00000040,0 8px 16px #00000026}}@keyframes bubble-active-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #8b5cf6,0 8px 16px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 0 0 6px #8b5cf6,0 12px 24px #8b5cf666}}.bubble-label{font-size:10px;font-weight:600;text-transform:uppercase;color:#f3f4f6;background:#0000004d;padding:3px 8px;border-radius:6px;margin-bottom:4px;letter-spacing:.5px}.bubble-value{font-size:9px;background:#0003;color:#e5e7eb;padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:500}.control-panel{background:transparent;border-radius:8px;padding:16px;border:none}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.control-header h3{margin:0;font-size:14px;color:#374151}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#374151}.control-content{display:flex;flex-direction:column;gap:12px}.control-content label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.control-content input[type=color]{width:100%;height:40px;border:1px solid #e5e7eb;background:transparent;border-radius:6px;cursor:pointer}.control-content input[type=text]{padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.control-content select{padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff}.preview-area{flex:1;background:#fff;border-radius:12px;min-height:600px;padding:40px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center}.preview-area.mobile{min-height:1000px}.preview-container{text-align:center}.preview-container h2{margin-bottom:24px;color:#374151}.preview-button{padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.preview-button:hover{opacity:.9;transform:translateY(-1px)}.preview-link{font-size:16px;font-weight:600;text-decoration:underline;cursor:pointer}.control-panel-floating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0003;z-index:200;min-width:200px;border:none}.preview-area.mobile{width:100%;display:flex;justify-content:center;align-items:flex-start}.preview-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-modal-content{position:relative;max-width:900px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-modal-content.mobile{max-width:375px}.preview-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#000000b3;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s}.preview-modal-close:hover{background:#000000e6;transform:scale(1.1)}@media(max-width:768px){.editor-content{flex-direction:column}.bubbles-panel{width:100%}.editor-header{flex-wrap:wrap;gap:12px}.bubbles-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.bubbles-grid{grid-template-columns:repeat(3,1fr)}}@keyframes pulse-arrow{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.7}}.pulse-arrow{animation:pulse-arrow 1.5s infinite}.widget-editor-page.hide-ui .bubbles-panel,.widget-editor-page.hide-ui .editor-header{display:none}.widget-editor-page.hide-ui .preview-area{min-height:calc(100vh - 40px)}.edge-style-label{position:absolute;right:-40px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:12px;color:#6b7280;white-space:nowrap}.theme-preview-wrapper{position:relative;display:inline-block}.btn-square{border-radius:0!important}.btn-pill{border-radius:999px!important}.btn-rounded{border-radius:12px!important}.measurements-scroll-container{position:relative}.measurements-scrollable{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.measurements-scrollable::-webkit-scrollbar{width:6px}.measurements-scrollable::-webkit-scrollbar-track{background:transparent}.measurements-scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scroll-arrow-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:36px;height:36px;border:none;background:#8b5cf6e6;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #0003;z-index:5;transition:all .2s}.scroll-arrow-btn:hover{background:#7c3aed;transform:translate(-50%) scale(1.1)}.scroll-arrow-btn.pulse{animation:pulse-arrow 1.5s infinite}.popup-layout-desktop{display:flex;gap:24px}.popup-layout-desktop .left-section{flex:2;min-width:0}.popup-layout-desktop .right-section{flex:1;min-width:0}.popup-layout-mobile{display:flex;flex-direction:column;gap:16px}.popup-layout-mobile .measurements-section{order:2}.popup-layout-mobile .camera-section{order:1}.popup-layout-mobile .actions-section{order:3}.no-scroll .measurements-list{max-height:none;overflow-y:visible}.no-scroll .scroll-arrow-btn{display:none}.setting-bubble{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px}.bubble-outer-circle{width:32px;height:32px;border-radius:50%;background:#00000040;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bubble-inner-circle{width:14px;height:14px;border-radius:50%;background:#000000bf;transition:all .2s ease}.setting-bubble:hover .bubble-outer-circle{background:#00000059;transform:scale(1.05)}.setting-bubble:hover .bubble-inner-circle{background:#000000e6}.setting-bubble.active .bubble-outer-circle{background:#0006;box-shadow:0 0 0 2px #8b5cf699}.setting-bubble.active .bubble-inner-circle{background:#000000f2;transform:scale(1.1)}.setting-bubble,.control-panel,.preview-modal-content,.preview-button,.preview-link{transition:all .2s ease-in-out}.setting-bubble:active{transform:scale(.95)}.setting-bubble:focus,.control-content input:focus,.control-content select:focus{outline:2px solid #8b5cf6;outline-offset:2px}@media(max-width:768px){.widget-editor-page,.editor-header{padding:12px}.view-switcher button{padding:6px 12px;font-size:12px}.save-btn{padding:8px 16px;font-size:12px}.eye-toggle span{display:none}.preview-area{padding:20px}}.widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.widget-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.custom-text-section{margin-top:16px;padding:12px;background:#00000008;border-radius:8px;font-size:13px;color:#6b7280;text-align:center}.add-to-cart-btn{width:100%;padding:14px;margin-top:16px;background:#3b6978;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.add-to-cart-btn:hover{background:#2d5159;transform:translateY(-1px)}.add-to-cart-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.camera-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.camera-control-btn{padding:12px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.camera-control-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.camera-control-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:#8b5cf6;background:#8b5cf60d}.upload-area.drag-active{border-color:#8b5cf6;background:#8b5cf61a}.measurement-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.measurement-item:last-child{margin-bottom:0}.measurement-label{font-size:14px;color:#374151}.measurement-value{font-size:14px;font-weight:600;color:#111827;font-family:monospace}.section-heading{font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.camera-preview{width:100%;aspect-ratio:4/3;background:#1f2937;border-radius:12px;overflow:hidden;position:relative}.camera-preview video{width:100%;height:100%;object-fit:cover}.camera-preview img{width:100%;height:100%;object-fit:contain}.error-message{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px}.processing-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:12px}.processing-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.face-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.measurements-grid{display:flex;flex-direction:column;gap:8px}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-title{font-size:20px;font-weight:600;color:#111827}.popup-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.popup-close:hover{background:#e5e7eb}@media(max-width:768px){.preview-modal-content{width:95%;max-height:95vh}.popup-layout-desktop{flex-direction:column}.popup-layout-desktop .left-section,.popup-layout-desktop .right-section{flex:none;width:100%}}@media print{.editor-header,.bubbles-panel,.preview-modal-overlay{display:none!important}}@media(prefers-contrast:high){.setting-bubble,.control-content input,.control-content select{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.setting-bubble,.control-panel,.preview-modal-content,.preview-button,.preview-link,.scroll-arrow-btn,.pulse-arrow{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){.widget-editor-page{background:#111827}.bubbles-panel,.preview-area{background:#1f2937;color:#f9fafb}.control-panel{background:transparent;border-color:#4b5563}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:toastSlideUp .3s ease-out}.toast-success{background-color:#22c55e;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-message{font-size:14px;font-weight:500}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.plan-page{padding:40px;display:flex;flex-direction:column;align-items:center}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(320px,420px));gap:28px;align-items:stretch;justify-content:center}.plan-footnote{margin-top:22px;text-align:center;font-size:.72rem;line-height:1.5;color:#5c5c5c;font-weight:300}.plan-card{min-height:600px;padding:30px 28px 32px;border-radius:28px;background-color:rgb(216 180 254 / var(--tw-bg-opacity, 1));border:1px solid #dfa1f6;box-shadow:0 18px 40px #ba70d62e;display:flex;flex-direction:column}.plan-card-active{background:#fff;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1));box-shadow:0 18px 40px #8b5cf624}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-tier{font-size:1rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#1f2940}.plan-badge{padding:8px 16px;border-radius:999px;background:#fff4cf;border:1px solid #ffd87a;color:#d97706;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.plan-price-row{margin-top:14px;display:flex;align-items:flex-end;gap:8px}.plan-price{font-size:clamp(2.6rem,4vw,3rem);line-height:.95;font-weight:600;color:#25324a}.plan-cadence{font-size:1.2rem;line-height:1.2;font-weight:600;color:#25324a;margin-bottom:6px}.plan-subtitle{margin-top:10px;font-size:.88rem;line-height:1.5;color:#31405f}.plan-divider{height:1px;margin:22px 0;background:#31405f40}.plan-features h2{font-size:1.45rem;line-height:1.15;color:#1f2940;margin-bottom:16px;font-weight:400}.plan-features ul{list-style:none;display:grid;gap:12px;color:#24324a;font-size:1rem;line-height:1.45}.plan-features li{position:relative;padding-left:20px}.plan-features li:before{content:"-";position:absolute;left:0;top:0}.plan-button{margin-top:auto;width:100%;border:none;border-radius:999px;padding:14px 20px;background:#f1deff;color:#a34bcf;font-size:1.05rem;font-weight:600;cursor:not-allowed;opacity:1}.plan-button:disabled{opacity:1}.plan-button-active{background:#f59e0b;color:#fff}@media screen and (max-width:1200px){.plan-grid{grid-template-columns:repeat(2,minmax(320px,420px))}}@media screen and (max-width:900px){.plan-grid{grid-template-columns:minmax(320px,560px)}}@media screen and (max-width:768px){.plan-page{padding:20px}.plan-card{min-height:680px;padding:24px 20px;border-radius:24px}.plan-features h2{font-size:1.3rem}.plan-features ul{font-size:.95rem}.plan-button{font-size:1rem}.plan-footnote{margin-top:18px;font-size:.68rem}}