@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/inter-latin-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-italic.woff2') format('woff2')}
:root{--blue:#2855ed;--ink:#101b36;--muted:#626c80;--soft:#f1f5fc;--border:#dce4f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-bottom:1px solid var(--border);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:-.04em}.brand small{display:block;letter-spacing:.09em;font-size:10px;font-weight:600;margin-top:1px}.mark{display:grid;place-items:center;background:var(--blue);color:white;width:43px;height:43px;border-radius:13px;font-size:25px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;border-radius:999px;padding:17px 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;text-align:center}.button:hover{transform:translateY(-2px);background:#1644df}.button.small{padding:12px 22px}.hero{display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:70px;padding-block:76px 86px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--blue);margin:0 0 22px}.hero h1{font-size:clamp(45px,5.5vw,76px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:800}h1 span,h2 span{color:var(--blue)}.intro{max-width:540px;color:var(--muted);font-size:17px;line-height:1.8;margin:26px 0}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600}.portrait{position:relative;border-radius:26px;background:var(--soft);padding:27px 28px 0;align-self:center;overflow:hidden;border:1px solid var(--border)}.portrait-label{font-size:11px;letter-spacing:.15em;color:var(--blue);font-weight:700;text-align:center;margin-bottom:24px}.portrait>img{width:100%;height:430px;object-fit:cover;object-position:50% 30%;border-radius:120px 120px 0 0}.name-card{position:relative;background:white;margin:-31px -9px 20px;padding:20px 25px;border-radius:16px;box-shadow:0 8px 40px #12234b0b}.name-card span{font-size:21px;font-weight:800;letter-spacing:-.04em}.name-card small{display:block;font-size:13px;color:var(--muted)}.strip{border-block:1px solid var(--border);background:var(--soft)}.strip .wrap{display:flex;justify-content:space-between;padding-block:21px;gap:20px;flex-wrap:wrap}.strip span{font-size:12px;font-weight:800;letter-spacing:.12em}.section{padding-block:88px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}h2{font-size:clamp(35px,4vw,53px);line-height:1.1;letter-spacing:-.055em;margin:0;font-weight:800}.section-head>p{max-width:310px;color:var(--muted);margin-bottom:4px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{border:1px solid var(--border);border-radius:20px;overflow:hidden}.project-image{position:relative;background:var(--ink);height:380px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-number,.still-label{position:absolute;background:#fff;border-radius:999px;font-size:12px;font-weight:700;padding:7px 12px;top:16px;left:16px}.still-label{top:auto;bottom:16px;left:16px;font-size:10px;letter-spacing:.1em}.card-bottom{padding:24px}.card-bottom .eyebrow{margin-bottom:10px;font-size:11px}h3{font-size:19px;letter-spacing:-.035em;margin:0;font-weight:750}.card-bottom>p:last-child{font-size:14px;color:var(--muted);margin:10px 0 0}.proof-section{background:var(--soft)}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:24px}.testimonial{background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden}.testimonial video{display:block;width:100%;height:340px;background:#0e1527;object-fit:contain}.client{display:flex;gap:13px;align-items:center;padding:22px}.client img{border-radius:50%;height:44px;object-fit:cover}.client p{margin:2px 0 0;color:var(--muted);font-size:13px}.screenshots,.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.proof-card{background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:block}.proof-card>img{width:100%;height:330px;object-fit:contain;padding:18px;background:#e9eef7}.proof-card>div{padding:22px}.proof-card p{font-size:14px;color:var(--muted);margin:5px 0 0}.contact{text-align:center;padding-block:100px}.contact h2{font-size:clamp(40px,5vw,66px)}.contact>p:not(.eyebrow){color:var(--muted);max-width:480px;margin:24px auto 30px}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-block:25px;gap:20px}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}a:focus-visible,video:focus-visible{outline:3px solid #f59e0b;outline-offset:5px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}nav>a:not(.button){display:none}.brand small{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-block:44px 50px}.hero h1{font-size:clamp(45px,9vw,70px)}.portrait{max-width:410px;width:100%;justify-self:center}.portrait>img{height:350px}.hero .intro{font-size:16px}.section{padding-block:55px}.section-head{display:block}.section-head>p{max-width:440px;margin-top:22px}.work-grid{gap:15px;grid-template-columns:1fr}.project-image{height:400px}.project-image img{object-fit:contain}.testimonials,.screenshots,.extra-grid{grid-template-columns:1fr}.contact{padding-block:65px}footer{flex-wrap:wrap}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strip span{font-size:11px}.eyebrow{font-size:11px}.nav{gap:12px}.nav .button{font-size:12px;padding:11px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.play{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;background:white;color:var(--ink);border:0;border-radius:999px;padding:13px 20px;font:700 14px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 25px #0002}.play:hover{background:var(--blue);color:white}.play:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}.project-image iframe{height:100%;width:100%;border:0}
.cases-section{background:var(--soft);border-top:1px solid var(--border)}.case-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}.case-feature,.case-card{border:1px solid var(--border);border-radius:22px;padding:30px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.case-feature{background:var(--blue);color:white;border-color:var(--blue)}.case-feature .eyebrow{color:#e4ebff}.metric{font-size:clamp(38px,4.3vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.06em;margin-bottom:16px;color:var(--blue)}.case-feature .metric{color:white}.case-card>p:not(.eyebrow){color:var(--muted)}.case-grid p,.case-grid blockquote{font-size:15px}.case-grid blockquote{margin:10px 0 24px;padding-left:16px;border-left:2px solid #a8baf4}.case-grid .text-link{margin-top:auto;padding-top:16px}.case-grid h3{font-size:19px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer-card{padding:36px;border:1px solid var(--border);border-radius:24px;background:var(--soft)}.offer-card h3{font-size:28px}.offer-card>p:not(.eyebrow){color:var(--muted);max-width:410px}.price{font-size:clamp(30px,3.4vw,43px);font-weight:800;letter-spacing:-.05em;margin:32px 0 22px;line-height:1.2}.price span{display:block;font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:9px}.commission-rate{display:flex;align-items:center;gap:16px;border-block:1px solid var(--border);padding:19px 0;margin-bottom:27px}.commission-rate strong{font-size:32px;line-height:1;color:var(--blue);letter-spacing:-.04em}.commission-rate span{font-size:14px}.offer-card .button{width:100%}.currency-note{font-size:13px;color:var(--muted);margin-top:18px}.partnership-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;padding-top:30px;border-top:1px solid var(--border)}.partnership-note p{color:var(--muted);font-size:15px;margin-bottom:0}@media(max-width:1000px){.case-grid{grid-template-columns:1fr}.case-grid .metric{font-size:54px}.hero h1{font-size:clamp(40px,5vw,65px)}}@media(max-width:800px){.offer-grid,.partnership-note{grid-template-columns:1fr}.offer-card{padding:26px}.hero h1{font-size:clamp(38px,8vw,62px)}.partnership-note{gap:22px}.case-feature,.case-card{padding:26px}}

.hero h1 em{font-style:italic;font-weight:500}.case-evidence{display:block;width:100%;margin-top:auto;padding-top:24px}.case-evidence img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.case-evidence span{display:block;padding-top:12px;font-size:14px;font-weight:600}.case-evidence:hover span{text-decoration:underline}.case-grid{align-items:start}.screenshots{grid-template-columns:minmax(0,560px);justify-content:center}.case-feature .case-evidence img{border-color:#ffffff40}

.creative-offers{margin-top:48px;padding-top:36px;border-top:1px solid var(--border)}.creative-offers>h3{font-size:28px;margin-bottom:26px}.creative-offers .offer-card{background:#fff}
.config-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:30px;align-items:start}.drawer{border:1px solid var(--border);border-radius:17px;background:#fff;margin-bottom:13px;overflow:hidden}.drawer summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.drawer summary::-webkit-details-marker{display:none}.drawer summary strong{display:block;font-size:19px;letter-spacing:-.03em}.drawer summary small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.drawer-arrow{font-size:28px;color:var(--blue);flex-shrink:0}.drawer[open]{border-color:var(--blue)}.drawer[open] summary{background:var(--soft)}.drawer[open] .drawer-arrow{transform:rotate(45deg)}.drawer-body{padding:24px;border-top:1px solid var(--border)}.include{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.include input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.service-fields{display:grid;gap:9px;margin-top:24px}.service-fields label,.notes-label{font-size:14px;font-weight:600}.service-fields select,.service-fields input,.notes-label+textarea{width:100%;padding:13px;border:1px solid #becbe0;border-radius:10px;background:white;color:var(--ink);font:inherit;font-size:16px;min-width:0}.service-fields select:disabled,.service-fields input:disabled{background:#f3f5f8;color:#788194;cursor:not-allowed}.service-fields label:not(:first-child){margin-top:10px}.service-cost{font-size:14px;color:var(--blue);margin:8px 0 0}.notes-label{display:block;margin:26px 0 10px}.notes-label span{font-weight:400;color:var(--muted)}textarea{resize:vertical}.plan-summary{position:sticky;top:24px;padding:28px;border:1px solid var(--border);border-radius:22px;background:var(--soft)}.plan-summary h3{font-size:30px}.plan-summary .button{width:100%;border:0;cursor:pointer;font-family:inherit;margin-top:22px}.plan-summary .button:disabled{background:#dbe3f4;color:#53617b;cursor:not-allowed;transform:none}.plan-line{padding:17px 0;border-bottom:1px solid var(--border)}.plan-line strong,.plan-line span,.plan-line small{display:block}.plan-line span{font-size:14px;margin-top:5px}.plan-line small{font-size:13px;color:var(--blue);margin-top:6px}.plan-total{padding-top:22px}.plan-total span{font-size:14px;color:var(--muted)}.plan-total strong{display:block;font-size:26px;line-height:1.25;letter-spacing:-.04em;margin-top:8px}.plan-footnote{font-size:13px;color:var(--muted);margin-bottom:0}.plan-error{color:#a32929}.drawer summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}@media(max-width:850px){.config-layout{grid-template-columns:1fr}.plan-summary{position:static}.drawer summary,.drawer-body{padding:19px}.plan-summary{padding:24px}}

.hero h1 .headline-opening{display:block;font-style:italic;font-weight:400;line-height:1.13;letter-spacing:-.045em;color:var(--ink)}.headline-selling{display:block;margin-top:14px}.hero .intro{max-width:480px}.review-carousel{min-width:0}.carousel-toolbar,.carousel-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.carousel-toolbar{margin-bottom:20px}.carousel-toolbar p{font-size:14px;color:var(--muted);margin:0}.rotation-toggle{background:transparent;border:1px solid #bac9e2;border-radius:999px;padding:10px 15px;font:600 13px Inter,Arial,sans-serif;color:var(--ink);cursor:pointer;flex-shrink:0}.carousel-shell{position:relative;padding-inline:56px}.review-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.review-track::-webkit-scrollbar{display:none}.review-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.review-slide{flex:0 0 calc((100% - 24px)/2);flex-basis:calc((100% - 24px)/2);min-width:0;scroll-snap-align:start}.review-slide .testimonial{height:100%}.review-slide video{height:340px}.review-slide .proof-card{border:0;border-radius:0;height:100%;display:flex;flex-direction:column}.review-slide .proof-card>img{height:340px;object-fit:contain;background:white;padding:12px}.review-slide .proof-card>div{padding:22px}.review-slide img{user-select:none;-webkit-user-drag:none}.carousel-arrow{position:absolute;top:44%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;background:white;border:1px solid #b6c7e6;color:var(--blue);border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 14px #1022460a}.carousel-arrow:hover{background:var(--blue);color:white}.previous{left:0}.next{right:0}.carousel-bottom{margin-top:18px;font-size:13px;color:var(--muted);padding-inline:56px}#carousel-position{font-weight:700;color:var(--blue)}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.nav{padding-block:19px}.hero{padding-block:46px 62px;gap:42px}.hero h1{font-size:clamp(34px,8.7vw,58px);line-height:1.12;letter-spacing:-.045em}.hero h1 .headline-opening{line-height:1.18}.headline-selling{margin-top:22px}.hero .eyebrow{max-width:270px;font-size:11px;line-height:1.9;margin-bottom:25px}.hero .intro{font-size:16px;line-height:1.85;margin:27px 0 32px}.hero .actions{flex-direction:column;align-items:stretch;gap:22px}.hero .text-link{text-align:center}.portrait{max-width:350px;padding:22px 22px 0}.portrait>img{height:320px}.portrait-label{line-height:1.7}.name-card{padding:20px}.section{padding-block:68px}.section-head{margin-bottom:32px}.section-head h2{font-size:clamp(32px,8vw,43px);line-height:1.2;letter-spacing:-.045em}.section-head>.eyebrow,.eyebrow{line-height:1.8}.section-head>p{font-size:16px;line-height:1.85;margin-top:24px}.card-bottom{padding:25px}.card-bottom>p:last-child{font-size:15px;line-height:1.8;margin-top:14px}.case-grid{gap:24px}.case-grid h3{line-height:1.4}.case-grid p{line-height:1.8}.case-grid .metric{margin-block:4px 18px}.case-evidence{padding-top:24px}.carousel-shell{padding-inline:0}.review-track{gap:18px}.review-slide{flex-basis:100%;flex-shrink:0}.carousel-arrow{z-index:2;width:42px;height:42px;top:44%;box-shadow:0 3px 15px #14295025}.previous{left:-15px}.next{right:-15px}.review-slide video,.review-slide .proof-card>img{height:320px}.carousel-toolbar{align-items:flex-start;gap:12px}.carousel-toolbar p{max-width:160px;line-height:1.7}.rotation-toggle{font-size:12px;padding:10px 12px}.carousel-bottom{padding-inline:0;line-height:1.6;font-size:12px}.drawer summary strong{font-size:18px;line-height:1.4}.drawer summary small{font-size:14px;line-height:1.75;margin-top:9px}.drawer summary{padding:23px 20px}.drawer{margin-bottom:16px}.include{line-height:1.65;align-items:flex-start}.include input{margin-top:4px}.service-fields{gap:12px}.service-fields label:not(:first-child){margin-top:16px}.service-cost{line-height:1.8}.plan-summary{margin-top:8px;padding:28px 23px}.plan-footnote{line-height:1.8}.contact{padding-block:72px}.contact h2{font-size:clamp(34px,8.5vw,48px);line-height:1.2}.contact>p:not(.eyebrow){line-height:1.9;margin-block:25px 32px}footer{gap:22px;padding-block:30px}}@media(prefers-reduced-motion:reduce){.review-track{scroll-behavior:auto}}

.carousel-arrow:focus-visible,.rotation-toggle:focus-visible,.review-track:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.drawer summary>span:first-child{min-width:0}.service-fields select{max-width:100%}.review-track{position:relative}

/* Compact type scale, with readable body copy. */
.hero h1{font-size:clamp(2.5rem,4.6vw,3.75rem);line-height:1.12}
h2{font-size:clamp(2rem,3.3vw,2.75rem);line-height:1.18}
.contact h2{font-size:clamp(2rem,3.8vw,3.25rem)}
@media(max-width:800px){
 .hero h1{font-size:clamp(1.75rem,7.5vw,2.375rem);letter-spacing:-.035em;line-height:1.16}
 .hero h1 .headline-opening{line-height:1.2;letter-spacing:-.025em}
 .headline-selling{margin-top:16px}
 .section-head h2,.contact h2{font-size:clamp(1.625rem,6.5vw,2rem);line-height:1.22;letter-spacing:-.03em}
 .case-grid .metric{font-size:2.5rem}
 .hero .intro,.section-head>p,.contact>p:not(.eyebrow){font-size:1rem;line-height:1.7}
 .hero .intro{margin-block:24px 28px}
 .section-head>p{margin-top:18px}
 .hero{padding-block:36px 52px;gap:32px}
 .section-head{margin-bottom:26px}
}

.project-image video{display:block;width:100%;height:100%;object-fit:contain;background:#0e1527}.work-grid .project-image img{object-fit:contain}.project-image video:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}

.portfolio-carousel{min-width:0}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.portfolio-toolbar>p{margin:0;font-size:14px;color:var(--muted)}
.portfolio-controls{display:flex;gap:10px;flex-shrink:0}
.portfolio-controls button{width:46px;height:46px;border:1px solid var(--blue);border-radius:50%;background:white;color:var(--blue);font-size:24px;cursor:pointer}
.portfolio-controls button:hover{background:var(--blue);color:white}
.portfolio-controls button:disabled{opacity:.35;cursor:default}
.portfolio-track{position:relative;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9cb1fc #edf2ff;padding:4px 2px 18px;cursor:grab;overscroll-behavior-x:contain}
.portfolio-track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.portfolio-track:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:24px}
.portfolio-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;background:var(--blue);padding:12px;border:0;border-radius:26px;color:white;display:flex;flex-direction:column}
.portfolio-card .project-image{height:auto;aspect-ratio:9/14;border-radius:17px;background:#111c35;flex-shrink:0}
.portfolio-card .project-image>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.portfolio-card .card-bottom{padding:22px 10px 14px}
.portfolio-card .card-bottom .eyebrow{color:#fff;font-size:12px;letter-spacing:.06em;line-height:1.6;margin-bottom:9px}
.portfolio-card .card-bottom h3{font-size:22px;line-height:1.3;letter-spacing:-.025em}
.portfolio-card .card-bottom>p:last-child{color:#edf2ff;font-size:14px;line-height:1.65;margin-top:10px}
.portfolio-card .project-number{color:var(--ink);top:12px;left:12px;font-size:12px}
.portfolio-card .play{bottom:14px;left:12px;right:12px;justify-content:center;padding:13px 10px;font-size:14px}
.portfolio-position{font-size:14px;color:var(--blue);font-weight:600;margin:12px 0 0}
@media(max-width:1000px){.portfolio-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:600px){.portfolio-track{gap:16px}.portfolio-card{flex-basis:88%;padding:10px;border-radius:24px}.portfolio-card .project-image{aspect-ratio:9/14}.portfolio-toolbar{gap:12px}.portfolio-toolbar>p{max-width:175px;line-height:1.6}.portfolio-controls{gap:8px}.portfolio-controls button{height:42px;width:42px}.portfolio-card .card-bottom{padding:20px 9px 12px}.portfolio-card .card-bottom h3{font-size:20px}}

.portfolio-carousel{position:relative;padding-inline:28px}
#work .section-head{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:18px}
#work .section-head>p{max-width:540px;margin:0}
.portfolio-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.portfolio-filters button{font:500 14px Inter,Arial,sans-serif;line-height:1.4;padding:12px 19px;border:1px solid #bacaf5;border-radius:999px;background:white;color:var(--ink);cursor:pointer}
.portfolio-filters button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:white}
.portfolio-toolbar{justify-content:center;margin-bottom:20px;text-align:center}
.portfolio-controls button{position:absolute;top:52%;z-index:2;box-shadow:0 4px 15px #12336b20}
.portfolio-prev{left:-22px}.portfolio-next{right:-22px}
.portfolio-card[hidden]{display:none}
.portfolio-card .project-image{aspect-ratio:9/16}
.portfolio-card.landscape .project-image{display:flex;align-items:center}
.portfolio-position{text-align:center}
@media(max-width:600px){.portfolio-carousel{padding-inline:5px}.portfolio-filters{gap:8px;justify-content:flex-start}.portfolio-filters button{font-size:14px;padding:10px 13px}.portfolio-toolbar>p{max-width:none}.portfolio-prev{left:-15px}.portfolio-next{right:-15px}.portfolio-controls button{width:38px;height:38px}.portfolio-card .project-image{aspect-ratio:9/16}}

/* Testimonials use the same blue card treatment as the portfolio. */
#proof .section-head{justify-content:center;text-align:center;flex-direction:column;align-items:center;gap:18px}
#proof .section-head>p{max-width:540px;margin:0}
.review-carousel{padding-inline:28px}
.carousel-shell{padding-inline:0}
.review-track{gap:22px;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#9cb1fc #edf2ff}
.review-track::-webkit-scrollbar{display:block;height:6px}
.review-track::-webkit-scrollbar-thumb{background:#9cb1fc;border-radius:10px}
.review-slide{flex:0 0 calc((100% - 44px)/3);min-width:0}
.review-slide .testimonial{background:var(--blue);border:0;border-radius:26px;padding:12px;color:white;display:flex;flex-direction:column}
.review-slide video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:17px;background:#111c35;flex-shrink:0}
.review-slide .client{padding:22px 10px 14px;gap:13px}
.review-slide .client img{width:44px;height:44px;border:2px solid #ffffff70}
.review-slide h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;color:white}
.review-slide .client p,.review-slide .proof-card p{color:#edf2ff;font-size:14px;line-height:1.65;margin-top:6px}
.review-slide .proof-card{background:transparent;color:white;overflow:visible}
.review-slide .proof-card>img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border:0;border-radius:17px;background:#111c35;padding:0}
.review-slide .proof-card>div{padding:22px 10px 14px}
.carousel-arrow{width:46px;height:46px;border-color:var(--blue);box-shadow:0 4px 15px #12336b20;top:45%}
.carousel-shell .previous{left:-50px}.carousel-shell .next{right:-50px}
.carousel-bottom{padding-inline:0;font-size:14px}
.rotation-toggle{font-size:14px;border-color:#bacaf5;background:white;color:var(--ink);padding:11px 16px}
@media(max-width:1000px){.review-slide{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:800px){#proof .section-head{display:flex}.review-slide .client{align-items:flex-start}.review-slide h3{font-size:20px}}
@media(max-width:600px){.review-carousel{padding-inline:5px}.review-track{gap:16px}.review-slide{flex-basis:88%}.review-slide .testimonial{padding:10px;border-radius:24px}.review-slide video,.review-slide .proof-card>img{height:auto;aspect-ratio:9/16}.review-slide .client,.review-slide .proof-card>div{padding:20px 9px 12px}.carousel-shell .previous{left:-20px}.carousel-shell .next{right:-20px}.carousel-arrow{width:38px;height:38px}.carousel-bottom{font-size:12px;gap:12px}.carousel-toolbar{flex-wrap:wrap}.carousel-toolbar p{max-width:none;font-size:14px}.rotation-toggle{font-size:14px}}
.project-back{position:absolute;top:12px;right:12px;z-index:1;padding:9px 13px;border:1px solid #bacaf5;border-radius:999px;background:#fffffff0;color:var(--ink);font:500 14px Inter,Arial,sans-serif;cursor:pointer}
.project-back:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* Opening composition: translucent surfaces, cobalt light, real work. */
:root{--hero-ease:cubic-bezier(.2,.75,.25,1)}
body{background:#fff}
.glass-nav.nav.wrap{position:relative;z-index:5;width:min(1280px,calc(100% - 64px));min-height:68px;margin:18px auto 0;padding:12px 18px;border:1px solid #fff;border-radius:22px;background:linear-gradient(120deg,#ffffffdb,#ffffff94);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 10px 40px #17367a09,inset 0 1px 0 #fff}
.glass-nav .mark{width:38px;height:38px;border-radius:12px;font-size:22px;background:linear-gradient(135deg,#4578ff,#2049e5);box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px #2855ed24}
.glass-nav .brand{font-size:16px;letter-spacing:-.025em}.glass-nav .brand small{font-size:10px;letter-spacing:.06em}
.glass-nav nav{font-size:14px;gap:27px}.glass-nav .button.small{padding:11px 19px;font-weight:600}
.premium-hero.hero{isolation:isolate;position:relative;display:block;width:100%;padding:0;margin:0;background:transparent;min-width:0}
.hero-atmosphere{position:absolute;z-index:-1;inset:-110px 0 0;overflow:hidden;background:linear-gradient(112deg,#fff 10%,#f7faff 44%,#dae8ff 68%,#87acff 100%);pointer-events:none}
.hero-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff 0%,#ffffff00 21%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.glow-a{width:48vw;height:48vw;min-width:470px;min-height:470px;right:-9%;top:9%;background:radial-gradient(circle,#1746ee 10%,#477bffac 44%,#85b5ff00 71%);opacity:.85}
.glow-b{width:600px;height:480px;right:25%;top:-210px;background:radial-gradient(circle,#fff 8%,#a4caff80 50%,#d7e8ff00 74%);opacity:.85}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#315df313 1px,transparent 1px),linear-gradient(90deg,#315df313 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 15%,#000 72%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 72%)}
.hero-grain{position:absolute;inset:0;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero-layout{width:min(1244px,calc(100% - 100px));margin:auto;min-height:560px;height:clamp(520px,calc(100svh - 148px),640px);display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:40px;position:relative}
.premium-hero .hero-copy{min-width:0;position:relative;z-index:2;padding:32px 0}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:7px 13px 7px 8px;margin:0 0 24px;border:1px solid #ccd9f4;border-radius:999px;background:#ffffffaa;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(12px);font-size:11px;line-height:1.4;letter-spacing:.11em;font-weight:600;color:#345278}
.hero-kicker>span{font-size:19px;line-height:22px;color:var(--blue);width:24px;text-align:center}
.premium-hero h1{margin:0;font-size:clamp(40px,4.1vw,59px);line-height:1.035;letter-spacing:-.055em;font-weight:700}
.premium-hero h1 .headline-opening{display:block;font-size:clamp(25px,2.6vw,36px);font-style:italic;font-weight:400;line-height:1.28;letter-spacing:-.04em;color:#192640;max-width:550px;margin:0 0 13px}
.premium-hero .headline-selling{display:block;margin:0;color:#2556ed;letter-spacing:-.055em}
.premium-hero .intro{font-size:16px;line-height:1.75;max-width:410px;margin:24px 0 27px;color:#5a6982}
.premium-hero .actions{display:flex;flex-direction:row;align-items:center;gap:23px;flex-wrap:wrap}
.premium-hero .hero-cta{position:relative;overflow:hidden;display:inline-flex;gap:17px;border:1px solid #1643db;border-radius:16px;font-size:14px;font-weight:600;padding:15px 20px;color:#fff;background:linear-gradient(135deg,#3d70ff,#1949e1);box-shadow:0 9px 24px #1f4cdd26,inset 0 1px 0 #ffffff70;transition:transform .25s,box-shadow .25s}
.hero-cta>span{font-size:19px}.premium-hero .hero-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1f4cdd35}
.hero-secondary{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#26364f;padding:10px 0}
.mini-play{display:grid;place-items:center;width:29px;height:29px;padding-left:2px;border:1px solid #bbcbe7;border-radius:50%;font-size:9px;background:#fff9;transition:background .2s}
.hero-secondary:hover .mini-play{background:#e1eaff}
.hero-disciplines{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:27px;color:#71809b;font-size:12px;line-height:1.6}
.hero-disciplines span+span{border-left:1px solid #ccd6e8;padding-left:17px}
.hero-art{height:min(100%,560px);min-height:480px;position:relative;align-self:stretch;isolation:isolate;min-width:0}
.portrait-halo{position:absolute;z-index:-1;inset:6% -5% 3% 1%;border-radius:50%;background:radial-gradient(ellipse,#2153f0 10%,#5788fb90 48%,#bed8ff00 72%);filter:blur(22px)}
.profile-photo{position:absolute;z-index:0;width:96%;height:98%;left:5%;bottom:0;object-fit:contain;object-position:center bottom;mask-image:radial-gradient(ellipse 61% 66% at 50% 44%,#000 48%,#000e 64%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 61% 66% at 50% 44%,#000 48%,#000e 64%,transparent 88%)}
.glass-surface{border:1px solid #ffffffb3;background:linear-gradient(130deg,#ffffff66,#ffffff26);box-shadow:inset 0 1px 0 #ffffffc9,inset 0 -1px 0 #ffffff26,0 18px 44px #153b8a22;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}
.floating-project{position:absolute;z-index:2;display:block;transition:box-shadow .3s;will-change:transform}
.floating-project:hover{box-shadow:0 22px 45px #183d9c3b,inset 0 1px 0 #fff}
.float-motion{width:178px;left:-17px;top:55px;padding:11px;border-radius:19px;transform:rotate(-7deg)}
.floating-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.07em;font-weight:700;color:#284369;margin-bottom:9px}.floating-label>span{font-size:16px}
.float-motion img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #fff9}
.floating-caption{display:block;margin-top:9px;font-size:11px;color:#234373}
.float-expert{width:114px;height:174px;right:-7px;bottom:135px;border-radius:19px;padding:7px;transform:rotate(8deg)}
.float-expert img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;border-radius:13px}
.floating-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;padding-left:2px;color:#fff;border:1px solid #fff8;background:#14347560;backdrop-filter:blur(8px);border-radius:50%;font-size:11px}
.floating-tag{position:absolute;bottom:15px;left:11px;right:11px;padding:5px 1px;text-align:center;border-radius:7px;background:#183d70ad;backdrop-filter:blur(10px);color:#fff;font-size:9px;letter-spacing:.08em}
.profile-signature{position:absolute;z-index:3;left:18px;right:28px;bottom:25px;border-radius:21px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(130deg,#2250b080,#102e6aa6)}
.profile-signature p{margin:0 0 7px;font-size:14px;letter-spacing:.075em;font-weight:700}.profile-signature>div>span{font-size:14px;line-height:1.5;color:#edf5ff}
.signature-mark{font-size:31px;font-weight:800;line-height:1;letter-spacing:-.06em}.signature-mark>span{font-size:19px;margin-left:3px;vertical-align:top;font-weight:400}
.hero-base{width:min(1244px,calc(100% - 100px));margin:0 auto;padding:5px 0 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#596d8d}
.hero-base>a{display:flex;align-items:center;gap:18px}.hero-base>a>span{font-size:18px;color:var(--blue)}
.motion-toggle{font:inherit;font-size:12px;display:flex;gap:7px;align-items:center;background:#ffffff99;backdrop-filter:blur(10px);border:1px solid #d1dff4;border-radius:999px;padding:7px 12px;color:#4e6488;cursor:pointer}
.premium-hero+ .strip{background:#fff;border-block:1px solid #e1e8f4}
.premium-hero+ .strip .wrap{padding-block:18px}.premium-hero+ .strip span{font-size:11px;color:#6c7e9a;letter-spacing:.1em}
[data-reveal]{transition:opacity .75s var(--hero-ease),transform .75s var(--hero-ease)}
[data-reveal].reveal-pending{opacity:0;transform:translateY(22px)}
html.effects-paused [data-reveal]{transition:none}
@media(min-width:801px) and (max-width:1100px){.hero-layout{width:calc(100% - 72px);grid-template-columns:1.03fr 1fr;gap:20px;min-height:530px}.premium-hero h1{font-size:43px}.premium-hero h1 .headline-opening{font-size:28px}.premium-hero .actions{gap:10px}.premium-hero .hero-cta{font-size:13px;padding-inline:15px}.hero-art{min-height:460px}.float-motion{width:145px;left:-10px;top:75px}.float-expert{width:91px;height:145px;right:-8px;bottom:130px}.profile-signature{left:0;right:0;padding:19px 16px}.profile-signature>div>span{font-size:12px}.glass-nav nav{gap:17px}.glass-nav .brand small{display:none}}
@media(max-width:800px){
 .glass-nav.nav.wrap{width:calc(100% - 32px);min-height:60px;margin-top:12px;padding:10px 12px;border-radius:18px;gap:8px}.glass-nav .brand{font-size:14px;gap:8px}.glass-nav .mark{width:32px;height:32px;font-size:19px;border-radius:10px}.glass-nav .brand small{display:none}.glass-nav nav .button{font-size:12px;padding:10px 13px;border-radius:12px}
 .hero-atmosphere{inset:-86px 0 0;background:linear-gradient(150deg,#fff 15%,#f1f6ff 45%,#b8d1ff 75%,#6594f8 100%)}.hero-grid{background-size:48px 48px;mask-image:linear-gradient(transparent 16%,black 60%)}.glow-a{width:620px;height:620px;top:auto;bottom:-60px;right:-220px}.glow-b{right:-40%;top:20%;width:500px;height:500px}.hero-grain{opacity:.11}
 .hero-layout{display:flex;flex-direction:column;gap:0;width:calc(100% - 44px);height:auto;min-height:0}.premium-hero .hero-copy{padding:32px 0 12px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.hero-kicker{font-size:10px;letter-spacing:.075em;padding:5px 11px 5px 6px;margin-bottom:20px}.hero-kicker>span{font-size:17px;line-height:20px}
 .premium-hero h1{font-size:clamp(36px,8.3vw,53px);line-height:1.04;letter-spacing:-.05em}.premium-hero h1 .headline-opening{font-size:clamp(22px,5.2vw,29px);line-height:1.25;max-width:350px;margin:0 auto 12px}.premium-hero .headline-selling{margin:0}.premium-hero .intro{font-size:16px;line-height:1.65;margin:19px 0 22px;max-width:350px}.premium-hero .actions{justify-content:center;gap:13px;width:100%;flex-direction:row}.premium-hero .hero-cta{font-size:14px;padding:14px 17px;border-radius:14px;gap:10px}.hero-secondary{font-size:13px;padding:8px 0}.hero-disciplines{font-size:11px;gap:8px 10px;margin-top:20px;justify-content:center}.hero-disciplines span+span{padding-left:10px}
 .hero-art{align-self:center;width:min(460px,100%);height:435px;min-height:0;margin:0 auto}.profile-photo{width:100%;height:100%;left:0}.portrait-halo{inset:4% -10% 0}.float-motion{width:140px;left:-2px;top:45px;padding:9px;border-radius:16px}.floating-caption{font-size:10px;margin-top:7px}.floating-label{font-size:9px;margin-bottom:6px}.float-expert{width:91px;height:142px;right:-4px;bottom:120px;border-radius:16px;padding:6px}.float-expert img{border-radius:11px}.floating-tag{font-size:8px;padding:4px 1px;bottom:12px;left:8px;right:8px}.profile-signature{left:9px;right:9px;bottom:14px;padding:18px 19px;border-radius:19px}.profile-signature p{font-size:13px}.profile-signature>div>span{font-size:12px}.signature-mark{font-size:27px}
 .hero-base{width:calc(100% - 44px);padding:5px 0 21px;font-size:11px}.motion-toggle{font-size:11px;padding:7px 10px}.hero-base>a{gap:8px}.premium-hero+ .strip .wrap{gap:10px}.premium-hero+ .strip span{font-size:10px}
}
@media(max-width:370px){.premium-hero .hero-copy{padding-top:26px}.premium-hero h1{font-size:34px}.premium-hero h1 .headline-opening{font-size:22px}.premium-hero .intro{font-size:15px;margin-block:17px 19px}.premium-hero .actions{gap:8px}.hero-secondary{font-size:12px}.premium-hero .hero-cta{font-size:13px;padding:13px 15px}.hero-art{height:400px}.float-motion{width:124px;top:38px}.float-expert{width:79px;height:124px}.hero-disciplines{font-size:10px}}
@media(prefers-reduced-motion:no-preference){
 .glow-a{animation:ambient-drift 12s ease-in-out infinite alternate}.glow-b{animation:ambient-drift 16s ease-in-out infinite alternate-reverse}
 .float-motion{animation:float-a 6s ease-in-out infinite}.float-expert{animation:float-b 7.5s ease-in-out infinite}
 .hero-cta::after{content:"";position:absolute;inset:-50% auto -50% -80%;width:38%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:rotate(24deg);animation:button-sheen 8s ease-in-out 2s infinite;pointer-events:none}
 @keyframes ambient-drift{from{transform:translate3d(-12px,-12px,0) scale(.96)}to{transform:translate3d(22px,18px,0) scale(1.05)}}
 @keyframes float-a{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-4deg)}}
 @keyframes float-b{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(10px) rotate(5deg)}}
 @keyframes button-sheen{0%,70%{left:-80%}100%{left:160%}}
}
html.effects-paused .premium-hero *,html.effects-paused .premium-hero *::after,.premium-hero.effects-offscreen *,.premium-hero.effects-offscreen *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-glow,.floating-project{will-change:auto}[data-reveal]{transition:none}[data-reveal].reveal-pending{opacity:1;transform:none}}

/* One surface language across the page. */
html,body{overflow-x:clip}
body{background-color:#fbfcff;background-image:radial-gradient(#14213b24 .7px,transparent .9px);background-size:18px 18px}
main>section,main>div{min-width:0}
.hero-art{overflow:clip;overflow-clip-margin:8px}
.tool-badge{position:absolute;z-index:2;left:0;bottom:145px;display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:19px;color:#172744;background:linear-gradient(135deg,#ffffffd9,#ffffff91);max-width:180px;transform:rotate(-7deg);will-change:transform}
.tool-symbol{display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:12px;font-size:27px;color:#151923;box-shadow:0 3px 12px #15397a12;flex-shrink:0}
.tool-badge strong{display:block;font-size:17px;line-height:1.2;letter-spacing:-.04em}.tool-badge small{display:block;font-size:9px;letter-spacing:.08em;line-height:1.5;margin-top:6px;white-space:nowrap}
.premium-hero .hero-art .profile-photo{max-width:100%;left:2%;width:96%}
.hero-base{position:relative;z-index:3}
.category-ribbon{position:relative;isolation:isolate;overflow:hidden;max-width:100%;padding:23px 0;background:radial-gradient(#ffffff25 .65px,transparent .9px) 0 0/6px 6px,linear-gradient(110deg,#1946dd,#3465f1 54%,#1843cf);color:white;border-block:1px solid #1742cf;box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 0 #ffffff1f}
.ribbon-track{display:flex;align-items:center;width:max-content;will-change:transform}
.ribbon-group{display:flex;align-items:center;gap:35px;flex-shrink:0;padding-right:35px}
.ribbon-group>span{font-size:clamp(15px,1.4vw,20px);line-height:1.2;letter-spacing:.045em;font-weight:600;white-space:nowrap}
.ribbon-group>.ribbon-star{font-size:22px;font-weight:400;color:#aecbff}
.ribbon-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
#work,#comissao,#contact{position:relative}
.cases-section,.proof-section{background-color:#edf3ff9e;background-image:radial-gradient(#17294421 .65px,transparent .9px),radial-gradient(ellipse at 15% 20%,#aac7ff38,transparent 55%);background-size:18px 18px,100% 100%;border-block:1px solid #d6e2f3}
.case-card,.drawer,.plan-summary{background:linear-gradient(125deg,#ffffffd9,#ffffff96);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,0 8px 30px #143a7510;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}
.case-card{border-color:#d2dff1}.drawer{border-color:#d0ddef}.drawer[open] summary{background:#e5eeff80}.plan-summary{background:linear-gradient(135deg,#eaf2ffd9,#ffffffad);border-color:#c6d8f3}
.portfolio-card,.review-slide .testimonial,.case-feature{background-image:radial-gradient(#ffffff20 .55px,transparent .8px),linear-gradient(130deg,#346af6,#2555e7 60%,#1c46cc);background-size:6px 6px,100% 100%;border:1px solid #4772f1;box-shadow:inset 0 1px 0 #ffffff6b,0 12px 26px #254dba14}
.review-slide .proof-card{background:transparent}
.button:not(:disabled){background-image:radial-gradient(#ffffff24 .5px,transparent .8px),linear-gradient(135deg,#3d70ff,#1949e1);background-size:5px 5px,100% 100%;border:1px solid #214bd4;box-shadow:0 8px 22px #1f4cdd20,inset 0 1px 0 #ffffff70;transition:transform .25s,box-shadow .25s,background-color .25s}
.button:not(:disabled):hover{box-shadow:0 12px 27px #1f4cdd32,inset 0 1px 0 #ffffff70;transform:translateY(-2px)}
.play,.carousel-arrow,.portfolio-controls button,.rotation-toggle,.portfolio-filters button{background:linear-gradient(135deg,#ffffffef,#ffffff9c);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff,0 5px 18px #17396d0c}
.portfolio-filters button[aria-pressed="true"]{background:linear-gradient(135deg,#3d70ff,#1949e1);box-shadow:inset 0 1px 0 #ffffff60,0 5px 17px #2855ed20}
.play:hover,.carousel-arrow:hover,.portfolio-controls button:hover{background:var(--blue)}
.contact{background-image:radial-gradient(ellipse at center,#bfd4ff4a,transparent 66%)}
footer{background:#ffffff57}
[data-reveal]{transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
[data-reveal].reveal-pending{opacity:0;transform:translateY(20px)}
@media(prefers-reduced-motion:no-preference){.tool-badge{animation:tool-float 6s ease-in-out infinite}@keyframes tool-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-4deg)}}}
@media(max-width:800px){.tool-badge{left:3px;bottom:122px;max-width:146px;padding:10px 12px;gap:8px;border-radius:16px}.tool-symbol{width:32px;height:32px;font-size:22px;border-radius:10px}.tool-badge strong{font-size:15px}.tool-badge small{font-size:8px;margin-top:4px}.hero-art{overflow:clip;overflow-clip-margin:0}.profile-signature{max-width:calc(100% - 18px)}.category-ribbon{padding-block:19px}.ribbon-group{gap:23px;padding-right:23px}.ribbon-group>span{font-size:14px}.ribbon-group>.ribbon-star{font-size:18px}.case-card,.drawer,.plan-summary{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.tool-badge,.ribbon-track{will-change:auto}.ribbon-track{transform:none!important}[data-reveal]{transition:none}[data-reveal].reveal-pending{opacity:1;transform:none}}
html.effects-paused .tool-badge{animation-play-state:paused}

/* Supplied 3D tools, kept small enough to frame the face. */
.tool-orbit{position:absolute;z-index:2;width:96px;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 12px 14px #092d6426);will-change:transform}
.tool-orbit>img{display:block;width:100%;height:auto;object-fit:contain;user-select:none}
.orbit-alight{left:0;top:67px;width:100px;--tool-tilt:-12deg;transform:rotate(var(--tool-tilt))}
.orbit-capcut{right:7px;top:146px;width:80px;--tool-tilt:9deg;transform:rotate(var(--tool-tilt))}
.orbit-chatgpt{left:10px;bottom:106px;width:116px;--tool-tilt:-6deg;transform:rotate(var(--tool-tilt))}
.capcut-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;clip-path:inset(0 round 24%);border-radius:24%;transform:translateZ(0)}
.capcut-crop>img{position:absolute;display:block;width:119.056%;height:127.042%;max-width:none;left:-9.437%;top:-9.437%;object-fit:fill}
.profile-signature{left:28px;right:28px;bottom:25px;padding:13px 19px;border-radius:17px;gap:14px}
.profile-signature p{font-size:12px;margin:0 0 4px;letter-spacing:.07em;line-height:1.4}
.profile-signature>div>span{font-size:13px;line-height:1.4}
.signature-mark{font-size:25px}.signature-mark>span{font-size:15px}
@media(max-width:800px){.orbit-alight{left:1px;top:52px;width:76px}.orbit-capcut{right:5px;top:133px;width:63px}.orbit-chatgpt{left:3px;bottom:99px;width:86px}.profile-signature{left:12px;right:12px;bottom:17px;padding:11px 14px;border-radius:15px;max-width:calc(100% - 24px)}.profile-signature p{font-size:11px;margin-bottom:3px}.profile-signature>div>span{font-size:12px}.signature-mark{font-size:22px}.signature-mark>span{font-size:13px}}
@media(max-width:370px){.orbit-alight{width:65px;top:45px}.orbit-capcut{width:57px;top:128px;right:2px}.orbit-chatgpt{width:75px;left:0;bottom:89px}.profile-signature{padding:10px 12px}.profile-signature>div>span{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.tool-orbit{animation:tools-hover 6s ease-in-out infinite}.orbit-capcut{animation-delay:-2s;animation-duration:7s}.orbit-chatgpt{animation-delay:-4s;animation-duration:8s}@keyframes tools-hover{0%,100%{transform:translateY(0) rotate(var(--tool-tilt))}50%{transform:translateY(-9px) rotate(calc(var(--tool-tilt) + 4deg))}}}
@media(prefers-reduced-motion:reduce){.tool-orbit{will-change:auto}}
html.effects-paused .tool-orbit{animation-play-state:paused}

/* Shared portrait blending and compact language navigation. */
.language-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #ccdaf1;border-radius:999px;background:#ffffff91;flex-shrink:0}
.glass-nav nav .language-switch a{display:block;padding:6px 8px;border-radius:999px;font-size:11px;line-height:1.2;letter-spacing:.03em}
.language-switch a[aria-current="page"]{background:#2855ed;color:#fff}
.premium-hero .hero-art .profile-photo{object-fit:contain;object-position:center;width:auto;max-width:96%;height:96%;left:50%;transform:translateX(-50%);bottom:1%;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(transparent 0%,#000 10%,#000 80%,transparent 99%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(transparent 0%,#000 10%,#000 80%,transparent 99%);-webkit-mask-composite:source-in}
.portrait-halo{inset:1% -3% 0;background:radial-gradient(ellipse at 50% 46%,#2855ed 26%,#2855edc4 46%,#2855ed00 73%);filter:blur(22px)}
.translation-note{font-size:12px!important;line-height:1.6!important;opacity:.85}
.translation-note a{text-decoration:underline;text-underline-offset:3px}
.caption-note{font-size:13px;color:#596d8d;margin:0 0 24px;max-width:660px;line-height:1.7}
.audio-choice{padding:14px 10px 0;color:#fff}
.audio-choice label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.audio-choice select{min-width:0;flex:1;width:100%;min-height:42px;padding:8px 10px;border:1px solid #ffffff70;border-radius:12px;background:#fff;color:#14264a;font:500 14px Inter,Arial,sans-serif;cursor:pointer}
.audio-choice select:focus-visible{outline:3px solid #ffdf70;outline-offset:3px}
.audio-status{display:block;font-size:13px;line-height:1.5;margin-top:8px}
.audio-status:empty{display:none}
video::cue{font-family:Arial,sans-serif;font-size:85%;background:#09142deb;color:#fff}
html[lang="en"] .glass-nav nav{gap:18px}
html[lang="en"] .hero-disciplines span:first-child{font-size:inherit}
@media(max-width:1000px){.glass-nav .brand small{display:none}html[lang="en"] .glass-nav nav{gap:12px}}
@media(max-width:800px){.glass-nav nav .language-switch{display:inline-flex}.glass-nav nav .language-switch a{display:block;padding:7px}.glass-nav nav .button.small{display:none}.glass-nav nav{gap:0}.premium-hero .hero-art .profile-photo{object-position:center 32%}.premium-hero .hero-art{height:410px}}
@media(max-width:370px){html[lang="en"] .premium-hero h1{font-size:35px}html[lang="en"] .premium-hero .intro{font-size:15px}.premium-hero .hero-art{height:365px}}