:root {
    color-scheme:dark;
    --ink:#f8fbff;
    --muted:#aeb9c9;
    --soft:rgba(248,251,255,.72);
    --line:rgba(255,255,255,.14);
    --panel-strong:rgba(20,27,43,.92);
    --teal:#3ee6ca;
    --rose:#ff6f91;
    --gold:#ffc857;
    --blue:#7aa7ff;
    --shadow:0 28px 80px rgba(0,0,0,.38);
    --max:1180px
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    min-height:100vh;
    overflow-x:hidden;
    background:radial-gradient(circle at 18% 12%,rgba(62,230,202,.22),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(255,111,145,.18),transparent 24rem),linear-gradient(140deg,#070a12 0%,#111623 48%,#09131a 100%);
    color:var(--ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a {
    color:inherit;
    text-decoration:none
}
img {
    display:block;
    max-width:100%
}
.cursor-glow {
    position:fixed;
    left:0;
    top:0;
    z-index:-1;
    width:28rem;
    height:28rem;
    border-radius:50%;
    background:radial-gradient(circle,rgba(62,230,202,.16),transparent 68%);
    pointer-events:none;
    transform:translate3d(-50%,-50%,0);
    transition:opacity .18s ease
}
.site-header {
    position:fixed;
    left:5%;
    top:18px;
    z-index:20;
    display:flex;
    width:min(calc(100% - 32px),var(--max));
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:8px;
    background:rgba(7,10,18,.72);
    box-shadow:0 18px 60px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    transform:translateX(-50%)
}
.brand {
    display:inline-flex;
    align-items:center;
    gap:10px
}
.brand-mark {
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border-radius:8px;
    background:linear-gradient(135deg,var(--teal),var(--blue));
    color:#071016;
    font-weight:800
}
.brand strong,.brand small {
    display:block
}
.brand strong {
    font-size:.95rem
}
.brand small {
    color:var(--muted);
    font-size:.74rem
}
.nav-links {
    display:flex;
    align-items:center;
    gap:6px;
    :root {
    color-scheme:dark;
    --ink:#f8fbff;
    --muted:#aeb9c9;
    --soft:rgba(248,251,255,.72);
    --line:rgba(255,255,255,.14);
    --panel-strong:rgba(20,27,43,.92);
    --teal:#3ee6ca;
    --rose:#ff6f91;
    --gold:#ffc857;
    --blue:#7aa7ff;
    --shadow:0 28px 80px rgba(0,0,0,.38);
    --max:1180px
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    min-height:100vh;
    overflow-x:hidden;
    background:radial-gradient(circle at 18% 12%,rgba(62,230,202,.22),transparent 28rem),radial-gradient(circle at 85% 20%,rgba(255,111,145,.18),transparent 24rem),linear-gradient(140deg,#070a12 0%,#111623 48%,#09131a 100%);
    color:var(--ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a {
    color:inherit;
    text-decoration:none
}
img {
    display:block;
    max-width:100%
}
.cursor-glow {
    position:fixed;
    left:0;
    top:0;
    z-index:-1;
    width:28rem;
    height:28rem;
    border-radius:50%;
    background:radial-gradient(circle,rgba(62,230,202,.16),transparent 68%);
    pointer-events:none;
    transform:translate3d(-50%,-50%,0);
    transition:opacity .18s ease
}
.site-header {
    position:fixed;
    left:50%;
    top:18px;
    z-index:20;
    display:flex;
    width:min(calc(100% - 32px),var(--max));
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:8px;
    background:rgba(7,10,18,.72);
    box-shadow:0 18px 60px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    transform:translateX(-50%)
}
.brand {
    display:inline-flex;
    align-items:center;
    gap:10px
}
.brand-mark {
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border-radius:8px;
    background:linear-gradient(135deg,var(--teal),var(--blue));
    color:#071016;
    font-weight:800
}
.brand strong,.brand small {
    display:block
}
.brand strong {
    font-size:.95rem
}
.brand small {
    color:var(--muted);
    font-size:.74rem
}
.nav-links {
    display:flex;
    align-items:center;
    gap:6px
}

.nav-links a {
    padding:10px 12px;
    border-radius:8px;
    color:var(--soft);
    font-size:.9rem;
    transition:background .18s ease,color .18s ease,transform .18s ease
}
.nav-links a:hover {
    background:rgba(255,255,255,.08);
    color:var(--ink);
    transform:translateY(-1px)
}
.nav-links .nav-cta {
    background:var(--ink);
    color:#071016;
    font-weight:700
}
.menu-toggle {
    display:none;
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:8px;
    background:rgba(255,255,255,.06)
}
.menu-toggle span {
    display:block;
    width:18px;
    height:2px;
    margin:5px auto;
    background:var(--ink)
}
.section-band {
    position:relative;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto
}
.hero {
    display:grid;
    min-height:94vh;
    grid-template-columns:minmax(0,1.03fr) minmax(320px,.82fr);
    align-items:center;
    gap:clamp(28px,5vw,72px);
    padding:138px 0 86px
}
.hero-bg {
    position:absolute;
    inset:0;
    z-index:-1;
    overflow:hidden
}
.orb {
    position:absolute;
    border-radius:999px;
    filter:blur(8px);
    opacity:.66;
    animation:drift 12s ease-in-out infinite alternate
}
.orb-one {
    left:-5%;
    top:20%;
    width:220px;
    height:220px;
    background:rgba(62,230,202,.18)
}
.orb-two {
    right:4%;
    top:18%;
    width:270px;
    height:270px;
    background:rgba(122,167,255,.18);
    animation-delay:-4s
}
.orb-three {
    bottom:10%;
    left:42%;
    width:180px;
    height:180px;
    background:rgba(255,200,87,.13);
    animation-delay:-7s
}
.eyebrow {
    margin:0 0 16px;
    color:var(--teal);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
}
h1,h2,h3,p {
    margin-top:0
}
h1 {
    max-width:820px;
    margin-bottom:24px;
    font-size:clamp(3.1rem,8vw,6.55rem);
    line-height:.92;
    letter-spacing:0
}
h2 {
    margin-bottom:18px;
    font-size:clamp(2rem,4vw,4.15rem);
    line-height:1;
    letter-spacing:0
}
h3 {
    margin-bottom:12px;
    font-size:1.08rem;
    line-height:1.25
}
.hero-copy,.intro-text,.difference-panel p,.about-card p,.final-cta p {
    color:var(--soft);
    font-size:clamp(1rem,1.8vw,1.18rem);
    line-height:1.75
}
.hero-copy {
    max-width:670px
}
.hero-actions,.contact-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px
}
.btn {
    position:relative;
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:8px;
    padding:14px 18px;
    font-weight:800;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.btn:after {
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);
    content:"";
    transform:translateX(-110%);
    transition:transform .6s ease
}
.btn:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(0,0,0,.28)
}
.btn:hover:after {
    transform:translateX(110%)
}
.btn-primary {
    border-color:transparent;
    background:linear-gradient(135deg,var(--teal),var(--blue));
    color:#061116
}
.btn-secondary {
    background:rgba(255,255,255,.06);
    color:var(--ink)
}
.trust-row {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px
}
.trust-row span {
    border:1px solid var(--line);
    border-radius:8px;
    padding:12px 14px;
    background:rgba(255,255,255,.055);
    color:var(--muted);
    font-size:.9rem
}
.trust-row strong {
    color:var(--ink)
}
.hero-visual {
    perspective:1200px
}
.visual-card {
    position:relative;
    min-height:560px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:8px;
    background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),rgba(11,18,31,.74);
    box-shadow:var(--shadow);
    transform:rotateY(-7deg) rotateX(4deg);
    transform-style:preserve-3d;
    transition:transform .26s ease
}
.visual-card:hover {
    transform:rotateY(-3deg) rotateX(2deg) translateY(-4px)
}
.visual-card img {
    width:100%;
    height:100%;
    min-height:560px;
    object-fit:cover
}
.floating-note {
    position:absolute;
    width:min(240px,calc(100% - 36px));
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    padding:14px;
    background:rgba(7,10,18,.72);
    box-shadow:0 18px 50px rgba(0,0,0,.32);
    backdrop-filter:blur(16px);
    animation:floatNote 5.5s ease-in-out infinite
}
.floating-note span {
    display:block;
    margin-bottom:5px;
    color:var(--teal);
    font-size:.72rem;
    font-weight:800;
    text-transform:uppercase
}
.floating-note strong {
    font-size:.95rem;
    line-height:1.25
}
.note-one {
    left:18px;
    top:26px
}
.note-two {
    right:18px;
    bottom:26px;
    animation-delay:-2.4s
}
.intro,.deliverables,.testimonials,.final-cta {
    padding:92px 0
}
.intro {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:clamp(24px,6vw,80px);
    border-top:1px solid var(--line)
}
.section-heading {
    max-width:780px
}
.split {
    display:grid;
    grid-template-columns:.72fr 1fr;
    gap:clamp(24px,6vw,80px);
    padding:92px 0
}
.sticky-heading {
    position:sticky;
    top:120px;
    align-self:start
}
.help-grid,.testimonial-grid {
    display:grid;
    gap:14px
}
.feature-card,.testimonial-card {
    border:1px solid var(--line);
    border-radius:8px;
    padding:clamp(18px,3vw,28px);
    background:rgba(255,255,255,.055);
    box-shadow:0 18px 55px rgba(0,0,0,.16);
    transition:transform .22s ease,background .22s ease,border-color .22s ease
}
.feature-card:hover,.testimonial-card:hover {
    border-color:rgba(62,230,202,.42);
    background:rgba(255,255,255,.082);
    transform:translateY(-4px)
}
.card-icon {
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:.78rem;
    font-weight:900
}
.feature-card p,.testimonial-card p {
    color:var(--muted);
    line-height:1.7
}
.difference {
    padding:78px 0
}
.difference-panel {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    padding:clamp(28px,6vw,72px);
    background:linear-gradient(135deg,rgba(62,230,202,.16),transparent 42%),linear-gradient(315deg,rgba(255,111,145,.14),transparent 38%),var(--panel-strong);
    box-shadow:var(--shadow)
}
.difference-panel h2 {
    max-width:750px
}
.difference-panel p {
    max-width:850px
}
.notice {
    margin-top:28px;
    border-left:3px solid var(--gold);
    padding:14px 18px;
    background:rgba(255,200,87,.1);
    color:#fff4cf;
    line-height:1.6
}
.deliverable-list {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px
}
.deliverable-list span {
    display:inline-flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--line);
    border-radius:8px;
    padding:13px 15px;
    background:rgba(255,255,255,.06);
    color:var(--soft);
    font-weight:700
}
.deliverable-list span:before {
    width:8px;
    height:8px;
    border-radius:99px;
    background:var(--teal);
    content:"";
    box-shadow:0 0 22px rgba(62,230,202,.9)
}
.about {
    padding:92px 0
}
.about-card {
    display:grid;
    grid-template-columns:220px 1fr;
    gap:clamp(24px,5vw,68px);
    align-items:center;
    border:1px solid var(--line);
    border-radius:8px;
    padding:clamp(24px,6vw,70px);
    background:rgba(255,255,255,.055)
}
.about-initials {
    display:grid;
    width:200px;
    aspect-ratio:1;
    place-items:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--rose),var(--blue) 54%,var(--teal));
    box-shadow:0 26px 60px rgba(0,0,0,.28);
    color:#071016;
    font-size:4rem;
    font-weight:900
}
.testimonial-grid {
    grid-template-columns:repeat(3,1fr);
    margin-top:28px
}
.testimonial-card h3 {
    color:var(--ink)
}
.testimonial-card span {
    display:block;
    margin-top:24px;
    color:var(--teal);
    font-weight:800
}
.final-cta {
    margin-bottom:42px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:8px;
    padding:clamp(30px,7vw,78px);
    background:radial-gradient(circle at 15% 10%,rgba(62,230,202,.2),transparent 28rem),radial-gradient(circle at 90% 80%,rgba(255,111,145,.16),transparent 24rem),rgba(255,255,255,.06);
    text-align:center
}
.final-cta h2,.final-cta p {
    margin-right:auto;
    margin-left:auto;
    max-width:850px
}
.contact-actions {
    justify-content:center
}
.site-footer {
    display:flex;
    width:min(calc(100% - 32px),var(--max));
    justify-content:space-between;
    gap:14px;
    margin:0 auto;
    padding:24px 0 42px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:.9rem
}
[data-animate] {
    opacity:0;
    transform:translateY(24px);
    transition:opacity .68s ease,transform .68s ease
}
[data-animate].is-visible {
    opacity:1;
    transform:translateY(0)
}
@keyframes drift {
    from {
        transform:translate3d(0,0,0) scale(1)
}
    to {
        transform:translate3d(28px,-34px,0) scale(1.08)
}
}
@keyframes floatNote {
    0%,100% {
        transform:translateY(0)
}
    50% {
        transform:translateY(-12px)
}
}
@media (max-width:920px) {
    .menu-toggle {
        display:block
}
    .nav-links {
        position:absolute;
        left:0;
        right:0;
        top:calc(100% + 10px);
        display:grid;
        padding:12px;
        border:1px solid var(--line);
        border-radius:8px;
        background:rgba(7,10,18,.94);
        box-shadow:var(--shadow);
        opacity:0;
        pointer-events:none;
        transform:translateY(-8px);
        transition:opacity .18s ease,transform .18s ease
}
    .nav-links.is-open {
        opacity:1;
        pointer-events:auto;
        transform:translateY(0)
}
    .hero,.intro,.split,.about-card {
        grid-template-columns:1fr
}
    .hero {
        min-height:auto;
        padding-top:128px
}
    .visual-card,.visual-card img {
        min-height:430px
}
    .sticky-heading {
        position:static
}
    .testimonial-grid {
        grid-template-columns:1fr
}
    .about-initials {
        width:150px;
        font-size:3rem
}
}
@media (max-width:620px) {
    .site-header {
        top:10px;
        width:min(calc(100% - 20px),var(--max))
}
    .section-band {
        width:min(calc(100% - 22px),var(--max))
}
    .hero {
        padding-top:116px
}
    h1 {
        font-size:clamp(2.6rem,16vw,4.6rem)
}
    .hero-actions .btn,.contact-actions .btn {
        width:100%
}
    .trust-row span {
        width:100%
}
    .floating-note {
        position:static;
        width:calc(100% - 24px);
        margin:-88px auto 14px
}
    .note-two {
        margin-top:12px
}
    .visual-card {
        transform:none
}
    .intro,.split,.deliverables,.testimonials,.about {
        padding:64px 0
}
    .site-footer {
        flex-direction:column
}
}
@media (prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
}
}

    
}
.nav-links a {
    padding:10px 12px;
    border-radius:8px;
    color:var(--soft);
    font-size:.9rem;
    transition:background .18s ease,color .18s ease,transform .18s ease
}
.nav-links a:hover {
    background:rgba(255,255,255,.08);
    color:var(--ink);
    transform:translateY(-1px)
}
.nav-links .nav-cta {
    background:var(--ink);
    color:#071016;
    font-weight:700
}
.menu-toggle {
    display:none;
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:8px;
    background:rgba(255,255,255,.06)
}
.menu-toggle span {
    display:block;
    width:18px;
    height:2px;
    margin:5px auto;
    background:var(--ink)
}
.section-band {
    position:relative;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto
}
.hero {
    display:grid;
    min-height:94vh;
    grid-template-columns:minmax(0,1.03fr) minmax(320px,.82fr);
    align-items:center;
    gap:clamp(28px,5vw,72px);
    padding:138px 0 86px
}
.hero-bg {
    position:absolute;
    inset:0;
    z-index:-1;
    overflow:hidden
}
.orb {
    position:absolute;
    border-radius:999px;
    filter:blur(8px);
    opacity:.66;
    animation:drift 12s ease-in-out infinite alternate
}
.orb-one {
    left:-5%;
    top:20%;
    width:220px;
    height:220px;
    background:rgba(62,230,202,.18)
}
.orb-two {
    right:4%;
    top:18%;
    width:270px;
    height:270px;
    background:rgba(122,167,255,.18);
    animation-delay:-4s
}
.orb-three {
    bottom:10%;
    left:42%;
    width:180px;
    height:180px;
    background:rgba(255,200,87,.13);
    animation-delay:-7s
}
.eyebrow {
    margin:0 0 16px;
    color:var(--teal);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
}
h1,h2,h3,p {
    margin-top:0
}
h1 {
    max-width:820px;
    margin-bottom:24px;
    font-size:clamp(3.1rem,8vw,6.55rem);
    line-height:.92;
    letter-spacing:0
}
h2 {
    margin-bottom:18px;
    font-size:clamp(2rem,4vw,4.15rem);
    line-height:1;
    letter-spacing:0
}
h3 {
    margin-bottom:12px;
    font-size:1.08rem;
    line-height:1.25
}
.hero-copy,.intro-text,.difference-panel p,.about-card p,.final-cta p {
    color:var(--soft);
    font-size:clamp(1rem,1.8vw,1.18rem);
    line-height:1.75
}
.hero-copy {
    max-width:670px
}
.hero-actions,.contact-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:32px
}
.btn {
    position:relative;
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:8px;
    padding:14px 18px;
    font-weight:800;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.btn:after {
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);
    content:"";
    transform:translateX(-110%);
    transition:transform .6s ease
}
.btn:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(0,0,0,.28)
}
.btn:hover:after {
    transform:translateX(110%)
}
.btn-primary {
    border-color:transparent;
    background:linear-gradient(135deg,var(--teal),var(--blue));
    color:#061116
}
.btn-secondary {
    background:rgba(255,255,255,.06);
    color:var(--ink)
}
.trust-row {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px
}
.trust-row span {
    border:1px solid var(--line);
    border-radius:8px;
    padding:12px 14px;
    background:rgba(255,255,255,.055);
    color:var(--muted);
    font-size:.9rem
}
.trust-row strong {
    color:var(--ink)
}
.hero-visual {
    perspective:1200px
}
.visual-card {
    position:relative;
    min-height:560px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:8px;
    background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),rgba(11,18,31,.74);
    box-shadow:var(--shadow);
    transform:rotateY(-7deg) rotateX(4deg);
    transform-style:preserve-3d;
    transition:transform .26s ease
}
.visual-card:hover {
    transform:rotateY(-3deg) rotateX(2deg) translateY(-4px)
}
.visual-card img {
    width:100%;
    height:100%;
    min-height:560px;
    object-fit:cover
}
.floating-note {
    position:absolute;
    width:min(240px,calc(100% - 36px));
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    padding:14px;
    background:rgba(7,10,18,.72);
    box-shadow:0 18px 50px rgba(0,0,0,.32);
    backdrop-filter:blur(16px);
    animation:floatNote 5.5s ease-in-out infinite
}
.floating-note span {
    display:block;
    margin-bottom:5px;
    color:var(--teal);
    font-size:.72rem;
    font-weight:800;
    text-transform:uppercase
}
.floating-note strong {
    font-size:.95rem;
    line-height:1.25
}
.note-one {
    left:18px;
    top:26px
}
.note-two {
    right:18px;
    bottom:26px;
    animation-delay:-2.4s
}
.intro,.deliverables,.testimonials,.final-cta {
    padding:92px 0
}
.intro {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:clamp(24px,6vw,80px);
    border-top:1px solid var(--line)
}
.section-heading {
    max-width:780px
}
.split {
    display:grid;
    grid-template-columns:.72fr 1fr;
    gap:clamp(24px,6vw,80px);
    padding:92px 0
}
.sticky-heading {
    position:sticky;
    top:120px;
    align-self:start
}
.help-grid,.testimonial-grid {
    display:grid;
    gap:14px
}
.feature-card,.testimonial-card {
    border:1px solid var(--line);
    border-radius:8px;
    padding:clamp(18px,3vw,28px);
    background:rgba(255,255,255,.055);
    box-shadow:0 18px 55px rgba(0,0,0,.16);
    transition:transform .22s ease,background .22s ease,border-color .22s ease
}
.feature-card:hover,.testimonial-card:hover {
    border-color:rgba(62,230,202,.42);
    background:rgba(255,255,255,.082);
    transform:translateY(-4px)
}
.card-icon {
    display:inline-flex;
    margin-bottom:28px;
    color:var(--gold);
    font-size:.78rem;
    font-weight:900
}
.feature-card p,.testimonial-card p {
    color:var(--muted);
    line-height:1.7
}
.difference {
    padding:78px 0
}
.difference-panel {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    padding:clamp(28px,6vw,72px);
    background:linear-gradient(135deg,rgba(62,230,202,.16),transparent 42%),linear-gradient(315deg,rgba(255,111,145,.14),transparent 38%),var(--panel-strong);
    box-shadow:var(--shadow)
}
.difference-panel h2 {
    max-width:750px
}
.difference-panel p {
    max-width:850px
}
.notice {
    margin-top:28px;
    border-left:3px solid var(--gold);
    padding:14px 18px;
    background:rgba(255,200,87,.1);
    color:#fff4cf;
    line-height:1.6
}
.deliverable-list {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px
}
.deliverable-list span {
    display:inline-flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--line);
    border-radius:8px;
    padding:13px 15px;
    background:rgba(255,255,255,.06);
    color:var(--soft);
    font-weight:700
}
.deliverable-list span:before {
    width:8px;
    height:8px;
    border-radius:99px;
    background:var(--teal);
    content:"";
    box-shadow:0 0 22px rgba(62,230,202,.9)
}
.about {
    padding:92px 0
}
.about-card {
    display:grid;
    grid-template-columns:220px 1fr;
    gap:clamp(24px,5vw,68px);
    align-items:center;
    border:1px solid var(--line);
    border-radius:8px;
    padding:clamp(24px,6vw,70px);
    background:rgba(255,255,255,.055)
}
.about-initials {
    display:grid;
    width:200px;
    aspect-ratio:1;
    place-items:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--rose),var(--blue) 54%,var(--teal));
    box-shadow:0 26px 60px rgba(0,0,0,.28);
    color:#071016;
    font-size:4rem;
    font-weight:900
}
.testimonial-grid {
    grid-template-columns:repeat(3,1fr);
    margin-top:28px
}
.testimonial-card h3 {
    color:var(--ink)
}
.testimonial-card span {
    display:block;
    margin-top:24px;
    color:var(--teal);
    font-weight:800
}
.final-cta {
    margin-bottom:42px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:8px;
    padding:clamp(30px,7vw,78px);
    background:radial-gradient(circle at 15% 10%,rgba(62,230,202,.2),transparent 28rem),radial-gradient(circle at 90% 80%,rgba(255,111,145,.16),transparent 24rem),rgba(255,255,255,.06);
    text-align:center
}
.final-cta h2,.final-cta p {
    margin-right:auto;
    margin-left:auto;
    max-width:850px
}
.contact-actions {
    justify-content:center
}
.site-footer {
    display:flex;
    width:min(calc(100% - 32px),var(--max));
    justify-content:space-between;
    gap:14px;
    margin:0 auto;
    padding:24px 0 42px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:.9rem
}
[data-animate] {
    opacity:0;
    transform:translateY(24px);
    transition:opacity .68s ease,transform .68s ease
}
[data-animate].is-visible {
    opacity:1;
    transform:translateY(0)
}
@keyframes drift {
    from {
        transform:translate3d(0,0,0) scale(1)
}
    to {
        transform:translate3d(28px,-34px,0) scale(1.08)
}
}
@keyframes floatNote {
    0%,100% {
        transform:translateY(0)
}
    50% {
        transform:translateY(-12px)
}
}
@media (max-width:920px) {
    .menu-toggle {
        display:block
}
    .nav-links {
        position:absolute;
        left:0;
        right:0;
        top:calc(100% + 10px);
        display:grid;
        padding:12px;
        border:1px solid var(--line);
        border-radius:8px;
        background:rgba(7,10,18,.94);
        box-shadow:var(--shadow);
        opacity:0;
        pointer-events:none;
        transform:translateY(-8px);
        transition:opacity .18s ease,transform .18s ease
}
    .nav-links.is-open {
        opacity:1;
        pointer-events:auto;
        transform:translateY(0)
}
    .hero,.intro,.split,.about-card {
        grid-template-columns:1fr
}
    .hero {
        min-height:auto;
        padding-top:128px
}
    .visual-card,.visual-card img {
        min-height:430px
}
    .sticky-heading {
        position:static
}
    .testimonial-grid {
        grid-template-columns:1fr
}
    .about-initials {
        width:150px;
        font-size:3rem
}
}
@media (max-width:620px) {
    .site-header {
        top:10px;
        width:min(calc(100% - 20px),var(--max))
}
    .section-band {
        width:min(calc(100% - 22px),var(--max))
}
    .hero {
        padding-top:116px
}
    h1 {
        font-size:clamp(2.6rem,16vw,4.6rem)
}
    .hero-actions .btn,.contact-actions .btn {
        width:100%
}
    .trust-row span {
        width:100%
}
    .floating-note {
        position:static;
        width:calc(100% - 24px);
        margin:-88px auto 14px
}
    .note-two {
        margin-top:12px
}
    .visual-card {
        transform:none
}
    .intro,.split,.deliverables,.testimonials,.about {
        padding:64px 0
}
    .site-footer {
        flex-direction:column
}
}
@media (prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
}
}

/* Tema claro (padrao) */
:root {
  color-scheme: light;
  --background: #F8F8F3;
  --background-secondary: #EFEBDF;
  --text: #222831;
  --text-secondary: #3E4853;
  --border: #D1D1C8;
  --gray: #AAABA9;
  --primary: #CAAE6C;
  --primary-hover: #B89A58;
  --white: #FFFFFF;
  --ink: var(--text);
  --muted: var(--text-secondary);
  --soft: rgba(62,72,83,.88);
  --line: var(--border);
  --panel-strong: var(--white);
  --teal: var(--primary);
  --rose: #3E4853;
  --gold: var(--primary-hover);
  --blue: #D6C08B;
  --shadow: 0 24px 60px rgba(34,40,49,.10);
  --pointer-glow: rgba(202,174,108,.22);
  --card-surface: rgba(255,255,255,.72);
}
:root:not([data-theme="dark"]) body { background: radial-gradient(circle at 18% 12%, rgba(202,174,108,.20), transparent 28rem), radial-gradient(circle at 85% 20%, rgba(239,235,223,.95), transparent 24rem), var(--background); }
:root:not([data-theme="dark"]) .cursor-glow { background: radial-gradient(circle, rgba(202,174,108,.18), transparent 68%); }
:root:not([data-theme="dark"]) .site-header { background: rgba(248,248,243,.86); box-shadow: 0 18px 50px rgba(34,40,49,.10); }
:root:not([data-theme="dark"]) .brand-mark, :root:not([data-theme="dark"]) .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-hover)); color: var(--text); }
:root:not([data-theme="dark"]) .nav-links a:hover { background: var(--background-secondary); color: var(--text); }
:root:not([data-theme="dark"]) .nav-links .nav-cta { background: var(--text); color: var(--white); }
:root:not([data-theme="dark"]) .menu-toggle, :root:not([data-theme="dark"]) .btn-secondary { background: var(--white); }
:root:not([data-theme="dark"]) .orb-one { background: rgba(202,174,108,.20); }
:root:not([data-theme="dark"]) .orb-two { background: rgba(184,154,88,.14); }
:root:not([data-theme="dark"]) .orb-three { background: rgba(62,72,83,.10); }
:root:not([data-theme="dark"]) .btn:hover { box-shadow: 0 18px 42px rgba(34,40,49,.14); }
:root:not([data-theme="dark"]) .trust-row span, :root:not([data-theme="dark"]) .feature-card, :root:not([data-theme="dark"]) .testimonial-card, :root:not([data-theme="dark"]) .about-card, :root:not([data-theme="dark"]) .deliverable-list span { background: rgba(255,255,255,.72); box-shadow: 0 18px 45px rgba(34,40,49,.06); }
:root:not([data-theme="dark"]) .visual-card { border-color: var(--border); background: linear-gradient(160deg, rgba(255,255,255,.65), rgba(239,235,223,.72)), var(--white); box-shadow: var(--shadow); }
:root:not([data-theme="dark"]) .floating-note { border-color: var(--border); background: rgba(255,255,255,.90); box-shadow: 0 18px 40px rgba(34,40,49,.14); }
:root:not([data-theme="dark"]) .feature-card:hover, :root:not([data-theme="dark"]) .testimonial-card:hover { border-color: var(--primary); background: var(--white); }
:root:not([data-theme="dark"]) .difference-panel { border-color: var(--border); background: linear-gradient(135deg, rgba(202,174,108,.25), transparent 42%), linear-gradient(315deg, rgba(239,235,223,.90), transparent 38%), var(--white); }
:root:not([data-theme="dark"]) .notice { background: rgba(202,174,108,.16); color: var(--text-secondary); }
:root:not([data-theme="dark"]) .final-cta { border-color: var(--border); background: radial-gradient(circle at 15% 10%, rgba(202,174,108,.24), transparent 28rem), radial-gradient(circle at 90% 80%, rgba(239,235,223,.95), transparent 24rem), var(--white); }
.theme-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--white); color: var(--text-secondary); font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease; }
.theme-toggle:hover { background: var(--background-secondary); color: var(--text); transform: translateY(-1px); }
.theme-icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-icon-moon { display: none; }
.header-actions { display: flex; align-items: center; gap: 8px; }

/* Tema escuro: visual original */
:root[data-theme="dark"] { color-scheme: dark; --ink:#f8fbff; --muted:#aeb9c9; --soft:rgba(248,251,255,.72); --line:rgba(255,255,255,.14); --panel-strong:rgba(20,27,43,.92); --teal:#3ee6ca; --rose:#ff6f91; --gold:#ffc857; --blue:#7aa7ff; --shadow:0 28px 80px rgba(0,0,0,.38); --pointer-glow:rgba(62,230,202,.14); --card-surface:rgba(255,255,255,.055); }
:root[data-theme="dark"] .theme-toggle { background: rgba(255,255,255,.06); color: var(--ink); }
:root[data-theme="dark"] .theme-toggle:hover { background: rgba(255,255,255,.12); }
:root[data-theme="dark"] .theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon-moon { display: block; }
:root[data-theme="dark"] .theme-label { font-size: 0; }
:root[data-theme="dark"] .theme-label::before { content: "Tema claro"; font-size: .82rem; }
@media (max-width:920px) { :root:not([data-theme="dark"]) .nav-links { background: rgba(248,248,243,.96); } }
@media (max-width:620px) { .theme-label { display:none; } .theme-toggle { min-width:42px; justify-content:center; padding:8px; } }

/* Acabamento editorial e responsivo */
:root {
  --radius: 18px;
  --radius-sm: 12px;
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}
html { font-size: 16px; }
body { letter-spacing: .005em; }
.site-header { top: 20px; padding: 10px 12px; border-radius: var(--radius); }
.brand { gap: 12px; }
.brand-mark { width: 42px; height: 42px; border-radius: 50%; font-family: var(--serif); font-size: 1.15rem; }
.brand strong { font-size: 1rem; letter-spacing: -.02em; }
.brand small { margin-top: 2px; letter-spacing: .01em; }
.nav-links { gap: 2px; }
.nav-links a { padding: 10px 11px; font-size: .84rem; }
.nav-links .nav-cta { padding-inline: 15px; }
.theme-toggle { border-radius: 10px; }
.hero { min-height: min(900px, 94vh); padding-top: 154px; }
h1, h2 { font-family: var(--serif); font-weight: 600; letter-spacing: -.045em; }
h1 { max-width: 760px; font-size: clamp(3.25rem, 7vw, 6.25rem); line-height: .96; }
h2 { max-width: 760px; font-size: clamp(2.1rem, 4vw, 4.3rem); line-height: 1.03; }
h3 { font-size: 1.12rem; letter-spacing: -.015em; }
.eyebrow { margin-bottom: 18px; font-size: .72rem; letter-spacing: .14em; }
.hero-copy, .intro-text, .difference-panel p, .about-card p, .final-cta p { max-width: 650px; font-size: clamp(1rem, 1.4vw, 1.13rem); line-height: 1.8; }
.btn { min-height: 50px; border-radius: 10px; padding: 14px 20px; }
.btn-primary { box-shadow: 0 12px 24px rgba(202,174,108,.22); }
.btn-secondary { backdrop-filter: blur(12px); }
.trust-row { margin: 36px 0 0; padding: 0; list-style: none; }
.trust-row span, .trust-row li { border-radius: 10px; }
.visual-card { min-height: 600px; border-radius: var(--radius); }
.visual-card img { min-height: 600px; }
.floating-note { border-radius: 12px; }
.intro, .deliverables, .testimonials, .final-cta, .split, .about { padding-top: clamp(72px, 9vw, 124px); padding-bottom: clamp(72px, 9vw, 124px); }
.intro { align-items: start; }
.feature-card, .testimonial-card { border-radius: var(--radius); padding: clamp(24px, 3vw, 34px); }
.feature-card { min-height: 220px; }
.card-icon { margin-bottom: 34px; }
.difference-panel, .about-card, .final-cta { border-radius: calc(var(--radius) + 4px); }
.difference-panel { padding: clamp(34px, 6vw, 80px); }
.notice { border-radius: 0 10px 10px 0; }
.deliverable-list { margin: 30px 0 0; padding: 0; list-style: none; }
.deliverable-list span, .deliverable-list li { border-radius: 999px; }
.about-card { grid-template-columns: minmax(190px, 260px) 1fr; }
.about-photo-wrap { overflow: hidden; border-radius: 14px; box-shadow: 0 18px 45px rgba(34,40,49,.14); }
.about-photo { width: 100%; aspect-ratio: .86; object-fit: cover; }
.testimonial-card { display: flex; min-height: 290px; flex-direction: column; }
.testimonial-card span { margin-top: auto; padding-top: 22px; }
.final-cta { margin-bottom: 60px; }
.site-footer { align-items: center; padding-bottom: 46px; }
.site-footer p { margin: 0; }

:root:not([data-theme="dark"]) body { background: radial-gradient(circle at 9% 5%, rgba(202,174,108,.19), transparent 28rem), radial-gradient(circle at 92% 45%, rgba(239,235,223,.92), transparent 30rem), var(--background); }
:root:not([data-theme="dark"]) .site-header { border-color: rgba(209,209,200,.88); }
:root:not([data-theme="dark"]) .feature-card, :root:not([data-theme="dark"]) .testimonial-card, :root:not([data-theme="dark"]) .about-card { border-color: rgba(209,209,200,.85); }
:root:not([data-theme="dark"]) .btn-primary:hover { background: linear-gradient(135deg, var(--primary-hover), var(--primary)); box-shadow: 0 16px 30px rgba(184,154,88,.28); }

:root[data-theme="dark"] { --ink: #F5F1E8; --muted: #B8B5AD; --soft: rgba(232,229,220,.78); --line: rgba(230,222,207,.16); --panel-strong: rgba(27,31,33,.94); --teal: #D8BA78; --rose: #A37A75; --gold: #E2C88E; --blue: #8FA5A0; --shadow: 0 28px 80px rgba(0,0,0,.42); }
:root[data-theme="dark"] body { background: radial-gradient(circle at 15% 7%, rgba(216,186,120,.12), transparent 30rem), radial-gradient(circle at 86% 24%, rgba(143,165,160,.11), transparent 26rem), linear-gradient(145deg, #121516 0%, #1A1D1E 52%, #111617 100%); }
:root[data-theme="dark"] .site-header { background: rgba(18,21,22,.82); }
:root[data-theme="dark"] .brand-mark, :root[data-theme="dark"] .btn-primary { background: linear-gradient(135deg, #D8BA78, #A98C58); color: #1B1D1B; }
:root[data-theme="dark"] .nav-links .nav-cta { background: #F5F1E8; color: #1A1D1E; }
:root[data-theme="dark"] .visual-card { border-color: rgba(230,222,207,.18); background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)), rgba(21,25,26,.88); }
:root[data-theme="dark"] .floating-note { border-color: rgba(230,222,207,.16); background: rgba(18,21,22,.84); }
:root[data-theme="dark"] .feature-card, :root[data-theme="dark"] .testimonial-card, :root[data-theme="dark"] .about-card { background: rgba(255,255,255,.035); }
:root[data-theme="dark"] .difference-panel { background: linear-gradient(135deg, rgba(216,186,120,.13), transparent 42%), linear-gradient(315deg, rgba(143,165,160,.10), transparent 38%), var(--panel-strong); }
:root[data-theme="dark"] .final-cta { background: radial-gradient(circle at 15% 10%, rgba(216,186,120,.14), transparent 28rem), radial-gradient(circle at 90% 80%, rgba(143,165,160,.10), transparent 24rem), rgba(255,255,255,.035); }
:root[data-theme="dark"] .notice { color: #EEE5CE; background: rgba(226,200,142,.10); }

@media (max-width: 920px) {
  .site-header { top: 12px; }
  .nav-links { border-radius: 14px; }
  .about-card { grid-template-columns: minmax(150px, 210px) 1fr; }
}
@media (max-width: 720px) {
  .site-header { padding: 8px 10px; }
  .brand small { display: none; }
  .hero { padding-top: 132px; }
  .visual-card, .visual-card img { min-height: 470px; }
  .about-card { grid-template-columns: 1fr; }
  .about-photo-wrap { max-width: 260px; }
  .testimonial-card { min-height: 0; }
}
@media (max-width: 460px) {
  .brand strong { max-width: 150px; font-size: .9rem; }
  .brand-mark { width: 38px; height: 38px; }
  h1 { font-size: clamp(2.65rem, 14vw, 4.1rem); }
  h2 { font-size: clamp(2.05rem, 11vw, 3rem); }
  .visual-card, .visual-card img { min-height: 400px; }
  .floating-note { width: calc(100% - 28px); }
}