:root{--color-navy: #0f172a;--color-blue: #2563eb;--color-blue-hover: #1d4ed8;--color-light: #f8fafc;--color-grey: #64748b;--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-600: #ca8a04;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-400: #fb923c;--color-orange-600: #ea580c;--color-orange-800: #9a3412;--font-sans: "Inter", system-ui, sans-serif;--font-hand: "Patrick Hand", cursive;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-blue: 0 10px 15px -3px rgba(37, 99, 235, .3);--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--color-slate-50);color:var(--color-navy);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:5rem}button,input,textarea{font-family:inherit}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}80%{opacity:1}90%{transform:translateY(280px) rotate(180deg);opacity:0}to{transform:translateY(300px) rotate(360deg);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translate(-1rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-fall{animation:fall 2.5s infinite linear}.animate-draw{animation:draw 1s ease-out forwards}.hidden{display:none!important}.block{display:block}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-center{text-align:center}.w-full{width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:40;height:5rem;background-color:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-slate-200);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease}@media(min-width:768px){.navbar{padding:0 3rem}}.navbar-btn{background-color:var(--color-blue);color:#fff;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-weight:500;font-size:.875rem;border:none;cursor:pointer;box-shadow:var(--shadow-lg);transition:background-color .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.navbar-btn:hover{background-color:var(--color-blue-hover);box-shadow:var(--shadow-blue)}.hero-header{position:relative;padding:10rem 1.5rem 6rem;background-color:var(--color-white);z-index:30}.hero-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3rem}@media(min-width:768px){.hero-container{flex-direction:row;padding:0 3rem}}.hero-text-col{flex:1;z-index:10;display:flex;flex-direction:column;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem}.hero-badge-dot{width:.375rem;height:.375rem;border-radius:50%;background-color:var(--color-blue)}.hero-badge-line{height:1px;width:2rem;background-color:var(--color-slate-300)}@media(min-width:768px){.hero-badge-line{width:3rem}}.hero-badge-text{color:var(--color-navy);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem}.hero-title{font-size:3rem;line-height:1.1;font-weight:800;color:var(--color-navy);letter-spacing:-.025em;margin:0}@media(min-width:768px){.hero-title{font-size:3.75rem}}.text-highlight{color:var(--color-blue)}.hero-desc{font-size:1.25rem;color:var(--color-slate-600);line-height:1.625;max-width:36rem;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;font-size:.875rem;color:var(--color-slate-500);font-weight:500}.btn-start{padding:1rem 2rem;background-color:var(--color-blue);color:#fff;border-radius:var(--radius-full);font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-lg);transition:all .2s;text-decoration:none}.btn-start:hover{background-color:var(--color-blue-hover);box-shadow:var(--shadow-blue)}.btn-contact{padding:1rem 2rem;background-color:#fff;color:var(--color-navy);border:1px solid var(--color-slate-200);border-radius:var(--radius-full);font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-contact:hover{background-color:var(--color-slate-50)}.hero-trust{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;font-size:.875rem;color:var(--color-slate-500);font-weight:500}.trust-item{display:flex;align-items:center;gap:.5rem}.icon-green{color:var(--color-green-500);width:1.25rem;height:1.25rem}.hero-graphic-col{flex:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.graphic-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,#dbeafe,transparent);border-radius:9999px;filter:blur(64px);opacity:.5}.main-content{max-width:72rem;margin:0 auto;padding:5rem 1.5rem;scroll-margin-top:6rem}@media(min-width:768px){.main-content{padding:5rem 3rem}}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:1.875rem;font-weight:700;color:var(--color-navy);margin-bottom:1rem}@media(min-width:768px){.section-title{font-size:2.25rem}}.section-subtitle{color:var(--color-slate-600);max-width:42rem;margin:0 auto}.timeline-container{position:relative;margin-bottom:6rem}.timeline-line{display:none;position:absolute;left:23px;top:0;bottom:0;width:2px;background-color:var(--color-slate-200);z-index:0}@media(min-width:768px){.timeline-line{display:block}}.stages-list{display:flex;flex-direction:column;gap:1rem}.stage-wrapper{position:relative;width:100%;display:flex}.stage-marker-col{display:none;flex-direction:column;align-items:center;margin-right:4rem;flex-shrink:0;position:relative}@media(min-width:768px){.stage-marker-col{display:flex}}.stage-number{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;border:4px solid;z-index:10;transition:background-color .5s,border-color .5s,color .5s}.stage-number.default{background-color:#fff;color:var(--color-slate-300);border-color:var(--color-slate-200)}.stage-number.visible{background-color:var(--color-blue);color:#fff;border-color:#bfdbfe}.stage-number.selected{background-color:var(--color-red-500);color:#fff;border-color:var(--color-red-200)}.stage-connector{width:2px;background-color:var(--color-slate-200);height:100%;position:absolute;top:3rem;left:50%;transform:translate(-50%);z-index:0}.stage-content-anim{width:100%;margin-bottom:4rem;transition:all .7s}.stage-content-anim.hidden{opacity:0;transform:translateY(3rem)}.stage-content-anim.visible{opacity:1;transform:translateY(0)}.stage-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid;transition:all .3s;overflow:hidden;background-color:#fff}.stage-card:hover{box-shadow:var(--shadow-xl)}.stage-card.default{border-color:var(--color-slate-100)}.stage-card.selected{background-color:#fef2f280;border-color:var(--color-red-200);box-shadow:0 0 0 1px var(--color-red-200)}.card-body{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.card-body{padding:2rem;flex-direction:row}}.card-left{flex:1 1 auto;display:flex;flex-direction:column;gap:1rem}.icon-box-wrapper{display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.card-left{flex:2}.icon-box-wrapper{display:block}}.icon-box{width:3rem;height:3rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;margin-bottom:0}@media(min-width:768px){.icon-box{width:4rem;height:4rem;margin-bottom:1rem}}.icon-box.default{background-color:#eff6ff;color:var(--color-blue)}.stage-card:hover .icon-box.default{background-color:var(--color-blue);color:#fff}.icon-box.selected{background-color:var(--color-red-100);color:var(--color-red-600)}.mobile-number{font-weight:700;color:var(--color-slate-400);display:block}@media(min-width:768px){.mobile-number{display:none}}.card-title{font-size:1.25rem;font-weight:700;line-height:1.25;color:var(--color-slate-800);margin:0}@media(min-width:768px){.card-title{font-size:1.5rem}}.card-title.selected{color:var(--color-red-900)}.impact-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--color-red-100);color:var(--color-red-800);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;width:fit-content}.card-middle{flex:1 1 auto;padding-left:0;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.card-middle{flex:3;border-left:1px solid rgba(226,232,240,.6);padding-left:2rem}}.card-desc{font-size:1.125rem;color:var(--color-slate-600);line-height:1.625;margin:0}.desc-toggle{color:var(--color-blue);font-weight:600;font-size:.875rem;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:.25rem}.desc-toggle:hover{text-decoration:underline}.expert-box{border-radius:var(--radius-lg);padding:1rem;font-size:.875rem;border:1px solid}.expert-box.default{background-color:var(--color-slate-50);border-color:var(--color-slate-100)}.expert-box.selected{background-color:#fff;border-color:var(--color-red-100)}.expert-label{font-weight:600;color:var(--color-blue);display:block;margin-bottom:.25rem}.expert-text{font-style:italic;margin-bottom:.5rem;color:#000}@media(min-width:768px){.expert-text{color:var(--color-slate-500)}}.expert-extended{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-slate-200);font-style:normal;color:#000}@media(min-width:768px){.expert-extended{color:var(--color-slate-600)}}.card-right{flex:1 1 auto;padding-left:0;display:flex;flex-direction:column}@media(min-width:768px){.card-right{flex:1.5;border-left:1px solid rgba(226,232,240,.6);padding-left:2rem}}.card-right:hover .toggle-switch{box-shadow:0 0 0 2px var(--color-blue)}.status-label{font-size:.75rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.spacer{flex:1;display:none}@media(min-width:768px){.spacer{display:block}}.impact-alert{margin-bottom:1rem;animation:fadeIn .3s ease-in-out}.impact-alert-content{font-size:.875rem;font-weight:700;color:var(--color-red-600);line-height:1.375;background-color:var(--color-red-50);padding:.75rem;border-radius:var(--radius-lg);border:1px solid var(--color-red-100)}.impact-val{display:block;font-size:1.125rem;margin-top:.25rem}.toggle-container{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label{font-size:.875rem;font-weight:500;color:var(--color-slate-600);transition:color .2s}.toggle-container:hover .toggle-label,.toggle-label.active{color:var(--color-slate-900)}.toggle-switch{width:3.5rem;height:2rem;border-radius:9999px;padding:.25rem;background-color:var(--color-slate-200);transition:background-color .3s ease,box-shadow .2s ease;position:relative}.toggle-switch.active{background-color:var(--color-red-500)}.toggle-knob{width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transform:translate(0);transition:transform .3s ease}.toggle-switch.active .toggle-knob{transform:translate(1.5rem)}.summary-card{background-color:#fff;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-slate-100);overflow:hidden;max-width:56rem;margin:0 auto;margin-bottom:4rem;position:relative}.summary-empty{text-align:center;padding:2rem 3rem;background-color:#fff;border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);max-width:56rem;margin:0 auto;margin-bottom:4rem}.empty-icon{width:4rem;height:4rem;background-color:var(--color-slate-100);color:var(--color-slate-400);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.progress-bar-bg{height:.5rem;position:absolute;top:0;left:0;right:0}.progress-bar-fill{height:100%;transition:width 1s}.summary-content{padding:1.5rem}@media(min-width:768px){.summary-content{padding:2.5rem}}.summary-grid{display:flex;flex-direction:column;gap:2rem;align-items:center}@media(min-width:768px){.summary-grid{flex-direction:row;gap:3rem}}.gauge-container{position:relative;flex-shrink:0}.gauge-svg{width:8rem;height:8rem;transform:rotate(-90deg)}@media(min-width:768px){.gauge-svg{width:10rem;height:10rem}}.gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gauge-number{font-size:1.875rem;font-weight:900;color:var(--color-slate-800)}@media(min-width:768px){.gauge-number{font-size:2.25rem}}.gauge-label{font-size:.625rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.gauge-label{font-size:.75rem}}.summary-details{flex:1;text-align:center;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.summary-details{text-align:left}}.risk-label{font-size:.875rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.risk-title{font-size:1.875rem;font-weight:800;margin-bottom:.5rem;margin-top:0}@media(min-width:768px){.risk-title{font-size:2.25rem}}.risk-desc{font-size:1.125rem;color:var(--color-slate-700);font-weight:500;margin:0}.loss-card{background-color:var(--color-slate-50);border-radius:var(--radius-xl);padding:1rem;border:1px solid var(--color-slate-100);display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:768px){.loss-card{flex-direction:row}}.loss-icon-box{background-color:var(--color-red-100);padding:.5rem;border-radius:var(--radius-lg);color:var(--color-red-600);flex-shrink:0}.loss-info{text-align:center}@media(min-width:768px){.loss-info{text-align:left}}.loss-label{font-size:.875rem;color:var(--color-slate-500)}.loss-value{font-weight:700;color:var(--color-slate-800);font-size:1rem}@media(min-width:768px){.loss-value{font-size:1.125rem}}.text-red{color:var(--color-red-600)}.summary-footer{display:none;background-color:var(--color-slate-50);border-top:1px solid var(--color-slate-100);padding:1rem;text-align:center;font-size:.875rem;color:var(--color-slate-500);align-items:center;justify-content:center;gap:.5rem}@media(min-width:768px){.summary-footer{display:flex}}.contact-section{background:linear-gradient(to bottom,var(--color-slate-900),#172554);padding:6rem 1.5rem;position:relative;overflow:hidden;scroll-margin-top:6rem}@media(min-width:768px){.contact-section{padding:6rem 3rem}}.contact-blob-1,.contact-blob-2{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px)}.contact-blob-1{top:0;right:0;background-color:#2563eb33;transform:translate(50%,-50%)}.contact-blob-2{bottom:0;left:0;background-color:#9333ea1a;transform:translate(-50%,50%)}.contact-container{position:relative;z-index:10}.form-card{background-color:#fff;border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);padding:2rem;max-width:56rem;margin:0 auto}@media(min-width:768px){.form-card{padding:3rem}}.form-header{text-align:center;margin-bottom:2.5rem}.form-title{font-size:1.875rem;font-weight:700;color:var(--color-navy);margin-bottom:1rem}@media(min-width:768px){.form-title{font-size:2.25rem}}.form-subtitle{color:var(--color-slate-600);font-size:1.125rem;margin:0}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-slate-700)}.form-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);background-color:#fff;color:var(--color-slate-900);border:1px solid var(--color-slate-300);outline:none;transition:all .2s}.form-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px #2563eb33}.form-input::placeholder{color:var(--color-slate-400)}.form-textarea{resize:none}.file-upload-box{position:relative;width:100%}.file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.file-upload-visual{width:100%;padding:1rem;border-radius:var(--radius-lg);border:2px dashed var(--color-slate-300);background-color:var(--color-slate-50);color:var(--color-slate-500);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.file-upload-visual.active{background-color:#eff6ff;border-color:var(--color-blue);color:var(--color-blue)}.form-footer{margin-top:.5rem}.share-text{text-align:center;font-size:.875rem;color:var(--color-slate-500);margin-bottom:.75rem;font-style:italic}.spam-text{text-align:center;font-size:.75rem;color:var(--color-slate-400);margin-top:.75rem}.btn-full{width:100%;font-size:1.125rem;padding:1rem}.success-message{background-color:var(--color-green-50);border:1px solid var(--color-green-100);border-radius:var(--radius-2xl);padding:2rem;text-align:center;max-width:42rem;margin:0 auto}.success-icon{width:4rem;height:4rem;background-color:var(--color-green-100);color:var(--color-green-600);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);margin-bottom:.5rem}.success-desc{color:var(--color-slate-600)}.site-footer{background-color:#fff;border-top:1px solid var(--color-slate-200);padding:3rem 1.5rem}.footer-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:space-between}@media(min-width:768px){.footer-container{flex-direction:row}}.copyright{color:var(--color-slate-500);font-size:.875rem;margin:0}.notebook-container{width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;perspective:1000px}.notebook-paper{position:relative;width:100%;max-width:28rem;background-color:#fff;box-shadow:var(--shadow-2xl);transform:rotate(1deg);transition:transform .5s;z-index:10}.notebook-paper:hover{transform:rotate(0)}.paper-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b8 1px,transparent 1px);background-size:100% 2.5rem;margin-top:3rem}.paper-margin{position:absolute;left:3rem;top:0;bottom:0;width:2px;background-color:var(--color-red-200);z-index:0}.paper-tape{position:absolute;top:-.75rem;left:50%;transform:translate(-50%) rotate(-2deg);width:8rem;height:2rem;background-color:#fef9c3cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);z-index:20}.notebook-content{position:relative;z-index:10;padding:3rem 2rem 2rem;font-family:var(--font-hand);color:var(--color-slate-800)}.notebook-header{margin-bottom:2rem;margin-left:2rem;position:relative}.notebook-title{font-size:1.875rem;font-weight:700;color:var(--color-navy);margin:0;letter-spacing:.025em}.notebook-underline{position:absolute;bottom:-.5rem;left:0;width:12rem;height:1rem;overflow:visible}.notebook-list{margin-left:1.5rem;position:relative;display:flex;flex-direction:column}.notebook-item{height:2.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative;transition:all .2s}.notebook-item:hover{transform:translate(.25rem)}.notebook-item.active{z-index:999;transform:scale(1.05);transform-origin:left}.item-left{display:flex;align-items:center;gap:.5rem}.item-index{color:var(--color-slate-400);font-weight:700;width:1rem}.item-text{font-size:1.25rem;line-height:1;padding-top:.25rem;transition:color .2s}.item-text.active{color:var(--color-blue);font-weight:700}.item-right{position:relative}.item-percentage{font-size:1.5rem;font-weight:700;color:var(--color-red-600);transform:rotate(2deg);display:inline-block}.circle-svg{position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;width:140%;height:140%;opacity:.8;overflow:visible}.bubble-container{position:absolute;z-index:1000;width:85vw;max-width:350px;left:50%;transform:translate(-50%);top:100%;margin-top:1rem;pointer-events:auto}@media(min-width:768px){.bubble-container{transform:none;width:450px;max-width:none;left:85%;top:-6rem;margin-top:0}}.bubble-box{position:relative;background-color:#fff;border:2px solid var(--color-slate-800);border-radius:var(--radius-3xl);padding:1.5rem;box-shadow:var(--shadow-2xl);transform:rotate(1deg);animation:fadeIn .3s ease-in,slideInFromLeft .3s}@media(min-width:768px){.bubble-box{padding:2rem}}.bubble-tail-desktop{display:none;position:absolute;top:7rem;left:-11px;width:1.5rem;height:1.5rem;background-color:#fff;border-bottom:2px solid var(--color-slate-800);border-left:2px solid var(--color-slate-800);transform:rotate(45deg)}@media(min-width:768px){.bubble-tail-desktop{display:block}}.bubble-tail-mobile{position:absolute;top:-11px;left:3rem;width:1.5rem;height:1.5rem;background-color:#fff;border-top:2px solid var(--color-slate-800);border-left:2px solid var(--color-slate-800);transform:rotate(45deg)}@media(min-width:768px){.bubble-tail-mobile{display:none}}.bubble-close{position:absolute;top:1rem;right:1rem;color:var(--color-slate-400);background:var(--color-slate-50);border-radius:50%;padding:.25rem;cursor:pointer}@media(min-width:768px){.bubble-close{display:none}}.bubble-title{font-weight:700;color:var(--color-blue);font-size:1.5rem;margin-bottom:1rem;line-height:1;letter-spacing:-.025em;margin-top:0}.bubble-desc{font-size:1.125rem;line-height:1.6;color:var(--color-slate-700);margin-bottom:1rem;font-family:var(--font-sans)}.bubble-stat{background-color:var(--color-red-50);border-radius:var(--radius-xl);padding:1rem;border:1px solid var(--color-red-100);display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.875rem;font-weight:700;color:var(--color-red-800);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.875rem;font-weight:900;color:var(--color-red-600)}.notebook-hint-mobile{display:flex;justify-content:flex-end;padding-right:2.5rem;margin-top:1rem;margin-bottom:-2rem;position:relative;z-index:0}@media(min-width:768px){.notebook-hint-mobile{display:none}}.hint-text{color:var(--color-green-600);font-size:1.125rem;font-weight:700;font-family:var(--font-hand);transform:rotate(-3deg)}.notebook-footer{margin-top:3rem;margin-left:1rem;display:flex;justify-content:flex-end}.doodle-group{position:relative;transform:rotate(-6deg)}.doodle-text{text-align:right}.doodle-label{font-size:1.125rem;color:var(--color-slate-500)}.doodle-big{font-size:2.25rem;font-weight:900;color:var(--color-navy)}.doodle-arrow{position:absolute;left:-3rem;top:1rem;width:2.5rem;height:2.5rem;transform:rotate(180deg)}.coffee-stain{position:absolute;bottom:1rem;left:1rem;width:6rem;height:6rem;border-radius:50%;border:12px solid rgba(120,53,15,.05);mix-blend-mode:multiply;pointer-events:none;transform:scaleY(.9)}.notebook-instruction{display:none;position:absolute;right:-1rem;top:50%;transform:rotate(90deg);color:var(--color-slate-400);font-size:.875rem;font-family:var(--font-hand);opacity:.5}@media(min-width:768px){.notebook-instruction{display:block}}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:none;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-blue);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{background-color:var(--color-blue-hover);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--color-blue);color:var(--color-blue)}.btn-outline:hover{background-color:#eff6ff}