:root{--yellow:#ffd51f;--ink:#11120f;--muted:#686a64;--soft:#f5f5f0;--line:#dedfd7}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden}.container{width:min(calc(100% - 64px),1240px)}.site-header{border:0;box-shadow:0 1px 0 rgba(17,18,15,.08)}.nav{height:92px}.brand{width:188px;height:54px;background:url("logo-plan-bee.png") left center/contain no-repeat;font-size:0;flex:none}.brand .brand-mark{display:none}.menu{gap:30px}.menu a:not(.button){position:relative;padding:35px 0}.menu a:not(.button):after{content:"";position:absolute;height:3px;left:0;right:100%;bottom:25px;background:var(--yellow);transition:.25s}.menu a:hover:after,.menu a.active:after{right:0}.menu a:hover,.menu a.active{color:var(--ink)}.button{text-transform:uppercase;letter-spacing:.09em;font-size:12px;padding:15px 22px;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.hero{min-height:calc(100vh - 92px);padding:76px 0;display:grid;align-items:center;position:relative;background:radial-gradient(circle at 83% 50%,rgba(255,213,31,.14),transparent 27%),#fff}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(30deg,transparent 49.4%,#d7d8d0 49.5%,#d7d8d0 50.5%,transparent 50.6%),linear-gradient(150deg,transparent 49.4%,#d7d8d0 49.5%,#d7d8d0 50.5%,transparent 50.6%);background-size:86px 50px;mask-image:linear-gradient(90deg,transparent 52%,#000)}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:44px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--ink);letter-spacing:.19em}.eyebrow:before{content:"";width:38px;height:3px;background:var(--yellow)}.hero h1,.page-hero h1{font-weight:800;letter-spacing:-.065em}.hero h1{font-size:clamp(58px,6.3vw,94px);max-width:760px}.hero .lead{font-size:19px;line-height:1.75;max-width:650px}.honeycomb{min-height:560px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.08))}.hex{width:166px;background:rgba(255,255,255,.98);font-size:12px;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 0 2px #e8e8e0;transition:.28s cubic-bezier(.2,.8,.2,1)}.hex:after{content:"";position:absolute;inset:11px;clip-path:inherit;box-shadow:inset 0 0 0 1px rgba(255,213,31,.55)}.hex:hover{background:var(--yellow);transform:scale(1.06);box-shadow:none;z-index:3}.hex.core{width:194px;background:var(--ink);box-shadow:inset 0 0 0 3px var(--yellow);font-size:21px;letter-spacing:.14em}.hex.core:before{content:"✦";display:block;color:var(--yellow);font-size:26px}.hex.core:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.hex:nth-child(2){top:2%}.hex:nth-child(3){right:1%;top:23%}.hex:nth-child(4){right:1%;bottom:8%}.hex:nth-child(5){bottom:-3%}.hex:nth-child(6){left:1%;bottom:8%}.hex:nth-child(7){left:1%;top:23%}.section{padding:120px 0}.section.soft{background:#f6f6f1;position:relative;overflow:hidden}.section.soft:before{content:"";position:absolute;right:0;top:0;width:32%;height:100%;background:linear-gradient(135deg,transparent 45%,rgba(255,213,31,.13));clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}.section>.container{position:relative}.section-head{margin-bottom:58px}.section h2{font-size:clamp(42px,5vw,68px);font-weight:800}.section-head p{font-size:18px;line-height:1.75}.grid{gap:0}.card{border-width:0 1px 1px 0;padding:42px 36px;min-height:260px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:5px;background:var(--yellow);transition:.3s}.card:hover:after{width:100%}.card:hover{background:#fffef8}.card .num{font-size:12px;letter-spacing:.14em}.card h3{font-size:27px;letter-spacing:-.025em}.grid.three .card:nth-child(3n),.grid.four .card:last-child{border-right:0}.section.dark{background:var(--ink);position:relative;overflow:hidden}.section.dark:after{content:"";position:absolute;width:480px;aspect-ratio:1;right:-120px;top:-210px;border:70px solid rgba(255,213,31,.1);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.section.dark .container{position:relative;z-index:1}.banner h2{font-size:clamp(40px,5vw,66px);max-width:820px}.page-hero{position:relative;overflow:hidden;padding:115px 0 90px;background:#fff}.page-hero:after{content:"";position:absolute;width:310px;aspect-ratio:1;right:8%;top:50%;transform:translateY(-50%);background:var(--yellow);opacity:.16;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.page-hero>.container{position:relative;z-index:1}.page-hero h1{max-width:920px}.page-hero .lead{line-height:1.75}.story-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-step{padding:54px 42px;border-right:1px solid var(--line);position:relative}.story-step:last-child{border:0}.story-step .big-num{font-size:72px;font-weight:800;line-height:1;color:#deded6}.story-step h3{font-size:31px;margin:8px 0}.story-step ul{padding:0;list-style:none;color:var(--muted)}.story-step li{padding:5px 0}.story-step li:before{content:"—";color:#b79400;margin-right:8px}.story-step:after{content:"→";position:absolute;right:-18px;top:50%;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900}.story-step:last-child:after{display:none}.portfolio-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.project-feature{min-height:480px;background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.project-feature:before{content:"";position:absolute;width:420px;aspect-ratio:1;right:-90px;top:-120px;background:var(--yellow);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);transform:rotate(16deg)}.project-feature:after{content:"PLÁN";position:absolute;right:-20px;top:110px;font-weight:900;font-size:110px;letter-spacing:-.08em;color:rgba(17,18,15,.2);transform:rotate(-8deg)}.project-feature>*{position:relative;z-index:1}.project-feature h3{font-size:42px;margin:10px 0}.project-stack{display:grid;gap:22px}.project-small{background:#f2f2ed;min-height:229px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.project-small:before{content:"";position:absolute;width:180px;aspect-ratio:1;right:-40px;top:-60px;border:22px solid var(--yellow);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.project-small h3{font-size:27px;margin:5px 0}.site-footer{padding:70px 0}.site-footer .brand{filter:invert(1);opacity:.88}@media(max-width:1040px){.menu{gap:18px}.hero-grid{grid-template-columns:1fr 470px}.honeycomb{transform:scale(.82);margin:-40px}.container{width:min(calc(100% - 48px),1240px)}}@media(max-width:900px){.nav{height:78px}.brand{width:154px}.menu{top:78px;gap:0;align-items:stretch}.menu a:not(.button){padding:14px 5px}.menu a:not(.button):after{bottom:8px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(52px,11vw,82px)}.honeycomb{width:560px;max-width:100%;margin:-20px auto -65px;transform:scale(.78)}.section{padding:90px 0}.story-flow{grid-template-columns:1fr}.story-step{border-right:0;border-bottom:1px solid var(--line)}.story-step:after{right:50%;top:auto;bottom:-18px;transform:translateX(50%) rotate(90deg)}.portfolio-strip{grid-template-columns:1fr}.project-feature{min-height:410px}}@media(max-width:620px){.container{width:min(calc(100% - 30px),1240px)}.hero{padding:54px 0}.hero:before{display:none}.hero h1{font-size:47px;line-height:1.01}.hero .lead{font-size:17px}.honeycomb{height:420px;min-height:420px;width:430px;left:50%;transform:translateX(-50%) scale(.69);margin:-20px 0 -55px}.hex{width:146px}.hex.core{width:168px}.section{padding:72px 0}.section h2{font-size:40px}.section-head{margin-bottom:38px}.grid.three,.grid.four{grid-template-columns:1fr}.card{border-right:0;min-height:auto;padding:34px 24px}.story-step{padding:38px 26px}.story-step .big-num{font-size:54px}.portfolio-strip{gap:14px}.project-feature{min-height:390px;padding:28px}.project-feature h3{font-size:34px}.project-stack{gap:14px}.page-hero{padding:75px 0 58px}.page-hero h1{font-size:45px}.footer-grid{gap:22px}.actions .button{width:100%}}