:root{color-scheme:dark;--cream:#fcf6e8;--gold:#e6c776;--soft:#b8c8ba;--border:#e8d39438}
*{box-sizing:border-box}
html{min-height:100%;background:#031a13}
body{margin:0;min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow-x:hidden;color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:#031a13;padding:40px 22px}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 3px,#ffffff04 3px 4px);opacity:.6}
.svg-definitions{position:absolute;overflow:hidden;pointer-events:none}
.intro-veil{position:fixed;inset:0;z-index:5;background:#031a13;pointer-events:none;animation:veil-open 1.2s cubic-bezier(.22,1,.36,1) forwards}
@keyframes veil-open{from{opacity:1}to{opacity:0;visibility:hidden}}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 48% 40%,#164c33 0%,#082e21 40%,#020f0b 100%)}
.ambient-glow{position:absolute;width:clamp(650px,86vw,1300px);aspect-ratio:1;border-radius:50%;animation:emerald-flow 9s ease-in-out infinite alternate}
.glow-green{left:-23%;top:-27%;background:radial-gradient(circle,#2caa6578 0%,#1675443b 35%,transparent 66%)}
.glow-gold{right:-31%;bottom:-39%;background:radial-gradient(circle,#d7a74580 0%,#a184362b 35%,transparent 68%);animation:gold-flow 11s ease-in-out -5s infinite alternate}
.glow-soft{right:-20%;top:-40%;background:radial-gradient(circle,#d0b16557 0%,#a990462b 33%,transparent 68%);animation:emerald-flow 14s ease-in-out -6s infinite alternate}
#ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.92}
.light-mote{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe5a1;box-shadow:0 0 15px #ffdc8d9c;opacity:.4;animation:mote-float 8s ease-in-out infinite alternate}
.mote-one{left:12%;top:28%;animation-delay:-3s}
.mote-two{right:16%;top:64%;width:3px;height:3px;animation-duration:11s;animation-delay:-8s}
.mote-three{left:22%;top:78%;animation-duration:13s;animation-delay:-5s}
.mote-four{right:10%;top:19%;width:3px;height:3px;animation-duration:10s;animation-delay:-4s}
.mote-five{left:6%;top:55%;animation-duration:12s;animation-delay:-7s}
@keyframes emerald-flow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(14vw,12vh) scale(1.13)}100%{transform:translate(27vw,4vh) scale(1.2)}}
@keyframes gold-flow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-15vw,-16vh) scale(1.15)}100%{transform:translate(-30vw,-6vh) scale(1.05)}}
@keyframes mote-float{from{transform:translate(0,0);opacity:.18}to{transform:translate(38px,-90px);opacity:.7}}
.profile{width:100%;max-width:464px;position:relative;z-index:2;text-align:center;padding:35px 27px 26px;animation:panel-arrival 1s cubic-bezier(.22,1,.36,1) .1s backwards}
.identity h1,.eyebrow,.intro,footer{text-shadow:0 2px 15px #00000066}
@keyframes panel-arrival{from{opacity:0;transform:translate3d(0,24px,0) scale(.975)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.identity{display:flex;flex-direction:column;align-items:center}
.logo-stage{width:122px;height:122px;position:relative;margin:6px 0 31px}
.logo-stage::before{content:"";position:absolute;inset:-31px;border-radius:50%;background:radial-gradient(circle,#e5bd6b38 0%,#d4b76b13 43%,transparent 69%);animation:halo-breathe 4s ease-in-out infinite alternate;pointer-events:none}
.logo-stage::after{content:"";position:absolute;inset:-9px;border:1px solid #e6c77645;border-radius:50%;pointer-events:none}
.logo-orbit{position:absolute;inset:-16px;border:1px solid #e6c77615;border-top-color:#fce5a7cc;border-left-color:#e6c77665;border-radius:50%;animation:orbit-turn 14s linear infinite;pointer-events:none}
.logo-orbit::before{content:"";position:absolute;top:19px;right:17px;width:5px;height:5px;background:#ffecb5;border-radius:50%;box-shadow:0 0 12px #f9da7f}
.logo{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;background:#06452b;box-shadow:0 0 34px #e6c77622,0 8px 22px #0006}
.logo img{position:absolute;left:50%;top:50%;width:144%;height:auto;max-width:none;transform:translate(-50%,-48.5%)}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes halo-breathe{from{opacity:.45;transform:scale(.93)}to{opacity:1;transform:scale(1.13)}}
.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;margin:0 0 15px;line-height:1.7;color:#d7d1b5}
.eyebrow span{color:var(--gold);margin:0 5px}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.12;font-weight:400;letter-spacing:-1.1px;color:var(--cream)}
h1 em{font-weight:400;font-style:italic;color:#f0d897}
@supports (background-clip:text){h1 em{background:linear-gradient(105deg,#c9a84f 0%,#f9e6ad 25%,#fffae9 48%,#dfb85c 75%,#f9e6ad 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-lettering 7s ease-in-out infinite alternate}}
@keyframes gold-lettering{from{background-position:0% 50%}to{background-position:100% 50%}}
.intro{color:var(--soft);margin:17px 0 0;font-size:13px;line-height:1.7}
.ornament{display:flex;align-items:center;justify-content:center;gap:11px;margin:22px 0;width:92px}
.ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#e6c77680)}
.ornament span:last-child{transform:rotate(180deg)}
.ornament i{height:5px;width:5px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 10px #e6c77680}
.links{display:grid;gap:12px;text-align:left}
.link{position:relative;display:flex;align-items:center;gap:13px;min-height:80px;padding:16px 17px;background:linear-gradient(130deg,#143c2f,#09281e);border:1px solid #d9ca9b35;border-radius:16px;color:var(--cream);text-decoration:none;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 #fff3ca0a,0 5px 15px #00000014}
.link>*{position:relative;z-index:1}
.link::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#f5dda42b,transparent 62%);opacity:0;transition:opacity .3s}
.link[href]:hover{transform:translateY(-3px);border-color:#e6c77699;box-shadow:0 10px 27px #0000002b,0 0 18px #d4b56815}
.link[href]:hover::after{opacity:1}
.link[href]:active{transform:translateY(0) scale(.99)}
.link:focus-visible{outline:2px solid #fce4a5;outline-offset:4px}
.link-primary{background:linear-gradient(115deg,#196840,#104e33 56%,#145735);border-color:#b6d37e65;box-shadow:inset 0 1px 0 #d6efbf29,0 6px 24px #0a4e292b}
.link-primary::before{content:"";position:absolute;top:0;bottom:0;left:-65%;width:45%;z-index:0;background:linear-gradient(100deg,transparent,#fcf0b627,transparent);transform:skewX(-22deg);animation:button-glint 6.5s ease-in-out 1.7s infinite;pointer-events:none}
@keyframes button-glint{0%,56%{transform:translateX(0) skewX(-22deg)}79%,100%{transform:translateX(500%) skewX(-22deg)}}
.link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e9d39b10;border:1px solid #e9d39b16;border-radius:12px;flex-shrink:0;color:#e8d29b}
.link-icon svg{width:24px;height:24px}
.icon-whatsapp{border:0;background:transparent}
.icon-whatsapp img{display:block;width:36px;height:36px;flex-shrink:0;object-fit:contain;clip-path:url(#whatsapp-silhouette)}
.icon-location{color:#e0d6ad}
.icon-review{color:#f0cd74;background:#e9c36a12}
.link-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.link-copy strong{font-size:14px;line-height:1.25;font-weight:600;letter-spacing:-.1px}
.link-copy>span{font-size:10.5px;color:#afc0b2;line-height:1.4}
.link-primary .link-copy>span{color:#c8ddc1}
.arrow{width:17px;height:17px;margin-left:auto;flex-shrink:0;color:#e3c77c;opacity:.85;transition:transform .28s}
.link:hover .arrow{transform:translate(2px,-2px)}
footer{margin-top:25px;color:#b7c5b3;font-size:10.5px;line-height:1.65}
footer p{margin:0}
footer p+p{margin-top:4px;font-size:9.5px;letter-spacing:.65px;color:#92a18d}
footer span{padding:0 4px;color:var(--gold)}
.botanical{position:fixed;width:min(24vw,290px);height:auto;color:#d0b971;opacity:.18;pointer-events:none;z-index:1}
.botanical-left{left:-60px;bottom:-85px;transform:rotate(8deg);transform-origin:50% 100%;animation:leaf-sway-left 16s ease-in-out infinite alternate}
.botanical-right{right:-50px;top:-120px;transform:rotate(190deg);transform-origin:50% 100%;animation:leaf-sway-right 19s ease-in-out -6s infinite alternate}
@keyframes leaf-sway-left{from{transform:rotate(3deg)}to{transform:rotate(13deg)}}
@keyframes leaf-sway-right{from{transform:rotate(184deg)}to{transform:rotate(195deg)}}
@keyframes content-arrival{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.identity>.logo-stage,.identity>.eyebrow,.identity>h1,.identity>.intro,.identity>.ornament,.links>.link,footer{animation:content-arrival .85s cubic-bezier(.22,1,.36,1) backwards}
.identity>.logo-stage{animation-delay:.2s}
.identity>.eyebrow{animation-delay:.31s}
.identity>h1{animation-delay:.4s}
.identity>.intro{animation-delay:.5s}
.identity>.ornament{animation-delay:.6s}
.links>.link:nth-child(1){animation-delay:.7s}
.links>.link:nth-child(2){animation-delay:.83s}
.links>.link:nth-child(3){animation-delay:.96s}
footer{animation-delay:1.08s}
@media(min-width:1000px){.profile{max-width:480px;padding:37px 30px 27px}.link{min-height:82px}.botanical{opacity:.24}}
@media(max-width:480px){body{padding:23px 14px;align-items:flex-start}.profile{padding:28px 18px 23px}.logo-stage{width:108px;height:108px;margin:4px 0 29px}.eyebrow{font-size:8px;letter-spacing:1.55px;margin-bottom:12px}h1{font-size:36px}.intro{margin-top:14px;font-size:12.5px}.ornament{margin:20px 0}.link{min-height:77px;padding:14px 13px;gap:10px}.link-copy strong{font-size:13px}.link-copy>span{font-size:10px}.link-icon{width:37px;height:37px}.icon-whatsapp img{width:34px;height:34px}.glow-green{left:-380px;top:-150px}.glow-gold{right:-380px;bottom:-200px}.glow-soft{right:-300px;top:-200px}.ambient-glow{width:700px}.botanical{width:190px;opacity:.15}.botanical-left{left:-100px;bottom:-120px}.botanical-right{right:-100px;top:-120px}footer{font-size:10px}.mote-three{left:5%}}
@media(max-width:340px){body{padding-left:10px;padding-right:10px}.profile{padding-left:13px;padding-right:13px}h1{font-size:32px}.link{padding-left:10px;padding-right:10px;gap:9px}.link-copy>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro-veil{display:none}.ambient-glow,.light-mote,.botanical,.profile,.identity>*,.links>.link,footer,.logo-stage::before,.logo-orbit,h1 em,.link-primary::before{animation:none}.link-primary::before{display:none}.link,.arrow{transition:none}.link[href]:hover,.link[href]:active,.link:hover .arrow{transform:none}}

/* Fit the complete profile into the visible browser height. */
:root{--screen-unit:1vh}
@supports (height:100dvh){:root{--screen-unit:1dvh}}
body{min-height:calc(var(--screen-unit)*100);align-items:center;padding-top:calc(clamp(12px,calc(var(--screen-unit)*2.5),30px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(12px,calc(var(--screen-unit)*2.5),30px) + env(safe-area-inset-bottom,0px))}
.fit-shell{width:100%;max-width:480px;height:var(--fit-height,auto);flex:0 0 auto;position:relative;z-index:2}
.fit-content{transform:scale(var(--fit-scale,1));transform-origin:top center}
.profile{margin-inline:auto;padding-top:18px;padding-bottom:0}
.logo-stage{width:clamp(64px,calc(var(--screen-unit)*14),122px);height:clamp(64px,calc(var(--screen-unit)*14),122px);margin-top:0;margin-bottom:clamp(18px,calc(var(--screen-unit)*3),29px)}
.eyebrow{margin-bottom:clamp(7px,calc(var(--screen-unit)*1.5),14px)}
h1{font-size:clamp(27px,calc(var(--screen-unit)*5.2),40px)}
.intro{font-size:clamp(11px,calc(var(--screen-unit)*1.85),13px);line-height:1.6;margin-top:clamp(8px,calc(var(--screen-unit)*1.7),17px)}
.ornament{margin-block:clamp(8px,calc(var(--screen-unit)*1.7),22px)}
.links{gap:clamp(7px,calc(var(--screen-unit)*1.4),12px)}
.link{min-height:clamp(54px,calc(var(--screen-unit)*10),80px);padding-top:clamp(8px,calc(var(--screen-unit)*1.6),16px);padding-bottom:clamp(8px,calc(var(--screen-unit)*1.6),16px)}
footer{margin-top:clamp(9px,calc(var(--screen-unit)*1.7),25px)}
@media(max-height:540px){.logo-stage{margin-bottom:18px}.logo-orbit{inset:-11px}.logo-stage::after{inset:-6px}.logo-orbit::before{top:12px;right:13px}.link-icon{width:34px;height:34px}.icon-whatsapp img{width:31px;height:31px}.link-copy{gap:3px}}