@view-transition{navigation:auto}:root{--paper:#f6f5f1;--white:#fffefa;--ink:#23272c;--muted:#646963;--line:#deded7}html{background:#eeede8}body{background:#f6f5f1}header{background:#f6f5f1ed;height:88px;padding:0 3.5vw;gap:20px}header nav{gap:20px;font-size:12px}header nav a{min-height:44px;display:flex;align-items:center}header nav [aria-current=page]{color:var(--blue)}.header-actions{gap:14px}.brand{font-size:28px}.button{border-radius:24px}.button.small{border-radius:24px}.hero{margin:18px 20px 0;background:#fffefa;border-radius:32px;overflow:hidden;padding:55px 4vw 42px}.hero-visual{border-radius:25px}.floating-spec{border-radius:20px;background:#fffdf7ef}.hero-caption{font-size:9px}.section{margin:18px 20px;border-radius:32px;padding:90px 5vw;overflow:hidden;background:#fffefa}.intro-strip{margin:0 6vw;border:0}.section-head>p{max-width:390px}.product-paths{background:#eeeee9}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path-card{min-width:0;display:block;background:#fffefa;padding:14px 14px 28px;border-radius:24px;transition:transform .25s,box-shadow .25s}.path-card:hover{transform:translateY(-5px);box-shadow:0 16px 45px #1824340b}.path-art{height:235px;background:#e9edf3;border-radius:16px;overflow:hidden;position:relative}.path-art img{width:100%;height:100%;object-fit:cover;object-position:top left}.path-art.portal-art{background:#dce7eb;padding:20px 0 0;text-align:center}.portal-art img{width:145px;margin:auto;object-fit:cover;object-position:top;border-radius:14px}.path-card>span{display:block;font-size:10px;letter-spacing:.08em;color:var(--blue);margin:25px 12px 14px}.path-card h3{font-size:27px;margin:0 12px 16px}.path-card p{font-size:13px;margin:0 12px}.home-network{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.home-network>div>p{max-width:370px;margin-bottom:30px}.home-network-art{position:relative;border-radius:24px;overflow:hidden;height:540px}.home-network-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.home-network-art>span{position:absolute;bottom:20px;left:20px;color:white;background:#172530b8;padding:10px 14px;border-radius:20px;font-size:9px;letter-spacing:.08em}.ecosystem{background:#fffefa}.end-cta{background:#e9ecf8;text-align:center;padding:90px 5vw}.end-cta h2{font-size:clamp(42px,6vw,85px);margin-bottom:35px}.page-intro{margin:18px 20px;background:#fffefa;border-radius:32px;padding:80px 5vw 65px}.page-intro h1{font-size:clamp(50px,6.2vw,88px);max-width:1100px;margin:0 0 35px}.page-intro-bottom{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.page-intro-bottom>p{font-size:18px;max-width:660px;margin:0;line-height:1.7}.page-intro-bottom>.button{flex-shrink:0}.field{background:#eeeee9}.routing{border-radius:24px;background:#fffefa}.wan-nodes>div{border-radius:14px}.router{border-radius:18px}.lan{border-radius:12px}.solution-grid{border-color:var(--line)}.photo-grid figure img{border-radius:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.feature-grid article .eyebrow{font-size:9px;margin-bottom:22px}.feature-grid h3{font-size:27px;line-height:1.15}.feature-grid p{font-size:14px}.portal-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.portal-intro .feature-grid{grid-template-columns:1fr;margin:0;gap:25px}.portal-intro .feature-grid article{padding-top:20px}.portal-intro .feature-grid h3{font-size:24px;margin-bottom:14px}.portal-intro .feature-grid .eyebrow{margin-bottom:12px}.portal-gallery{background:#eeeee9}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.portal-card{background:#fffefa;border-radius:24px;padding:16px;overflow:hidden}.portal-card.phone .portal-frame{height:490px;background:#e5e7e5}.portal-frame{height:300px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e5e7e5}.portal-frame img{width:100%;height:100%;object-fit:contain}.portal-card.phone .portal-frame img{width:auto;max-width:100%;height:100%;object-fit:contain}.portal-caption{padding:26px 12px 12px}.portal-caption h3{font-size:25px;margin-bottom:12px}.portal-caption p{font-size:13px;margin:0}.image-zoom{padding:0;border:0;width:100%;display:block;position:relative;background:transparent;text-align:left;border-radius:18px;overflow:hidden}.image-zoom:focus-visible{outline-offset:5px}.zoom-label{position:absolute;bottom:14px;right:14px;z-index:2;background:#fffef5ed;border:1px solid #dadcd6;padding:8px 14px;border-radius:20px;font-size:10px;color:#29313b;box-shadow:0 4px 12px #0001;opacity:.9}.image-zoom:hover .zoom-label{opacity:1;color:var(--blue)}.screen-panel{margin:0;min-width:0}.screen-panel .image-zoom{border:1px solid #dadfe4;background:#edf0f4;padding:12px;border-radius:24px;box-shadow:0 20px 50px #24344a08}.screen-panel img{display:block;width:100%;height:auto;aspect-ratio:auto;border-radius:16px;object-fit:contain}.screen-panel figcaption{font-size:10px;color:var(--muted);margin:16px 4px 0}.screenshot-section{background:#fffefa}.split-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center;background:#eeeee9}.split-showcase h2{font-size:clamp(38px,4vw,60px)}.next-product{background:#e9ecf8;text-align:center}.next-product p{margin-bottom:25px}.labs-learning{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#eeeee9}.labs-learning>div>p{max-width:430px}.lab-exercises{display:grid;gap:15px}.lab-exercises article{padding:27px;background:#fffefa;border:1px solid var(--line);border-radius:20px}.lab-exercises article>span{font-size:9px;letter-spacing:.08em;color:var(--blue)}.lab-exercises h3{font-size:26px;margin:15px 0}.lab-exercises p{font-size:13px;margin:0}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.roadmap-grid article{padding:35px;background:#eeeee9;border-radius:24px}.roadmap-grid article:last-child{background:#eeeff8}.status-label{display:inline-block;background:#e1eadf;color:#3b6043;padding:6px 10px;border-radius:16px;font-size:9px;font-weight:600}.status-label.planned{background:#dedff1;color:#5a5485}.roadmap-grid h3{font-size:28px;margin:25px 0}.roadmap-grid ul{padding-left:18px;line-height:2.3;font-size:14px;color:var(--muted)}.roadmap-grid p{font-size:12px;margin:22px 0 0}.contact{background:#fdfcf7;color:var(--ink)}.contact p,.contact .eyebrow{color:var(--muted)}.contact-reveal{border-color:var(--line);border-radius:18px;background:#f3f3ee}.contact-reveal small{color:var(--muted)}.direct-icon{color:var(--blue)}.field label{color:var(--muted)}.field input,.field textarea,.field select{color:var(--ink);background:#f6f6f0;border-color:#d6dad5;border-radius:12px}.field select option{background:#fffefa}.field input::placeholder,.field textarea::placeholder{color:#71786f}.submit{border-radius:24px;background:var(--blue);color:#fff;padding:15px 24px}.email-contact{border-color:#b8beb6}.contact-intro>p{max-width:410px}footer{margin:18px 20px 20px;border-radius:32px;background:#e9e9e2;padding:60px 5vw 30px}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:20px 0 60px}.footer-links>div>span{font-size:9px;letter-spacing:.12em;display:block;margin-bottom:22px;color:var(--muted)}.footer-links a{display:block;font-size:13px;padding:7px 0}.footer-links a:hover{color:var(--blue)}.footer-top{border-bottom:1px solid #d3d6cc;margin-bottom:25px}.image-dialog{border:0;border-radius:22px;background:#fffefa;padding:50px 18px 15px;max-width:95vw;width:1500px;max-height:94svh;color:var(--ink)}.image-dialog::backdrop{background:#162335bb;backdrop-filter:blur(8px)}.image-dialog img{display:block;max-height:78svh;max-width:100%;width:auto;margin:auto;object-fit:contain}.image-dialog p{font-size:11px;text-align:center;margin:14px 0 0}.dialog-close{position:absolute;top:10px;right:12px;border:1px solid #d6dad3;border-radius:20px;background:#fffefa;padding:8px 15px;font-size:12px;min-height:36px}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal-ready.is-visible{opacity:1;transform:none}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .35s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){header nav{gap:13px;font-size:11px}.header-actions .nav-console{display:none}.header-actions .button.small{font-size:11px;padding:10px 13px}.header-actions{gap:8px}.brand{font-size:25px}.hero h1{font-size:68px}.path-art{height:200px}.path-card h3{font-size:24px}.page-intro-bottom>p{font-size:16px}.portal-intro{gap:40px}}
@media(max-width:850px){header nav{display:none}.menu-toggle{display:block}.header-actions .button.small{display:none}.path-grid{grid-template-columns:1fr}.path-card{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;padding:16px}.path-art{grid-row:1/4;height:230px}.path-card>span{margin-top:18px}.home-network{gap:35px}.home-network-art{height:450px}.portal-intro{grid-template-columns:1fr}.feature-grid{gap:24px}.split-showcase{grid-template-columns:1fr;gap:30px}.page-intro-bottom{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:600px){header{height:72px;padding:0 6vw}.hero,.section,.page-intro,footer{margin:10px;border-radius:24px}.hero{padding:36px 5vw 20px;gap:28px}.hero h1{font-size:clamp(48px,11.6vw,68px)}.hero-visual{min-height:430px;border-radius:20px}.hero-caption{line-height:1.7}.floating-spec{border-radius:18px;left:16px;right:16px}.section{padding:55px 5vw}.page-intro{padding:50px 5vw 40px}.page-intro h1{font-size:clamp(43px,10.5vw,62px);line-height:1.05;overflow-wrap:break-word}.page-intro-bottom>p{font-size:15px}.path-card{display:block;padding:14px 14px 26px}.path-art{height:245px}.path-card h3{font-size:27px}.path-card p{font-size:14px}.path-card>span{margin-top:24px}.home-network{grid-template-columns:1fr;gap:30px}.home-network-art{height:360px;border-radius:20px}.home-network h2{font-size:42px}.intro-strip{margin:0 7vw;padding:28px 0}.feature-grid{grid-template-columns:1fr;gap:24px;margin-top:40px}.feature-grid h3{font-size:27px}.portal-grid{grid-template-columns:1fr;gap:20px}.portal-card{padding:12px;border-radius:20px}.portal-card.phone .portal-frame{height:450px}.portal-frame{height:230px;border-radius:14px}.portal-caption{padding:20px 8px 12px}.portal-caption p{font-size:13px}.screen-panel .image-zoom{padding:5px;border-radius:16px}.screen-panel img{border-radius:11px}.screen-panel .zoom-label{font-size:8px;bottom:10px;right:10px;padding:5px 9px}.labs-learning{grid-template-columns:1fr;gap:30px}.roadmap-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.roadmap-grid article{padding:26px;border-radius:20px}.roadmap-grid h3{font-size:26px}.roadmap-grid ul{font-size:13px}.end-cta h2{font-size:47px}.contact h2{font-size:47px}.contact{gap:35px}.footer-links{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:35px}.footer-links a{font-size:12px}.footer-links>div:last-child{grid-column:1/-1}footer{padding:40px 5vw 24px}.footer-top{padding-bottom:30px}.image-dialog{padding:48px 10px 12px;border-radius:18px}.image-dialog img{max-height:75svh}.image-dialog p{font-size:10px}#mobile-menu{top:72px;background:#fffefa;border-radius:0 0 24px 24px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid figure img{height:220px}}
.hero h1{font-size:clamp(56px,5.7vw,88px)}
@media(max-width:760px){.hero h1{font-size:clamp(48px,11.6vw,68px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.path-card{transition:none}.path-card:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}