/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{
:root,:host{
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--spacing:.25rem;
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono)
}


}

@layer base{
*,:after,:before,::backdrop{
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}

::file-selector-button{
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}

html,:host{
-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings,normal);
font-variation-settings:var(--default-font-variation-settings,normal);
-webkit-tap-highlight-color:transparent
}

hr{
height:0;
color:inherit;
border-top-width:1px
}

abbr:where([title]){
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
font-size:inherit;
font-weight:inherit
}

a{
color:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit
}

b,strong{
font-weight:bolder
}

code,kbd,samp,pre{
font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings:var(--default-mono-font-feature-settings,normal);
font-variation-settings:var(--default-mono-font-variation-settings,normal);
font-size:1em
}

small{
font-size:80%
}

sub,sup{
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}

sub{
bottom:-.25em
}

sup{
top:-.5em
}

table{
text-indent:0;
border-color:inherit;
border-collapse:collapse
}

:-moz-focusring{
outline:auto
}

progress{
vertical-align:baseline
}

summary{
display:list-item
}

ol,ul,menu{
list-style:none
}

img,svg,video,canvas,audio,iframe,embed,object{
vertical-align:middle;
display:block
}

img,video{
max-width:100%;
height:auto
}

button,input,select,optgroup,textarea{
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}

::file-selector-button{
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}

:where(select:is([multiple],[size])) optgroup{
font-weight:bolder
}

:where(select:is([multiple],[size])) optgroup option{
padding-inline-start:20px
}

::file-selector-button{
margin-inline-end:4px
}

::placeholder{
opacity:1
}

@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
::placeholder{
color:currentColor
}

@supports (color:color-mix(in lab, red, red)){
::placeholder{
color:color-mix(in oklab, currentcolor 50%, transparent)
}


}


}

textarea{
resize:vertical
}

::-webkit-search-decoration{
-webkit-appearance:none
}

::-webkit-date-and-time-value{
min-height:1lh;
text-align:inherit
}

::-webkit-datetime-edit{
display:inline-flex
}

::-webkit-datetime-edit-fields-wrapper{
padding:0
}

::-webkit-datetime-edit{
padding-block:0
}

::-webkit-datetime-edit-year-field{
padding-block:0
}

::-webkit-datetime-edit-month-field{
padding-block:0
}

::-webkit-datetime-edit-day-field{
padding-block:0
}

::-webkit-datetime-edit-hour-field{
padding-block:0
}

::-webkit-datetime-edit-minute-field{
padding-block:0
}

::-webkit-datetime-edit-second-field{
padding-block:0
}

::-webkit-datetime-edit-millisecond-field{
padding-block:0
}

::-webkit-datetime-edit-meridiem-field{
padding-block:0
}

::-webkit-calendar-picker-indicator{
line-height:1
}

:-moz-ui-invalid{
box-shadow:none
}

button,input:where([type=button],[type=reset],[type=submit]){
appearance:button
}

::file-selector-button{
appearance:button
}

::-webkit-inner-spin-button{
height:auto
}

::-webkit-outer-spin-button{
height:auto
}

[hidden]:where(:not([hidden=until-found])){
display:none!important
}


}

@layer components;
@layer utilities{
.visible{
visibility:visible
}

.relative{
position:relative
}

.start{
inset-inline-start:var(--spacing)
}

.hidden{
display:none
}

.table{
display:table
}

.antialiased{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}


}

:root{
--ink:#131313;
--paper:#f4f2ec;
--orange:#f15a29;
--green:#1cad63;
--line:#d9d5cb
}

*{
box-sizing:border-box
}

html{
scroll-behavior:smooth
}

body{
background:var(--paper);
color:var(--ink);
margin:0;
font-family:Arial,Helvetica,sans-serif
}

button,input,select,textarea{
font:inherit
}

button,a{
-webkit-tap-highlight-color:transparent
}

a{
color:inherit;
text-decoration:none
}

.nav{
border-bottom:1px solid var(--line);
z-index:20;
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
background:#f4f2ecf0;
justify-content:space-between;
align-items:center;
height:92px;
padding:0 clamp(24px,5vw,78px);
display:flex;
position:sticky;
top:0
}

.brand img{
object-fit:contain;
object-position:left center;
width:205px;
height:72px;
display:block
}

.nav nav{
gap:34px;
font-size:13px;
display:flex
}

.nav nav a:hover{
color:var(--orange)
}

.nav-cta{
background:var(--ink);
color:#fff;
cursor:pointer;
border:0;
padding:14px 20px;
font-size:13px
}

.hero{
grid-template-columns:1.06fr .94fr;
align-items:center;
gap:52px;
min-height:660px;
padding:70px clamp(24px,7vw,112px) 84px;
display:grid;
overflow:hidden
}

.eyebrow{
color:#5e5b55;
text-transform:uppercase;
letter-spacing:.14em;
align-items:center;
gap:10px;
font-size:12px;
font-weight:700;
display:inline-flex
}

.eyebrow:before{
content:"";
background:var(--orange);
width:30px;
height:2px
}

.hero h1{
letter-spacing:-.065em;
max-width:800px;
margin:28px 0;
font-size:clamp(52px,6.1vw,94px);
line-height:.92
}

.hero h1 em,.included h2 em{
color:var(--orange);
font-family:Georgia,serif;
font-weight:400
}

.hero-copy>p{
color:#5a5751;
max-width:600px;
font-size:19px;
line-height:1.55
}

.hero-actions{
align-items:center;
gap:28px;
margin-top:38px;
display:flex
}

.button{
justify-content:space-between;
align-items:center;
gap:28px;
padding:18px 22px;
font-size:14px;
font-weight:700;
display:inline-flex
}

.button.primary{
color:#fff;
background:var(--orange)
}

.button span{
font-size:20px
}

.text-link{
cursor:pointer;
background:0 0;
border:0;
border-bottom:1px solid #777;
padding:10px 0
}

.trust-row{
color:#65615b;
flex-wrap:wrap;
gap:24px;
margin-top:45px;
font-size:12px;
display:flex
}

.hero-visual{
place-items:center;
height:510px;
display:grid;
position:relative
}

.orange-orbit{
background:var(--orange);
border-radius:50%;
width:470px;
height:470px;
position:absolute;
right:-65px
}

.browser-card{
z-index:2;
aspect-ratio:1.18;
background:#fff;
width:min(570px,100%);
padding:0;
position:relative;
overflow:hidden;
transform:rotate(-2deg);
box-shadow:0 30px 70px #5d280f42
}

.browser-bar{
color:#aaa;
background:#202020;
align-items:center;
gap:6px;
height:40px;
padding:0 14px;
font-size:9px;
display:flex
}

.browser-bar i{
opacity:.5;
background:#f2f0e9;
border-radius:50%;
width:7px;
height:7px
}

.browser-bar span{
margin-left:18px
}

.mock-body{
padding:26px
}

.mock-nav{
border-bottom:1px solid #ddd;
justify-content:space-between;
padding-bottom:17px;
font-size:9px;
display:flex
}

.mock-nav b{
font-size:14px
}

.mock-hero{
background:#f3efe7;
margin-top:15px;
padding:42px 8px 28px;
position:relative
}

.mock-hero small{
letter-spacing:.2em;
color:var(--orange);
font-size:8px
}

.mock-hero strong{
margin-top:10px;
font-size:28px;
line-height:1.02;
display:block
}

.mock-hero i{
clip-path:polygon(20% 0,100% 20%,82% 100%,0 80%);
background:linear-gradient(145deg,#171717,#ee5b2d);
width:105px;
height:130px;
position:absolute;
bottom:0;
right:20px
}

.mock-grid{
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:12px;
display:grid
}

.mock-grid span{
background:#dedbd4;
height:56px
}

.mock-grid span:nth-child(2){
background:#191919
}

.mock-grid span:nth-child(3){
background:#f47a51
}

.floating-note{
z-index:3;
color:#fff;
background:#171717;
align-items:center;
gap:12px;
padding:18px 22px;
display:flex;
position:absolute;
bottom:28px;
left:-8px;
box-shadow:0 18px 40px #0003
}

.floating-note b{
color:var(--orange);
font-size:25px
}

.floating-note span{
width:55px;
font-size:11px
}

.statement{
background:var(--ink);
color:#fff;
grid-template-columns:90px 1fr .48fr;
align-items:end;
gap:34px;
padding:90px clamp(24px,8vw,130px);
display:grid
}

.section-index{
color:var(--orange);
letter-spacing:.12em;
font-size:12px;
font-weight:700
}

.section-index.light{
color:#ff8b61
}

.statement h2{
letter-spacing:-.045em;
margin:0;
font-size:clamp(36px,4vw,62px);
font-weight:400;
line-height:1.05
}

.statement h2 strong{
color:#ff7342
}

.statement p{
color:#aaa;
max-width:390px;
margin:0;
line-height:1.65
}

.human-break{
background:var(--ink);
grid-template-columns:repeat(4,1fr);
gap:5px;
height:clamp(190px,19vw,290px);
padding:5px 0;
display:grid;
overflow:hidden
}

.human-break img{
object-fit:cover;
object-position:center;
filter:saturate(.88)contrast(1.02);
width:100%;
height:100%;
display:block
}

.services,.process{
padding:110px clamp(24px,7vw,112px)
}

.section-heading{
justify-content:space-between;
align-items:end;
gap:50px;
margin-bottom:60px;
display:flex
}

.section-heading h2,.included h2,.request h2{
letter-spacing:-.05em;
margin:18px 0 0;
font-size:clamp(40px,5vw,70px);
line-height:.98
}

.section-heading>p{
color:#666;
max-width:480px;
line-height:1.7
}

.service-grid{
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
grid-template-columns:repeat(3,1fr);
display:grid
}

.service-grid article{
border-right:1px solid var(--line);
background:#f8f6f0;
flex-direction:column;
min-height:390px;
padding:34px 34px 38px;
display:flex;
position:relative
}

.service-grid article:last-child{
border:0
}

.service-grid article.featured{
background:#fff;
box-shadow:inset 0 4px #1762ed
}

.plan-top{
justify-content:space-between;
align-items:center;
display:flex
}

.plan-top>span{
color:var(--orange);
font-size:12px
}

.plan-top small{
text-transform:uppercase;
letter-spacing:.12em;
background:#e8e4db;
padding:7px 9px;
font-size:10px
}

.featured .plan-top small{
color:#fff;
background:#1762ed
}

.service-grid h3{
text-transform:uppercase;
max-width:210px;
margin:38px 0 12px;
font-size:27px
}

.service-grid .price{
letter-spacing:-.05em;
color:var(--orange);
margin-bottom:18px;
font-size:clamp(37px,3.5vw,53px)
}

.service-grid p{
color:#65615b;
max-width:290px;
font-size:17px;
line-height:1.6
}

.service-grid .plan-button{
background:var(--ink);
color:#fff;
cursor:pointer;
border:0;
justify-content:space-between;
margin-top:auto;
padding:16px 18px;
font-size:13px;
font-weight:700;
display:flex
}

.service-grid .plan-button:hover{
background:var(--orange)
}

.all-include{
background:#e4edf5;
flex-wrap:wrap;
align-items:center;
gap:12px 22px;
margin-top:22px;
padding:23px 28px;
font-size:13px;
display:flex
}

.all-include b{
text-transform:uppercase;
color:#06405d;
margin-right:10px;
font-size:16px
}

.all-include span:before{
content:"✓";
color:#1762ed;
margin-right:7px;
font-weight:700
}

.included{
background:#dedbd2;
grid-template-columns:.8fr 1.2fr;
gap:80px;
padding:110px clamp(24px,7vw,112px);
display:grid
}

.included-title{
align-self:start;
position:sticky;
top:130px
}

.included-list>div{
border-top:1px solid #bbb6ab;
grid-template-columns:50px 1fr 30px;
align-items:center;
padding:23px 0;
display:grid
}

.included-list>div:last-child{
border-bottom:1px solid #bbb6ab
}

.included-list span{
color:#777;
font-size:11px
}

.included-list p{
font-size:18px
}

.included-list b{
color:var(--orange)
}

.steps{
border-top:1px solid var(--line);
grid-template-columns:repeat(4,1fr);
gap:0;
display:grid
}

.steps article{
border-right:1px solid var(--line);
padding:35px 28px
}

.steps article:last-child{
border:0
}

.steps b{
background:var(--orange);
color:#fff;
border-radius:50%;
place-items:center;
width:36px;
height:36px;
display:grid
}

.steps h3{
margin-top:48px;
font-size:23px
}

.steps p{
color:#666;
font-size:14px;
line-height:1.6
}

.request{
background:var(--orange);
color:#fff;
grid-template-columns:.75fr 1.25fr;
gap:90px;
padding:100px clamp(24px,7vw,112px);
display:grid
}

.request-copy p{
color:#ffe0d5;
max-width:420px;
line-height:1.7
}

.contact-lines{
flex-direction:column;
align-items:flex-start;
gap:13px;
margin-top:60px;
display:flex
}

.contact-lines a,.contact-lines button{
color:#fff;
cursor:pointer;
background:0 0;
border:0;
border-bottom:1px solid #ffb79d;
padding:0 0 7px
}

form{
color:var(--ink);
background:#f8f5ef;
padding:42px;
box-shadow:0 25px 60px #9f2c1445
}

.field-row{
grid-template-columns:1fr 1fr;
gap:22px;
display:grid
}

label{
flex-direction:column;
gap:9px;
margin-bottom:22px;
font-size:12px;
font-weight:700;
display:flex
}

input,select,textarea{
color:#222;
background:0 0;
border:0;
border-bottom:1px solid #c8c3ba;
border-radius:0;
outline:none;
width:100%;
padding:12px 2px
}

input[type=hidden]{
display:none
}

textarea{
resize:vertical
}

input:focus,select:focus,textarea:focus{
border-color:var(--orange)
}

.submit{
background:var(--ink);
color:#fff;
cursor:pointer;
border:0;
justify-content:space-between;
width:100%;
padding:19px 22px;
font-weight:700;
display:flex
}

.submit:disabled{
opacity:.6;
cursor:wait
}

.sent,.form-error{
margin:14px 0 0;
padding:13px 15px;
font-size:13px
}

.sent{
color:#246a3a;
background:#dff2e5
}

.form-error{
color:#8f281d;
background:#f8ddd9
}

footer{
color:#fff;
background:#111;
grid-template-columns:.6fr 1fr .6fr;
align-items:end;
gap:50px;
padding:55px clamp(24px,7vw,112px);
display:grid
}

footer img{
object-fit:contain;
object-position:left center;
width:120px;
height:54px
}

footer p{
color:#aaa;
max-width:400px;
margin:0;
line-height:1.6
}

footer div{
text-align:right;
flex-direction:column;
gap:10px;
font-size:13px;
display:flex
}

footer span{
color:#777
}

.whatsapp-float{
z-index:30;
background:var(--green);
color:#fff;
cursor:pointer;
border:0;
border-radius:100px;
align-items:center;
gap:12px;
padding:12px 12px 12px 20px;
font-weight:700;
display:flex;
position:fixed;
bottom:24px;
right:24px;
box-shadow:0 10px 35px #09763d55
}

.whatsapp-float b{
color:var(--green);
background:#fff;
border-radius:50%;
place-items:center;
width:34px;
height:34px;
display:grid
}

@media (width<=900px){
.nav nav{
display:none
}

.nav{
height:76px
}

.nav-cta{
font-size:12px
}

.hero{
grid-template-columns:1fr;
padding-top:54px
}

.hero-visual{
height:430px
}

.orange-orbit{
width:380px;
height:380px;
right:-120px
}

.statement{
grid-template-columns:1fr
}

.statement .section-index{
margin-bottom:5px
}

.service-grid{
grid-template-columns:1fr
}

.service-grid article{
border-right:0;
border-bottom:1px solid var(--line);
min-height:270px
}

.included,.request{
grid-template-columns:1fr
}

.included-title{
position:static
}

.steps{
grid-template-columns:1fr 1fr
}

.steps article:nth-child(2){
border-right:0
}

.section-heading{
flex-direction:column;
align-items:start
}

.request{
gap:45px
}

footer{
grid-template-columns:1fr
}

footer div{
text-align:left
}


}

@media (width<=560px){
.hero h1{
font-size:52px
}

.hero-actions{
flex-direction:column;
align-items:flex-start
}

.hero-visual{
height:330px
}

.browser-card{
width:105%
}

.mock-hero strong{
font-size:21px
}

.orange-orbit{
width:310px;
height:310px
}

.trust-row{
flex-direction:column;
gap:12px
}

.statement,.services,.included,.process,.request{
padding:72px 22px
}

.steps{
grid-template-columns:1fr
}

.steps article{
border-right:0;
border-bottom:1px solid var(--line)
}

.field-row{
grid-template-columns:1fr
}

form{
padding:28px 22px
}

.whatsapp-float span{
display:none
}

.whatsapp-float{
padding:10px
}

.section-heading h2,.included h2,.request h2{
font-size:43px
}

.floating-note{
left:-12px
}

.nav{
padding:0 18px
}

.brand img{
width:150px;
height:58px
}

.nav-cta{
padding:12px 14px
}

.all-include{
flex-direction:column;
align-items:flex-start
}

.service-grid article{
min-height:350px
}

.human-break{
grid-template-rows:1fr 1fr;
grid-template-columns:1fr 1fr;
height:280px
}


}

@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}


}