.hero-pathways{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(760px,100%);margin:25px 0 0;position:relative;z-index:4}
.hero-pathway{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:74px;padding:12px 15px;border:1px solid #b8d5ee;border-radius:15px;background:#fffffff2;color:#081326;text-decoration:none;box-shadow:0 15px 40px #0a35731c;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.hero-pathway:hover{transform:translateY(-4px);border-color:#4385e3;box-shadow:0 22px 48px #0a35732b}.hero-pathway>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#dcecff;color:#0a47aa;font:800 11px "Manrope"}.hero-pathway div{display:flex;flex-direction:column;min-width:0}.hero-pathway strong{font:800 14px/1.25 "Manrope"}.hero-pathway small{margin-top:4px;color:#597083;font-size:11px;line-height:1.35}.hero-pathway>b{color:#1765df;font-size:22px}.hero-pathway.extension-path{border-color:#2871d8;background:linear-gradient(135deg,#082c78f2,#0e59cef2);color:#fff}.hero-pathway.extension-path>span{background:#6cc8ff;color:#07265e}.hero-pathway.extension-path small{color:#c5dbec}.hero-pathway.extension-path>b{color:#78d0ff}
.sketchup-extension{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:120px 7vw 95px;background:linear-gradient(140deg,#061a48 0%,#092e7e 48%,#0d4fc5 100%);color:#fff;overflow:hidden}.sketchup-extension:before{content:"";position:absolute;width:600px;height:600px;right:-250px;top:-280px;border:1px solid #6ab8ff38;border-radius:50%;box-shadow:0 0 0 85px #ffffff08,0 0 0 170px #ffffff05}.extension-copy,.extension-product,.extension-process{position:relative;z-index:1}.sketchup-extension .section-tag{color:#79cbff}.sketchup-extension h2{margin:24px 0;font:750 clamp(46px,5vw,72px)/1.02 "Manrope";letter-spacing:-3.5px}.sketchup-extension h2 em{font-style:normal;color:#7ed0ff}.extension-lead{max-width:650px;margin:0;color:#c4d7e8;font-size:16px;line-height:1.75}
.extension-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.extension-benefits article{display:flex;gap:13px;padding:16px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0b;backdrop-filter:blur(8px)}.extension-benefits article>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#64bfff;color:#06255f;font:800 10px "Manrope"}.extension-benefits strong,.extension-benefits span{display:block}.extension-benefits strong{font:700 14px "Manrope"}.extension-benefits span{margin-top:5px;color:#b9cde0;font-size:12px;line-height:1.5}
.extension-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}.extension-primary{background:#fff!important;color:#0a3892!important}.extension-primary:hover{background:#dff3ff!important}.extension-whatsapp{color:#fff;font-size:13px;font-weight:700;text-underline-offset:5px}
.extension-product{display:flex;align-items:center;justify-content:center;min-width:0;perspective:1200px}.product-window{width:min(610px,100%);border:1px solid #83c7ff55;border-radius:23px;background:#f4f8fc;box-shadow:0 42px 90px #00102f88;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:transform .6s ease}.extension-product:hover .product-window{transform:rotateY(0) rotateX(0) translateY(-5px)}.product-topbar{display:flex;align-items:center;gap:7px;height:45px;padding:0 17px;background:#0a1630;color:#d8e7f6}.product-topbar>span{width:8px;height:8px;border-radius:50%;background:#2e71d8}.product-topbar>span:nth-child(2){background:#60bdf4}.product-topbar>span:nth-child(3){background:#87d9ff}.product-topbar b{margin-left:8px;font:700 10px "Manrope";letter-spacing:1px}.product-body{display:grid;grid-template-columns:62px 1fr;min-height:500px}.tool-sidebar{display:flex;flex-direction:column;align-items:center;gap:13px;padding:22px 10px;background:#e5edf5}.tool-sidebar button{width:39px;height:39px;border:0;border-radius:10px;background:#fff;color:#274a72;font-size:18px;box-shadow:0 4px 13px #16386212}.tool-sidebar button.active{background:#0c52c8;color:#fff}.tool-panel{padding:38px 34px;color:#10233d}.panel-kicker{color:#1761d3;font:800 10px "Manrope";letter-spacing:1.5px}.tool-panel h3{margin:9px 0 28px;font:800 27px "Manrope";letter-spacing:-1px}.tool-panel label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#557087;font-size:12px;font-weight:700}.tool-panel input,.tool-panel select{width:100%;height:46px;padding:0 13px;border:1px solid #cad9e5;border-radius:9px;background:#fff;color:#10233d;font:600 13px "DM Sans";box-sizing:border-box}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.generate-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin-top:9px;padding:0 17px;border:0;border-radius:10px;background:linear-gradient(90deg,#0b409e,#176ee9);color:#fff;font:800 11px "Manrope";letter-spacing:.7px;cursor:pointer}.tool-status{display:flex;align-items:center;gap:9px;margin-top:18px;color:#527086;font-size:11px}.tool-status i{width:8px;height:8px;border-radius:50%;background:#20bb7a;box-shadow:0 0 0 5px #20bb7a1c}.extension-float-card{position:absolute;right:-10px;bottom:55px;width:215px;padding:17px 18px;border-left:4px solid #71c8ff;background:#061b49ed;box-shadow:0 18px 40px #00153870}.extension-float-card b,.extension-float-card span{display:block}.extension-float-card b{font:700 14px "Manrope"}.extension-float-card span{margin-top:6px;color:#bdd2e4;font-size:11px;line-height:1.5}
.extension-process{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;padding-top:28px;border-top:1px solid #ffffff20}.extension-process span{display:flex;align-items:center;gap:8px;color:#d3e2f0;font-size:12px}.extension-process span b{color:#6ec8ff;font:800 10px "Manrope"}.extension-process i{width:40px;height:1px;background:#ffffff32}
@media(max-width:1050px){.sketchup-extension{grid-template-columns:1fr;gap:55px}.extension-product{max-width:700px;margin:auto;width:100%}.extension-process{flex-wrap:wrap}.extension-process i{width:20px}}
@media(max-width:650px){.hero-extension-callout{align-items:flex-start}.hero-extension-callout small{line-height:1.35}.sketchup-extension{padding:80px 24px 65px}.sketchup-extension h2{font-size:43px;letter-spacing:-2px}.extension-benefits{grid-template-columns:1fr}.product-window{transform:none}.product-body{grid-template-columns:48px 1fr;min-height:445px}.tool-sidebar{padding:18px 5px}.tool-sidebar button{width:34px;height:34px}.tool-panel{padding:28px 18px}.tool-panel h3{font-size:22px}.extension-float-card{right:-6px;bottom:25px;width:175px}.extension-process{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:12px}.extension-process i{width:1px;height:14px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){.hero-extension-callout,.product-window{transition:none}}
.generate-button{cursor:default;box-sizing:border-box}
.hero-pathway.engineering-path{background:#52a9e3;border-color:#52a9e3;color:#071d48}
.hero-pathway.engineering-path small{color:#102f55}
.hero-pathway.engineering-path>span{background:#ffffffb8;color:#0b3887}
.hero-pathway.engineering-path>b{color:#082d67}
.hero-pathway.extension-path{background:#2453d4;border-color:#2453d4;color:#fff}
.hero-pathway.extension-path small{color:#eef5ff}
.hero-pathway.extension-path>span{background:#52a9e3;color:#071d48}
.hero-pathway.extension-path>b{color:#fff}
.hero-pathway:focus-visible{outline:3px solid #071d48;outline-offset:4px}
.sketchup-extension{border-top:8px solid #63c6ff;scroll-margin-top:84px}
.technical-showcase{border-top:8px solid #0b3f9e;scroll-margin-top:84px}
@media(max-width:650px){.hero-pathways{grid-template-columns:1fr}.hero-pathway{min-height:68px}}