:root{--ink:#17171b;--muted:#6e6d76;--paper:#fbfbfa;--soft:#f0f0f3;--line:#e5e4e8;--purple:#705cf4;--purple-dark:#5441da;--lavender:#e9e5ff;--green:#d8f96b;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);margin:0}a{color:inherit}.container{margin:0 auto;max-width:1180px;width:calc(100% - 64px)}.site-header{background:rgba(251,251,250,.88);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.nav-wrap{align-items:center;display:flex;height:76px;justify-content:space-between}.brand{align-items:center;display:flex;font:700 .88rem/1 var(--display);gap:9px;letter-spacing:-.04em;text-decoration:none}.brand>span:last-child{display:block}.brand>span:last-child>span{color:var(--purple);display:block;font:600 .47rem var(--body);letter-spacing:.17em;margin-top:5px}.brand-mark{align-items:center;background:var(--purple);border-radius:10px;color:white;display:flex;font:1.15rem var(--display);height:32px;justify-content:center;width:32px}.main-nav{align-items:center;display:flex;gap:28px}.main-nav a{font-size:.74rem;text-decoration:none}.main-nav a:not(.nav-cta):hover{color:var(--purple)}.nav-cta{align-items:center;background:var(--ink);border-radius:8px;color:white;display:flex;gap:12px;padding:10px 14px}.nav-cta span{color:var(--green);font-size:1.1rem}.menu-toggle{background:none;border:0;display:none;font-size:1.4rem}.section-pad{padding:110px 0}.hero{background:linear-gradient(135deg,#fbfbfa 0%,#f0edff 100%);overflow:hidden;padding:100px 0 35px}.hero-grid{align-items:center;display:grid;gap:70px;grid-template-columns:1fr 1fr;min-height:580px}.eyebrow{color:var(--purple);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow-dot{background:var(--purple);border-radius:50%;display:inline-block;height:7px;margin-right:8px;width:7px}.hero h1{font:600 clamp(3.4rem,6.5vw,6rem)/.98 var(--display);letter-spacing:-.08em;margin:24px 0}.hero h1 em,h2 em{color:var(--purple);font-style:normal}.hero-subtitle{color:var(--muted);font-size:1.1rem;line-height:1.65;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{align-items:center;border-radius:8px;display:inline-flex;font:600 .75rem var(--body);gap:30px;justify-content:space-between;letter-spacing:.02em;padding:14px 17px;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{box-shadow:0 9px 20px #2222;transform:translateY(-2px)}.primary{background:var(--purple);color:#fff}.secondary{border:1px solid var(--ink)}.price-note{color:var(--muted);font-size:.85rem;margin-top:20px}.price-note strong{color:var(--ink)}.hero-showcase{height:480px;position:relative}.browser-window{background:white;border:1px solid #fff;box-shadow:0 25px 60px #453b8230;height:390px;left:50%;overflow:hidden;position:absolute;top:45px;transform:rotate(3deg) translateX(-50%);width:min(480px,90%);z-index:2}.browser-bar{align-items:center;background:#f7f7f7;border-bottom:1px solid #eee;display:flex;gap:5px;height:27px;padding:0 12px}.browser-bar>span{background:#ddd;border-radius:50%;height:5px;width:5px}.browser-bar small{color:#aaa;font-size:.48rem;margin-left:13px}.browser-content{background:#f7f2e7;height:100%;padding:14px}.mock-nav{align-items:center;display:flex;gap:10px}.mock-nav b{font:700 .55rem var(--display)}.mock-nav i{background:#222;height:1px;margin-left:auto;width:25px}.mock-nav i+i{margin-left:-3px;width:13px}.mock-copy{margin-top:52px;padding-left:12px;position:relative;z-index:2}.mock-copy small{color:#b27b48;font-size:.43rem;font-weight:700;letter-spacing:.1em}.mock-copy strong{display:block;font:600 2.6rem/.9 var(--display);letter-spacing:-.08em;margin-top:9px}.mock-copy em{color:#b27b48;font-style:normal}.mock-copy button{background:#222;border:0;height:17px;margin-top:17px;width:70px}.mock-image{background:url('https://images.unsplash.com/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=800&q=80') center/cover;bottom:0;height:180px;position:absolute;right:0;width:62%}.floating-note{background:white;box-shadow:0 8px 25px #2e275220;font-size:.65rem;padding:10px 13px;position:absolute;z-index:3}.floating-note b{color:var(--purple);margin-left:9px}.note-top{right:0;top:8px;transform:rotate(5deg)}.note-bottom{bottom:34px;left:4px;transform:rotate(-5deg)}.showcase-orbit{border:1px solid var(--purple);border-radius:50%;height:170px;opacity:.25;position:absolute;width:260px}.orbit-one{right:0;top:0;transform:rotate(30deg)}.orbit-two{bottom:0;left:0;transform:rotate(-25deg)}.hero-trust{border-top:1px solid #d8d5e8;color:var(--muted);display:flex;font-size:.68rem;gap:38px;padding-top:18px}.hero-trust span:not(:first-child):before{color:var(--purple);content:'•';margin-right:12px}.intro-strip{background:var(--ink);color:white}.intro-strip-inner{align-items:center;display:flex;gap:35px;justify-content:space-between;padding-bottom:23px;padding-top:23px}.intro-strip p{font:1.1rem var(--display);margin:0}.intro-strip span{color:#aaa;font-size:.85rem}.intro-strip a{color:var(--green);font-size:.75rem;text-decoration:none}.intro-strip a span{color:var(--green);margin-left:9px}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:55px}.section-heading h2,.clarity-section h2,.calculator-section h2,.about-me h2,.final-cta h2{font:600 clamp(2.8rem,5vw,5rem)/.94 var(--display);letter-spacing:-.08em;margin:17px 0 0}.section-heading>p{color:var(--muted);max-width:300px}.service-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:275px;padding:24px;position:relative;transition:box-shadow .25s,transform .25s}.service-card:hover{box-shadow:0 15px 30px #25213a10;transform:translateY(-4px)}.card-number{color:#aaa;font-size:.7rem;position:absolute;right:22px;top:23px}.service-icon{color:var(--purple);font-size:2rem}.service-card h3{font:600 1.3rem var(--display);margin:25px 0 9px}.service-card p{color:var(--muted);font-size:.84rem;line-height:1.65}.service-card a{bottom:23px;font-size:.72rem;font-weight:700;position:absolute;text-decoration:none}.service-card a span{color:var(--purple);margin-left:12px}.service-card-advanced{background:var(--ink);border-color:var(--ink);color:#fff}.service-card-advanced p{color:#aaa}.service-card-advanced a{color:#fff}.service-card-advanced .service-icon{color:var(--green)}.advanced-label{background:var(--green);border-radius:20px;color:var(--ink);font-size:.53rem;font-weight:700;padding:5px 8px;position:absolute;right:22px;top:23px}.included-band{background:var(--purple);color:#fff;padding:95px 0}.included-grid{display:grid;gap:100px;grid-template-columns:.8fr 1.2fr}.eyebrow.light{color:var(--green)}.included-band h2{font:600 clamp(2.6rem,5vw,5rem)/.94 var(--display);letter-spacing:-.08em;margin:19px 0}.included-band h2 em{color:var(--green);font-style:normal}.included-lead{color:#ddd5ff;max-width:290px}.included-list{align-content:start;display:grid;gap:0 22px;grid-template-columns:1fr 1fr}.included-list span{border-bottom:1px solid #ffffff2d;color:#fff;font-size:.85rem;padding:14px 0}.included-list span::first-letter{color:var(--green)}.included-list small{color:#d8d1ff;font-size:.7rem;grid-column:span 2;margin-top:22px}.portfolio-section{background:#f1f1f3}.portfolio-heading{margin-bottom:38px}.portfolio-controls{align-items:end;display:flex;gap:18px;margin-bottom:30px}.portfolio-controls label{color:var(--muted);display:grid;font-size:.65rem;gap:6px;text-transform:uppercase}.portfolio-controls select{background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink);font:600 .78rem var(--body);min-width:190px;padding:11px 12px}.portfolio-controls>span{color:var(--muted);font-size:.7rem;margin-bottom:12px}.portfolio-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.portfolio-card:hover{box-shadow:0 15px 35px #23212d18;transform:translateY(-4px)}.portfolio-card img{aspect-ratio:1.55/1;display:block;height:100%;object-fit:cover;width:100%}.portfolio-thumb{background-position:center;background-size:cover;position:relative}.portfolio-thumb:after{background:linear-gradient(0deg,#17171b99,transparent);content:'';inset:0;position:absolute}.portfolio-tag{background:var(--green);border-radius:4px;font-size:.55rem;font-weight:700;left:12px;padding:5px 7px;position:absolute;top:12px;z-index:1}.portfolio-info{padding:17px}.portfolio-info h3{font:600 1.12rem var(--display);margin:0}.portfolio-info p{color:var(--muted);font-size:.72rem;margin:5px 0 15px}.portfolio-info a{align-items:center;border-top:1px solid var(--line);display:flex;font-size:.69rem;font-weight:700;justify-content:space-between;padding-top:12px;text-decoration:none}.portfolio-info a span{color:var(--purple);font-size:1.1rem}.portfolio-empty{color:var(--muted);display:none;padding:40px;text-align:center}.portfolio-empty.show{display:block}.plans-section{background:#fff}.plans-grid{align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.plan-card{border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;padding:30px;position:relative}.plan-card h3{font:600 1.25rem/1.2 var(--display);margin:15px 0 25px;min-height:62px}.plan-label{color:var(--purple);font-size:.65rem;font-weight:700;letter-spacing:.14em}.plan-price{border-bottom:1px solid var(--line);padding-bottom:19px}.plan-price small{color:var(--muted);display:block;font-size:.65rem}.plan-price strong{font:600 2.3rem var(--display);letter-spacing:-.06em}.plan-card ul{list-style:none;margin:20px 0;padding:0}.plan-card li{font-size:.8rem;margin:10px 0;padding-left:19px;position:relative}.plan-card li:before{color:var(--purple);content:'✓';font-weight:700;left:0;position:absolute}.ideal{color:var(--muted);font-size:.74rem;margin-top:auto;padding-top:20px}.ideal b{color:var(--ink);display:block;margin-bottom:4px}.plan-button{margin-top:24px}.featured-plan{background:var(--lavender);border-color:#cfc6ff;box-shadow:0 20px 45px #705cf422}.popular-tag{background:var(--purple);border-radius:0 0 7px 7px;color:#fff;font-size:.53rem;font-weight:700;letter-spacing:.12em;padding:8px 10px;position:absolute;right:22px;top:0}.clarity-section{background:#eeeef1;padding:100px 0}.clarity-grid{display:grid;gap:90px;grid-template-columns:.8fr 1.2fr}.clarity-section p{color:var(--muted);font-size:.86rem;line-height:1.75;max-width:390px}.clarity-items{border-top:1px solid #cccbd1}.clarity-items details{border-bottom:1px solid #cccbd1;padding:17px 0}.clarity-items summary,.faq-list summary{cursor:pointer;font:600 1rem var(--display);list-style:none}.clarity-items summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.clarity-items summary span,.faq-list summary span{float:right;color:var(--purple);font-size:1.4rem;font-weight:400}.clarity-items p{font-size:.76rem;margin:12px 0 2px;max-width:580px}.process-section{background:#fff}.process-grid{border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.process-grid article{border-right:1px solid var(--line);padding:0 18px 25px}.process-grid article span{color:var(--purple);font:1.4rem var(--display)}.process-grid h3{font:600 1rem/1.2 var(--display);margin:25px 0 10px}.process-grid p{color:var(--muted);font-size:.76rem;line-height:1.6}.audience-band{background:var(--ink);color:#fff;padding:100px 0}.audience-inner h2{font:600 clamp(2.3rem,4.5vw,4.5rem)/1 var(--display);letter-spacing:-.08em;margin:20px 0 45px}.audience-inner h2 em{color:var(--green);font-style:normal}.audience-tags{display:flex;flex-wrap:wrap;gap:9px}.audience-tags span{border:1px solid #ffffff44;border-radius:30px;color:#ddd;font-size:.72rem;padding:8px 12px}.calculator-section{background:#f2f0ff}.calculator-grid{align-items:start;display:grid;gap:90px;grid-template-columns:.85fr 1.15fr}.calculator-section>div>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.75;max-width:390px}.personal-note{align-items:start;background:#fff;border-left:3px solid var(--purple);display:flex;gap:12px;margin-top:28px;padding:17px}.personal-note span{color:var(--purple)}.personal-note p{font-size:.74rem!important;margin:0}.calculator-card{background:#fff;border:1px solid #ddd8fa;border-radius:14px;box-shadow:0 18px 45px #5d4bb015;padding:29px}.step-indicator{align-items:center;display:flex;margin-bottom:32px}.step-indicator span{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);display:flex;font-size:.7rem;height:27px;justify-content:center;width:27px}.step-indicator span.active{background:var(--purple);border-color:var(--purple);color:#fff}.step-indicator i{background:var(--line);height:1px;width:45px}.calc-step{display:none}.calc-step.active{display:block}.calc-question{font:600 1.25rem var(--display);margin:0 0 19px}.choice-grid{display:grid;gap:9px;grid-template-columns:repeat(2,1fr)}.choice-grid button{background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font:500 .75rem var(--body);padding:12px;text-align:left}.choice-grid button:hover,.choice-grid button.selected{background:var(--lavender);border-color:var(--purple);color:var(--purple-dark)}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.calc-result{border-top:1px solid var(--line);display:none;margin-top:30px;padding-top:24px}.calc-result.show{display:grid}.calc-result small{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.14em}.calc-result strong{font:600 2.2rem var(--display);letter-spacing:-.06em;margin:5px 0}.calc-result>span{color:var(--muted);font-size:.7rem;margin-bottom:17px}.calc-result .button{width:max-content}.about-me{background:#e6e1d8;padding:85px 0}.about-me-grid{align-items:center;display:grid;gap:40px;grid-template-columns:140px 1fr}.about-avatar{align-items:center;background:var(--purple);border-radius:50%;color:var(--green);display:flex;font-size:3rem;height:120px;justify-content:center;width:120px}.about-me h2{font-size:clamp(2.3rem,4vw,4rem)}.about-me p:not(.eyebrow){color:#6b675f;line-height:1.75;max-width:600px}.faq-section{background:#fff}.faq-grid{display:grid;gap:90px;grid-template-columns:.65fr 1.35fr}.text-link{border-bottom:1px solid var(--ink);display:inline-flex;font-size:.72rem;gap:20px;margin-top:28px;padding-bottom:5px;text-decoration:none}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list p{color:var(--muted);font-size:.8rem;line-height:1.7;max-width:600px}.final-cta{background:var(--purple);color:#fff;padding:105px 0;text-align:center}.final-cta-inner h2{font-size:clamp(3rem,6vw,6rem);margin:22px 0}.final-cta h2 em{color:var(--green)}.final-cta-inner>p:not(.eyebrow){color:#e3deff;margin:0 auto;max-width:400px}.white-button{background:#fff;color:var(--ink);margin-top:27px}.final-cta small{display:block;color:#ded7ff;font-size:.7rem;margin-top:15px}.floating-whatsapp{align-items:center;background:#24c76c;border:4px solid #fff;border-radius:30px;bottom:20px;box-shadow:0 8px 20px #1234;color:#fff;display:flex;font-size:1.3rem;gap:6px;padding:10px 14px;position:fixed;right:20px;text-decoration:none;z-index:25}.floating-whatsapp span{font-size:.7rem;font-weight:700}footer{background:#111116;color:#fff;padding:48px 0}.footer-grid{align-items:start;display:grid;gap:30px;grid-template-columns:1.3fr 1fr 1fr}.footer-grid .brand{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-links a,.footer-contact a,.footer-contact span{color:#aaa;font-size:.72rem;text-decoration:none}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-contact{display:grid;gap:8px;justify-items:end}.footer-contact span{color:#555}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.container{width:calc(100% - 36px)}.nav-wrap{height:68px}.menu-toggle{display:block;order:2}.brand{order:1}.main-nav{align-items:stretch;background:var(--paper);border-top:1px solid var(--line);display:none;flex-direction:column;gap:0;left:0;padding:10px 18px 18px;position:absolute;right:0;top:68px}.main-nav.open{display:flex}.main-nav a{padding:10px 0}.main-nav .nav-cta{justify-content:center;margin-top:5px}.hero{padding-top:55px}.hero-grid{gap:10px;grid-template-columns:1fr}.hero-showcase{height:390px;order:-1}.browser-window{height:310px;top:34px;width:80%}.mock-copy{margin-top:34px}.mock-copy strong{font-size:2rem}.hero-trust{gap:12px;justify-content:space-between}.hero-trust span{font-size:.58rem}.hero-trust span:not(:first-child):before{margin-right:4px}.intro-strip-inner{align-items:start;flex-direction:column;gap:7px}.section-pad{padding:75px 0}.section-heading{align-items:start;flex-direction:column;gap:20px}.service-grid,.portfolio-grid,.plans-grid{grid-template-columns:1fr 1fr}.included-grid,.clarity-grid,.calculator-grid,.faq-grid{gap:40px;grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article{border-bottom:1px solid var(--line);padding:18px}.footer-grid{grid-template-columns:1fr}.footer-contact{justify-items:start}.included-list{gap:0 14px}.portfolio-controls{align-items:stretch;flex-direction:column}.portfolio-controls>span{margin:0}.portfolio-controls select{width:100%}}
@media(max-width:540px){.hero h1{font-size:3.2rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-showcase{height:330px}.hero-trust{display:grid;gap:5px;grid-template-columns:1fr}.hero-trust span:not(:first-child):before{display:none}.service-grid,.portfolio-grid,.plans-grid{grid-template-columns:1fr}.included-list{grid-template-columns:1fr}.included-list small{grid-column:auto}.process-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.calculator-card{padding:20px}.calc-result .button{width:100%}.about-me-grid{grid-template-columns:1fr}.about-avatar{height:80px;width:80px}.floating-whatsapp{bottom:12px;left:15px;justify-content:center;right:15px}.footer-links{gap:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}