@font-face{font-family:Inter;src:url("/assets/inter.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:Barlow;src:url("/assets/barlow-900.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0d;--fg:#f6f5f3;--muted:#99999b;--green:#1de277;--border:#38383b;--max:580px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 14px/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-width:280px;overflow-x:hidden}
h1,h2,p{margin:0}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #aaffd0;outline-offset:4px}
.skip-link{position:fixed;z-index:100;top:-80px;left:12px;background:#1de277;color:#07160e;padding:12px 16px;border-radius:5px;font-weight:800}
.skip-link:focus{top:12px}
::selection{background:#79ffc0;color:#111}
.ambient{position:fixed;inset:auto;z-index:-1;pointer-events:none}
.ambient-a{top:-220px;left:-20%;right:-20%;height:870px;background:radial-gradient(ellipse at 50% 18%,#2b1915b8,transparent 63%)}
.ambient-b{bottom:-55vh;left:0;right:0;height:100vh;background:radial-gradient(ellipse at 50% 60%,#08241c79,transparent 70%)}
.container{max-width:var(--max);width:100%;padding:56px 24px 35px;margin:0 auto}
.profile{text-align:center;margin-bottom:34px}
.avatar{width:104px;height:104px;margin:0 auto 15px;border-radius:50%;padding:3px;display:grid;place-items:center;background:conic-gradient(from 225deg,#24ffd2,#30b8ed,#fca444,#ecd06c,#22e77b,#24ffd2);position:relative;box-shadow:0 0 0 2px #101113,0 0 24px #d7a36c22}
.avatar::before{content:"";position:absolute;inset:4px;border:3px solid #111112;border-radius:50%;background:radial-gradient(circle at 29% 20%,#985838,#3f2420 45%,#100f12 78%)}
.avatar::after{content:"";position:absolute;inset:20px;border:1px solid #dcab6b44;border-radius:50%;transform:rotate(35deg)}
.avatar-back,.avatar-front{position:absolute;font:900 46px/.9 Barlow,Impact,sans-serif;letter-spacing:-4px;z-index:1}
.avatar-back{transform:translate(3px,4px);color:#3f2117}
.avatar-front{color:#ffdfb4;text-shadow:0 2px 14px #ffa55169}.avatar-front span{color:#65f3a0}
.profile h1{display:flex;justify-content:center;align-items:center;gap:6px;font-size:23px;line-height:1.25;font-weight:800;letter-spacing:-.9px}
.verified svg{display:block;width:19px;height:19px}
.profile p{font-size:12px;color:#a7a7a9;margin-top:4px}
.cards{display:grid;gap:20px}
.feature{--pointer-x:70%;--pointer-y:45%;--edge:#494043;--glow:#0004;display:block;height:264px;isolation:isolate;overflow:hidden;position:relative;border-radius:16px;border:1px solid var(--edge);background:#161114;box-shadow:0 10px 22px #0005,0 10px 44px var(--glow);transform:translateY(19px);opacity:0;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .55s ease,border-color .3s,box-shadow .3s}
.feature.is-visible{transform:translateY(0);opacity:1}
.feature:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--edge),white 35%);box-shadow:0 18px 33px #0008,0 18px 44px var(--glow)}
.feature:active{transform:translateY(-1px) scale(.997)}
.feature::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #ffffff0b}
.photo-layer,.photo-layer img,.photo-tint{position:absolute;inset:0;width:100%;height:100%}
.photo-layer{z-index:0;overflow:hidden}
.photo-layer img{object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.08);transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.feature:hover .photo-layer img{transform:scale(1.085);filter:saturate(1.07) contrast(1.08)}
.photo-tint{z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--tint,#101014) 0%,var(--tint,#101014) 23%,color-mix(in srgb,var(--tint,#101014),transparent 5%) 35%,color-mix(in srgb,var(--tint,#101014),transparent 31%) 52%,transparent 100%),linear-gradient(0deg,#0004,transparent 70%)}
.card-shine{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(ellipse 230px 150px at var(--pointer-x) var(--pointer-y),#ffffff2b,transparent);mix-blend-mode:screen;transition:opacity .25s}
.feature:hover .card-shine{opacity:.47}
.feature-body{position:relative;z-index:3;height:100%;padding:22px 23px;display:flex;align-items:flex-start;flex-direction:column;width:68%}
.eyebrow{display:flex;align-items:center;gap:7px;color:var(--eyebrow,#e3a878);font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.45;white-space:nowrap;text-transform:uppercase}
.eyebrow-line{width:12px;height:2px;background:currentColor;flex:none}
.feature h2{color:var(--title,#fff9f2);font:900 43px/.91 Barlow,Impact,"Arial Narrow",sans-serif;letter-spacing:-.023em;margin:13px 0 9px;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 3px 22px #0006}
.feature h2 span:last-child{color:var(--accent,#f6f4f1)}
.feature p{max-width:240px;color:var(--copy,#ded9d5);font-size:12px;line-height:1.54;letter-spacing:-.16px;text-wrap:pretty}
.action{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;min-height:40px;border-radius:7px;padding:8px 9px 8px 13px;background:var(--button,#1de277);color:var(--button-text,#071e11);font-size:10.5px;font-weight:800;letter-spacing:-.1px;white-space:nowrap;box-shadow:0 5px 17px #0006,0 2px 0 #0003;transition:filter .2s,transform .2s}
.feature:hover .action{filter:brightness(1.12);transform:translateX(2px)}
.action-arrow{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#0002;transition:transform .25s}
.feature:hover .action-arrow{transform:translate(2px,-2px)}
.art-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}
.art-overlay img,.art-overlay div{position:absolute}
.feature.ember{--edge:#614636;--tint:#1a0b09;--glow:#a5471b24;--eyebrow:#ffa963;--accent:#fca75c;--button:#22df77}
.feature.ember .photo-layer img{object-position:70% 50%}
.mark-ec{right:18px;top:68px;font:900 122px/.95 Barlow,Impact,sans-serif;letter-spacing:-11px;transform:rotate(-8deg);color:#ffbd73;text-shadow:4px 8px #422013,0 0 42px #ffad5c70;opacity:.94}
.mark-ec span{color:#fff4d3}
.feature.coelho{--edge:#375c43;--tint:#09140f;--glow:#13a85321;--eyebrow:#78f5b5;--accent:#fff;--button:#2af084}
.coelho .photo-layer img{object-position:70% 40%;filter:hue-rotate(100deg) saturate(.9) brightness(.6)}
.coelho .media-logo{width:200px;max-width:43%;right:16px;top:83px;filter:drop-shadow(0 12px 16px #000d)}
.feature.dolar{--edge:#314e61;--tint:#0b1420;--glow:#007ce829;--eyebrow:#87d5ff;--accent:#79e9e1;--button:#69eedc}
.dolar .photo-layer img{object-position:70% 47%;filter:hue-rotate(150deg) saturate(1.15) brightness(.68)}
.media-symbol{top:63px;right:39px;color:#70ffe2a1;font:900 157px/1 Inter,sans-serif;text-shadow:0 0 41px #64dbf4af;transform:rotate(13deg)}
.feature.palavra{--edge:#484970;--tint:#15152c;--glow:#6c49e42b;--eyebrow:#b5a6ff;--accent:#dfcfff;--button:#bda9ff;--button-text:#1a1537}
.palavra .photo-layer img{object-position:70% 40%;filter:hue-rotate(170deg) brightness(.72) saturate(1.08)}
.wordmark-visual{right:13px;top:97px;display:flex;gap:4px;transform:rotate(-11deg);filter:drop-shadow(0 10px 17px #0009)}
.wordmark-visual span{display:grid;place-items:center;width:43px;height:55px;background:#e5dfff;color:#322258;border-radius:7px;font:900 31px Barlow,sans-serif;box-shadow:0 5px 0 #887bc7}
.wordmark-visual span:nth-child(3){color:#f2ecff;background:#9154f4;transform:translateY(-8px)}
.feature.ivory{--edge:#d2bfa3;--tint:#f1e4d0;--glow:#b7a27c20;--eyebrow:#85613e;--title:#302318;--accent:#a66a3e;--copy:#5a4a3d;--button:#297953;--button-text:#fff}
.ivory .photo-layer img{object-position:62% center;filter:sepia(.35) saturate(.75) brightness(1.16)}
.ivory .photo-tint{background:linear-gradient(90deg,#f0e4d4 0%,#f0e4d4 27%,#f0e4d4ee 42%,#d9bb9680 64%,transparent 100%)}
.ivory h2,.sand h2{font:700 34px/.99 Georgia,"Times New Roman",serif;letter-spacing:-1.45px;text-shadow:none}
.media-3d{right:25px;top:59px;font:900 112px/.85 Barlow,sans-serif;color:#fff0d0da;letter-spacing:-9px;text-shadow:0 8px #8e5c38,0 20px 42px #382313ab;transform:rotate(-11deg)}
.media-3d span{display:block;font-size:46px;text-align:right;letter-spacing:0;color:#d7a470}
.feature.sand{--edge:#c1aa8b;--tint:#ecddc6;--glow:#9a795221;--eyebrow:#7f644f;--title:#30251f;--accent:#9a6245;--copy:#5b4f45;--button:#38271f;--button-text:#f9f0e8}
.sand .photo-layer img{object-position:68% center;filter:sepia(.4) brightness(1.2) saturate(.85)}
.sand .photo-tint{background:linear-gradient(90deg,#eddec7 0%,#eddec7 26%,#eddec7f2 42%,#dacbb77d 61%,transparent 100%)}
.code-panel{right:32px;top:56px;width:155px;height:132px;border:1px solid #d6c4b8a1;border-radius:10px;background:#1b2426e3;box-shadow:0 20px 36px #1a1314b5;transform:rotate(7deg);padding:28px 15px 12px}
.code-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:20px;border-bottom:1px solid #45585c;background:radial-gradient(circle at 14px 10px,#ec816a 0 3px,transparent 4px),radial-gradient(circle at 27px 10px,#e9b766 0 3px,transparent 4px),radial-gradient(circle at 40px 10px,#68bda0 0 3px,transparent 4px)}
.code-panel i{display:block;height:5px;width:85%;background:#40857e;margin-bottom:9px;border-radius:5px}
.code-panel i:nth-child(2){width:60%;background:#73d7ab}.code-panel i:nth-child(3){width:72%}
.code-panel span{position:absolute;right:14px;bottom:7px;color:#9de7cc;font:bold 27px Inter,sans-serif}
.feature.rose{--edge:#67354b;--tint:#170d18;--glow:#d5267027;--eyebrow:#f0a6bc;--accent:#ff77b2;--button:#f32265;--button-text:#fff}
.rose .photo-layer img{object-position:80% 30%;filter:hue-rotate(300deg) saturate(.75) brightness(.55)}
.media-insta{right:23px;top:26px;font:400 190px/.98 Inter,Arial,sans-serif;color:#ff8eada8;text-shadow:0 0 48px #ff4b9f80;transform:rotate(-10deg)}
.social-link{display:flex;align-items:center;gap:13px;margin-top:18px;min-height:63px;padding:12px 14px;background:linear-gradient(145deg,#222123,#171719);border:1px solid #343437;border-radius:11px;transition:background .2s,border-color .2s,transform .2s}
.social-link:hover{background:#272528;border-color:#875068;transform:translateY(-2px)}
.social-icon{width:37px;height:37px;flex:none;border-radius:9px;background:linear-gradient(145deg,#f8b84a,#e34576 48%,#873ade 91%);display:grid;place-items:center;box-shadow:0 4px 12px #0006}
.social-icon svg{width:23px;height:23px;color:#fff}
.social-label{display:grid;gap:3px;min-width:0}
.social-label strong{font-weight:800;font-size:12px;line-height:1.2}
.social-label small{color:#a9a5aa;font-size:10px;line-height:1.3}
.social-arrow{font-size:17px;margin-left:auto;color:#cecbd0}
.footer{text-align:center;padding:30px 0 8px;color:#88888b;font-size:10px;line-height:1.8}
.footer>div{height:1px;background:#28282a;margin:21px 0}
.footer p:first-child{color:#9b999d}
.footer a{text-decoration:underline;text-underline-offset:3px}
.footer a:hover{color:white}

@media (max-width:600px){
 .container{padding:28px 16px 28px}
 .profile{margin-bottom:33px}
 .cards{gap:22px}
 .feature{height:272px;border-radius:13px}
 .feature-body{padding:19px 17px;width:71%}
 .feature h2{font-size:39px;margin:11px 0 10px}
 .feature p{font-size:11.5px;max-width:195px}
 .eyebrow{font-size:8px;letter-spacing:.06em;gap:5px}
 .eyebrow-line{width:9px}
 .action{padding:7px 8px 7px 10px;font-size:9.6px;min-height:39px;gap:9px}
 .action-arrow{width:20px;height:20px}
 .action-arrow svg{width:15px;height:15px}
 .mark-ec{top:81px;right:-15px;font-size:101px;letter-spacing:-10px}
 .coelho .media-logo{width:160px;max-width:46%;top:112px;right:4px}
 .media-symbol{font-size:125px;top:90px;right:12px}
 .wordmark-visual{top:108px;right:-18px}
 .wordmark-visual span{height:40px;width:35px;font-size:26px;border-radius:5px;box-shadow:0 4px 0 #887bc7}
 .ivory h2,.sand h2{font-size:29px;margin:11px 0 10px}
 .media-3d{font-size:93px;top:81px;right:7px}
 .code-panel{width:130px;height:109px;right:9px;top:91px}
 .media-insta{font-size:154px;top:60px;right:5px}
}
@media(max-width:370px){
 .feature-body{width:76%;padding:18px 13px}
 .feature h2{font-size:36px}
 .ivory h2,.sand h2{font-size:26px}
 .feature p{font-size:11px;max-width:170px}
 .eyebrow{font-size:7.5px}
 .action{font-size:9px;padding:7px;gap:6px}
 .mark-ec{font-size:87px;right:-23px}
 .media-3d{font-size:80px;right:0}
 .wordmark-visual{right:-34px}
 .media-insta{right:-11px}
}
@media(hover:hover) and (pointer:fine){
 .feature:hover .art-overlay{transform:translateX(-3px)}
 .art-overlay{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
}
@keyframes gentle-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:.94;transform:scale(1.04)}}
@keyframes avatar-aura{from{box-shadow:0 0 0 2px #101113,0 0 18px #d7a36c18}to{box-shadow:0 0 0 2px #101113,0 0 32px #d7a36c54}}
.avatar{animation:avatar-aura 4s ease-in-out infinite alternate}
.ambient-a{animation:breathe 12s ease-in-out infinite}
.feature.is-visible .art-overlay{animation:gentle-float 8s ease-in-out infinite}
.feature:hover .art-overlay{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .feature{transform:none!important;opacity:1!important}
}

.profile-spark{display:inline-block;color:#f5ad69;font-size:16px;line-height:1;filter:drop-shadow(0 0 6px #e89b5444)}
.feature.rose{--button:#c7134d}
.feature.ember .photo-layer img{filter:saturate(.72) contrast(1.1) brightness(.72)}
.feature.coelho .photo-layer img{filter:hue-rotate(98deg) saturate(.65) brightness(.48)}
.feature.coelho .photo-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#003b2655,#0f673975);mix-blend-mode:color}