:root{--bg-base:#fafafa;--bg-surface:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-light:#e5e7eb;--border-hover:#d1d5db;--accent-blue:#2563eb;--accent-hover:#1d4ed8;--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid var(--border-light);background:#ffffffe6;width:100%;padding:20px 0;position:fixed;top:0;left:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;color:var(--text-primary);font-size:1.25rem;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.clerky-hero{background-color:var(--bg-surface);text-align:center;border-bottom:1px solid var(--border-light);padding:160px 0 100px}.hero-content{opacity:0;max-width:900px;animation:.8s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-icon-wrapper{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.hero-line{background-color:var(--border-light);width:60px;height:1px}.hero-icon{width:48px;height:48px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.hero-icon svg{stroke-width:1.5px;width:32px;height:32px}.clerky-hero h1{color:#1a202c;letter-spacing:-.02em;margin-bottom:24px;font-size:4.5rem;font-weight:700;line-height:1.15}.clerky-hero p{color:var(--text-secondary);max-width:800px;margin:0 auto 40px;font-size:1.25rem;line-height:1.6}.btn-clerky{color:#fff;cursor:pointer;background-color:#008dee;border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 40px;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-clerky:hover{color:#fff;background-color:#0077c8;transform:translateY(-2px)}.btn-glow{box-shadow:0 4px 15px #008dee4d}.btn-glow:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-glow:hover{box-shadow:0 0 25px #008deeb3,0 0 50px #008dee4d}.btn-glow:hover:before{animation:1s forwards shine}@keyframes shine{0%{left:-100%}to{left:200%}}.services{background-color:#fff;padding:100px 0}.process-wrapper{max-width:800px;margin:0 auto}.process-header{text-align:center;margin-bottom:32px}.process-icon-top{width:48px;height:48px;color:var(--text-primary);margin:0 auto 16px}.process-icon-top svg{stroke-width:1.5px;width:100%;height:100%}.process-header h2{color:var(--text-primary);margin-bottom:12px;font-size:2.2rem}.process-header p{color:var(--text-secondary);font-size:1.1rem}.process-arrow{text-align:center;color:#cbd5e1;margin:32px 0}.process-arrow svg{width:32px;height:32px}.lite-process-card{border:1px solid var(--border-light);text-align:center;background:#fff;border-radius:16px;padding:40px;transition:all .3s;box-shadow:0 4px 20px #00000008}.lite-process-card:hover{border-color:#008dee;transform:translateY(-4px);box-shadow:0 8px 30px #008dee1a}.lite-process-card h3{color:var(--text-primary);margin-bottom:16px;font-size:1.6rem}.lite-process-card p{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem;line-height:1.6}.lite-features{flex-wrap:wrap;justify-content:center;gap:24px;margin:0 auto 32px;list-style:none;display:flex}.lite-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:1rem;display:flex}.icon-blue{color:#008dee;width:18px;height:18px}.case-by-case-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.case-by-case-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.case-by-case-grid{grid-template-columns:1fr}}.disabled-card{background:#fafafa;border-style:dashed}.disabled-card:hover{border-color:var(--border-light);box-shadow:none;transform:none}.lite-card-footer{border-top:1px dashed var(--border-light);flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.footer-content{color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;display:flex}.badge-exclusive{color:var(--accent-blue);letter-spacing:.5px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:700}.text-muted{color:var(--text-muted)!important}.status-badge{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-soon{color:var(--text-secondary);background:#f3f4f6;border:1px solid #e5e7eb}.scroll-indicator a:hover{color:var(--accent-blue)!important}.bounce-animation{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.sail-animation{animation:3s ease-in-out infinite sail;display:inline-block}@keyframes sail{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(6deg)translateY(-3px)}50%{transform:rotate(0)translateY(0)}75%{transform:rotate(-6deg)translateY(3px)}to{transform:rotate(0)}}.flip-animation{transform-origin:50%;animation:3s step-end infinite flipLeftRight;display:inline-block}@keyframes flipLeftRight{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.sway-animation{transform-origin:top;animation:4s ease-in-out infinite sway;display:inline-block}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.pulse-animation{animation:2.5s ease-in-out infinite pulse-compass;display:inline-block}@keyframes pulse-compass{0%{transform:scale(1)}50%{color:var(--accent-blue);transform:scale(1.15)}to{transform:scale(1)}}.tooltip-wrapper{cursor:help;position:relative}.tooltip-target{border-bottom:1px dashed var(--text-muted)}.tooltip-content{visibility:hidden;opacity:0;background-color:var(--text-primary);color:#fff;text-align:center;z-index:10;pointer-events:none;border-radius:8px;width:260px;padding:12px 16px;font-size:.85rem;line-height:1.5;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px #0003}.tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:var(--text-primary) transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.tooltip-wrapper:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(-10px)}.clerky-pricing{background-color:#f0f9ff;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1440 320\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"%23e0f2fe\" fill-opacity=\"0.8\" d=\"M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>");background-position:bottom;background-repeat:no-repeat;background-size:cover;padding:120px 0;transition:background-color .6s,background-image .6s;position:relative}.clerky-pricing.year2-active{background-color:#082f49;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1440 320\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"%230c4a6e\" fill-opacity=\"0.8\" d=\"M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>")}.clerky-pricing.year2-active .section-header h2{color:#f0f9ff!important}.pricing-toggle-wrapper{z-index:10;position:relative}.pricing-toggle{background:#fff;border:1px solid #bae6fd;border-radius:999px;align-items:center;padding:10px 20px;display:inline-flex;box-shadow:0 4px 15px #0284c71a}.toggle-label{color:var(--text-muted);cursor:pointer;padding:0 12px;font-size:1rem;font-weight:600;transition:color .3s}.toggle-label.active{color:#0369a1}.switch{width:60px;height:34px;margin:0 10px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#bae6fd;transition:all .4s;position:absolute;inset:0}.crab-icon{font-size:24px;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);animation:.6s infinite alternate crabWiggle;position:absolute;bottom:2px;left:4px}input:checked+.slider{background-color:#0284c7}input:checked+.slider .crab-icon{left:30px}@keyframes crabWiggle{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.slider.round{border-radius:34px}.one-time-fee{transition:opacity .4s,filter .4s}.one-time-fee.faded{opacity:.25;filter:grayscale();pointer-events:none}.pricing-table-wrapper{background:#fff;border:1px solid #bae6fd;border-radius:12px;max-width:1000px;margin:0 auto;overflow-x:auto;box-shadow:0 10px 30px #0284c714}.pricing-table{border-collapse:collapse;text-align:center;width:100%;min-width:760px}.pricing-table th,.pricing-table td{border-bottom:1px solid var(--border-light);padding:16px 20px}.pricing-table th{vertical-align:top;background-color:#fff;padding-top:32px;padding-bottom:32px}.pricing-table th.feature-col-header{border-right:1px solid var(--border-light);width:40%}.pricing-table th.plan-col{border-left:1px solid var(--border-light);width:30%}.pricing-table th.best-value{background-color:#f8fafc}.plan-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.65rem;font-weight:700}.plan-icon{color:var(--text-secondary);margin-bottom:12px}.plan-icon svg{width:24px;height:24px}.plan-title{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem}.plan-price{color:#008dee;margin-bottom:8px;font-size:1.8rem;font-weight:700}.badge-blue{color:#008dee;border:1px solid #008dee;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.category-row td{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:#f1f5f9;font-size:.85rem;font-weight:700}.feature-name{text-align:left;color:var(--text-primary);border-right:1px solid var(--border-light);font-size:.95rem}.icon-check{color:#0ea5e9;width:20px;height:20px;display:inline-block}.pricing-table td:not(.feature-name){border-left:1px solid var(--border-light);color:var(--text-secondary);font-size:.95rem}.contact{background-color:var(--bg-surface);border-top:1px solid var(--border-light);padding:100px 0}.contact-box{text-align:center;max-width:600px;margin:0 auto}.contact-box h2{margin-bottom:16px;font-size:2rem}.contact-box p{color:var(--text-secondary);margin-bottom:40px;font-size:1.05rem}.contact-methods{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-btn{border:1px solid var(--border-light);color:var(--text-primary);background:#f9fafb;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.contact-btn:hover{border-color:var(--border-hover);background:#f3f4f6}.contact-btn.whatsapp{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.contact-btn.whatsapp:hover{background:#dcfce7}footer{text-align:center;background-color:var(--bg-surface);color:var(--text-muted);padding:32px 0;font-size:.85rem}@media (width<=768px){.hero{padding:120px 0 80px}.hero h1{font-size:2.2rem}.section-header h2{font-size:1.8rem!important}.nav-links{display:none}.pricing-table-wrapper{border-radius:8px;width:calc(100% + 30px);margin:0 -15px}.pricing-table{table-layout:fixed;min-width:100%}.pricing-table th.feature-col-header{width:36%}.pricing-table th.plan-col{width:32%}.pricing-table th,.pricing-table td{padding:12px 6px}.plan-subtitle{letter-spacing:0;margin-bottom:8px;font-size:.6rem}.plan-icon{width:40px;height:40px;margin:0 auto 10px}.plan-title{margin-bottom:8px;font-size:1.1rem}.plan-title .tooltip-content{width:160px!important;left:50%!important;transform:translate(-50%)!important}.plan-price{font-size:1.1rem}.plan-price span{margin:2px 0;display:block;font-size:1rem!important}.feature-name{font-size:.8rem}.icon-check{width:18px;height:18px}.text-muted .price-value{font-size:.85rem}.pricing-toggle{padding:8px 12px}.toggle-label{padding:0 8px;font-size:.85rem}}.reveal{opacity:0;transition:all .6s;transform:translateY(20px)}.reveal.active{opacity:1;transform:translateY(0)}.animated-svg{display:inline-block;overflow:visible}.svg-bob{animation:3s ease-in-out infinite svgBob}.sail-flutter{transform-origin:50%;animation:2s ease-in-out infinite alternate sailFlutter}.wave-flow{animation:3s linear infinite waveFlow}.wave-flow-reverse{animation:4s linear infinite waveFlowReverse}.svg-spin{transform-origin:50%;animation:8s linear infinite svgSpin}.svg-spin-slow{transform-origin:50%;animation:12s linear infinite svgSpin}.svg-pulse{transform-origin:50%;animation:2s ease-in-out infinite svgPulse}.svg-sparkle{transform-origin:50%;animation:1.5s ease-in-out infinite svgSparkle}.svg-beam-left{transform-origin:top;animation:4s ease-in-out infinite alternate beamSweepLeft}.svg-beam-right{transform-origin:top;animation:4s ease-in-out infinite alternate beamSweepRight}.svg-smoke{animation:3s ease-in-out infinite smokeRise}.svg-oar-left,.svg-oar-left-blade{transform-origin:80px 125px;animation:2s ease-in-out infinite oarRowLeft}.svg-oar-right,.svg-oar-right-blade{transform-origin:120px 125px;animation:2s ease-in-out infinite oarRowRight}@keyframes svgBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sailFlutter{0%{transform:scaleX(1)}to{transform:scaleX(.95)}}@keyframes waveFlow{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes waveFlowReverse{0%{transform:translate(0)}to{transform:translate(10px)}}@keyframes svgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes svgSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes beamSweepLeft{0%{opacity:.3;transform:rotate(0)}to{opacity:.8;transform:rotate(-30deg)}}@keyframes beamSweepRight{0%{opacity:.3;transform:rotate(0)}to{opacity:.8;transform:rotate(30deg)}}@keyframes smokeRise{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(1.5)}}@keyframes oarRowLeft{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}@keyframes oarRowRight{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}
