:root{--bg:#092b23;--ink:#faf5e3;--muted:#b5c2a8;--gold:#e3c47d;--line:#53745b;--logo-fit:.86}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100svh;position:relative;color:var(--ink);background:var(--bg);font:16px/1.45 'Segoe UI',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 14%,#30533c 0,transparent 56%),linear-gradient(150deg,#123d2d,#08291f 70%)}.ambient-sun{position:absolute;top:-215px;width:550px;height:550px;left:50%;border:1px solid #7a8c4c4d;border-radius:50%;transform:translateX(-50%)}.ambient-arc{position:absolute;top:-165px;left:50%;width:440px;height:440px;border:1px solid #7a8c4c33;border-radius:50%;transform:translateX(-50%)}.ground-line{position:absolute;top:380px;height:1px;width:100%;background:linear-gradient(90deg,transparent,#bd955433,transparent)}.boceto-bar{position:relative;z-index:3;display:flex;gap:12px;justify-content:space-between;align-items:center;max-width:520px;margin:auto;padding:18px 24px 0;font-size:10px;color:var(--muted);height:52px}.boceto-bar a{min-height:44px;display:flex;align-items:center}.boceto-bar button{background:transparent;border:1px solid #8fa48055;min-width:44px;min-height:36px;border-radius:30px}.mini{position:relative;z-index:1;max-width:440px;margin:0 auto;padding:0 26px 24px}.brand-zone{height:310px;position:relative;isolation:isolate}.brand-mark{height:285px;width:100%;position:relative;--logo-fit:.88;touch-action:pan-y;user-select:none;outline-offset:-10px!important}.brand-mark .logo-img{position:absolute;width:77%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:block;object-fit:contain}.logo-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zt-3d .brand-mark .logo-img{opacity:0;pointer-events:none}.zt-3d .brand-mark{cursor:grab}.zt-3d .brand-mark:active{cursor:grabbing}.logo-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1}.warm-core{position:absolute;top:5%;left:8%;height:82%;width:84%;background:radial-gradient(ellipse,#d9b45e70,transparent 68%);transform:translateY(45px) scale(.55);opacity:.2;animation:sunrise 3.6s cubic-bezier(.19,1,.22,1) both}.solar-outline{position:absolute;inset:2% 5% 6%;border:1px solid #d1ad6845;border-radius:50% 50% 0 0;animation:solar-outline 3.6s ease-out both}.solar-baseline{position:absolute;bottom:12px;left:18%;height:1px;width:64%;background:linear-gradient(90deg,transparent,#c9a457,transparent);animation:baseline 3.6s ease-out both}.brand-caption{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;letter-spacing:2.8px;color:var(--gold);position:absolute;bottom:0;width:100%}.brand-caption span{height:1px;width:18px;background:#b29b5c77}.mini-heading{text-align:center;margin:18px 0 24px}.mini-heading h1{font:30px/1.12 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px;font-weight:400}.mini-heading p{font-size:11px;color:var(--muted);margin:0}.links{display:grid;gap:10px}.link-card{position:relative;display:flex;align-items:center;gap:15px;min-height:70px;padding:13px 18px;border-radius:12px;overflow:hidden;transition:transform .18s ease-out,background .18s}.link-card>svg{flex-shrink:0;width:23px;height:23px}.link-card>span:not(.button-light){flex:1}.link-card strong{font-size:14px;font-weight:600;display:block}.link-card small{font-size:10px;display:block;margin-top:4px;opacity:.75}.primary{background:#ead195;color:#183d2c;border:1px solid #f3dea6}.secondary{border:1px solid #64816b99;background:#d7e2c30a;color:var(--ink)}.arrow{width:19px!important;height:19px!important}.link-card:hover{transform:translateY(-2px)}.primary:hover{background:#f1dca8}.secondary:hover{background:#cbd5ad1c}.link-card:active{transform:scale(.98)}.button-light{position:absolute;top:-70%;left:-60%;height:240%;width:25%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(28deg) translateX(-250%);pointer-events:none;animation:button-sweep 1.2s 2.5s ease-out both}.social-heading{display:flex;gap:12px;align-items:center;justify-content:center;font-size:9px;color:var(--muted);margin:26px 0 14px}.social-heading span{height:1px;width:28px;background:#81916c55}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-links a{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:66px;border-radius:12px;color:#d3ddc3;border:1px solid #6e886255;transition:transform .18s,background .18s}.social-links svg{height:20px;width:20px}.social-links span{font-size:10px}.social-links a:hover{background:#ced9b511;transform:translateY(-2px)}.mini-footer{text-align:center;font-size:9px;color:#b1bda2;padding:22px 0 3px}.mini-footer strong{font-weight:500;color:#d7d5b4}.mini-footer a{display:inline-flex;align-items:center;min-height:44px;gap:3px}
.tropical-door{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.foliage{position:absolute;inset:0;width:54%;filter:drop-shadow(0 8px 7px #051e1aaa)}.foliage svg{position:absolute;stroke:none;width:170px;height:270px;color:#1d5b3d}.foliage svg:nth-child(1){top:-40px;left:-45px;transform:rotate(25deg)}.foliage svg:nth-child(2){top:60px;left:-45px;transform:rotate(65deg);color:#326d44}.foliage svg:nth-child(3){top:120px;left:20px;transform:rotate(35deg);color:#19482e}.foliage-right{right:0;transform:scaleX(-1)}.signature-sweep{display:none;position:absolute;inset:-10% 0;width:24%;background:linear-gradient(90deg,transparent,#fff9,transparent);pointer-events:none;z-index:2;transform:translateX(-190%) rotate(20deg)}
[data-concept="2"] .ambient{background:radial-gradient(ellipse at 50% 20%,#285b3e,transparent 65%),#08251f}[data-concept="2"] .tropical-door{display:block}[data-concept="2"] .foliage-left{animation:door-left 3.6s cubic-bezier(.19,1,.22,1) both}[data-concept="2"] .foliage-right{animation:door-right 3.6s cubic-bezier(.19,1,.22,1) both}[data-concept="2"] .solar-outline{border-radius:45% 45% 0 0;border-color:#9dbf763d}[data-concept="2"] .primary{background:#c7d8a5;border-color:#dde6bd}[data-concept="2"] .warm-core{background:radial-gradient(ellipse,#b1c67733,transparent 65%)}
[data-concept="3"]{--bg:#f7f1dc;--ink:#153d2c;--muted:#617458;--gold:#927234;--line:#c8cdae}[data-concept="3"] .ambient{background:radial-gradient(ellipse at 50% 18%,#fffdf3,transparent 63%),#f7f1dc}[data-concept="3"] .ambient-sun{border-color:#cbb87255}[data-concept="3"] .ambient-arc{border-color:#cbb87244}[data-concept="3"] .primary{background:#163e2e;color:#faf3dc;border-color:#214c35}[data-concept="3"] .primary:hover{background:#25573e}[data-concept="3"] .secondary{border-color:#b9c3a6;background:#fcfaf033}[data-concept="3"] .secondary:hover{background:#e7eddb}[data-concept="3"] .social-links a{color:#3e5e43;border-color:#c5ceb4}[data-concept="3"] .mini-footer{color:#6a7f5c}[data-concept="3"] .mini-footer strong{color:#315438}[data-concept="3"] .boceto-bar button{border-color:#b4c1a0}[data-concept="3"] .warm-core{opacity:0;animation:none}[data-concept="3"] .solar-outline{border-color:#b49d5d55;border-radius:50% 50% 0 0}[data-concept="3"] .signature-sweep{display:block;animation:signature 3.2s ease-out both}
.embedded .boceto-bar{padding-top:26px;height:56px}.embedded .boceto-bar a{visibility:hidden}.embedded .mini{padding:0 21px 12px}.embedded .brand-zone{height:265px}.embedded .brand-mark{height:246px}.embedded .mini-heading{margin:15px 0 20px}.embedded .mini-heading h1{font-size:27px}.embedded .mini-heading p{font-size:10px}.embedded .link-card{min-height:63px;padding:11px 13px;gap:11px}.embedded .link-card strong{font-size:12px}.embedded .link-card small{font-size:9px}.embedded .social-heading{margin-top:22px}.embedded .social-links a{min-height:59px}.embedded .mini-footer{padding-top:14px}.embedded .boceto-bar span{font-size:9px}.embedded .boceto-bar button{min-width:36px;min-height:36px}.embedded .social-links span{font-size:9px}
@media(min-width:700px){body{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:70px 0 40px}.boceto-bar{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:500px;max-width:90%}.mini{max-width:430px;width:100%}.brand-zone{height:300px}.brand-mark{height:275px}.ambient-sun{width:900px;height:900px;top:-320px}.ambient-arc{width:800px;height:800px;top:-270px}.ground-line{top:500px}}
@media(max-width:350px){.brand-zone{height:265px}.brand-mark{height:245px}.mini{padding:0 21px 18px}.mini-heading h1{font-size:27px}.link-card strong{font-size:12px}.link-card{padding:12px 13px;gap:11px}.link-card small{font-size:9px}}
@keyframes sunrise{0%{opacity:.2;transform:translateY(65px) scale(.5)}45%{opacity:1;transform:translateY(-12px) scale(1.1)}100%{opacity:.45;transform:translateY(0) scale(1)}}@keyframes solar-outline{0%{opacity:0;transform:translateY(35px) scale(.6)}70%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes baseline{0%,30%{opacity:0;transform:scaleX(.1)}100%{opacity:1;transform:scaleX(1)}}@keyframes door-left{0%,8%{transform:translateX(0) rotate(0);opacity:1}100%{transform:translateX(-92%) rotate(-20deg);opacity:.5}}@keyframes door-right{0%,8%{transform:translateX(0) scaleX(-1);opacity:1}100%{transform:translateX(92%) scaleX(-1) rotate(-20deg);opacity:.5}}@keyframes signature{0%,45%{transform:translateX(-190%) rotate(20deg);opacity:0}50%{opacity:.6}100%{transform:translateX(600%) rotate(20deg);opacity:0}}@keyframes button-sweep{from{transform:rotate(28deg) translateX(-250%)}to{transform:rotate(28deg) translateX(1000%)}}
.foliage-right{left:auto}.tropical-door{animation:door-fade 3.6s ease-out both}
.foliage .frond{position:absolute;width:110px;height:230px;background:linear-gradient(75deg,#16452d,#3e7446);border-radius:100% 0 100% 0;box-shadow:inset 1px 0 #74945f66;transform-origin:50% 90%}
.frond:before{content:'';position:absolute;top:10%;height:85%;left:50%;width:1px;background:#93a36b88;transform:rotate(23deg)}
.frond:after{content:'';position:absolute;inset:20% 16%;background:repeating-linear-gradient(35deg,transparent 0 23px,#91aa6d33 23px 24px,transparent 24px 43px);border-radius:inherit}
.foliage .frond:nth-child(1){top:-90px;left:10px;transform:rotate(40deg)}.foliage .frond:nth-child(2){top:50px;left:-40px;transform:rotate(66deg);background:linear-gradient(75deg,#1b4a31,#47764b)}.foliage .frond:nth-child(3){top:100px;left:5px;transform:rotate(18deg)}
.brand-zone{overflow:hidden}
.solar-outline{border:0;border-top:1px solid #c6aa6744;border-radius:50%;inset:2% 5% 14%}
[data-concept="3"] .solar-outline{border:0;border-top:1px solid #b49d5d44;border-radius:50%}
:root:not([data-concept="3"]) .logo-atmosphere{background:radial-gradient(ellipse 45% 19% at 50% 74%,#dfd5a9e0 0,#dfd5a98a 45%,transparent 100%)}
.paused .tropical-door{animation:none;opacity:0}
@keyframes door-fade{0%,65%{opacity:1}100%{opacity:0}}
.boceto-bar button,.embedded .boceto-bar button{min-height:44px;min-width:44px}
.embedded{scrollbar-width:none}.embedded::-webkit-scrollbar{display:none}.embedded body{scrollbar-width:none}.embedded body::-webkit-scrollbar{display:none}
.embedded .brand-zone{height:214px}.embedded .brand-mark{height:196px}.embedded .mini-heading h1{font-size:25px}.embedded .mini-heading{margin:14px 0 18px}.embedded .social-heading{margin-top:18px}.embedded .mini-footer{padding-top:8px}.embedded .mini-footer a{min-height:32px}
.paused .warm-core,.paused .solar-outline,.paused .solar-baseline,.paused .foliage,.paused .signature-sweep,.paused .button-light{animation:none!important}.paused .warm-core{opacity:.45;transform:none}.paused .foliage-left{transform:translateX(-92%) rotate(-20deg)}.paused .foliage-right{transform:translateX(92%) scaleX(-1) rotate(-20deg)}.paused .signature-sweep,.paused .button-light{opacity:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.warm-core{opacity:.45;transform:none}.foliage-left{transform:translateX(-92%) rotate(-20deg)}.foliage-right{transform:translateX(92%) scaleX(-1) rotate(-20deg)}.signature-sweep,.button-light{opacity:0}}