:root{--navy:#101c2c;--deep:#0b1421;--orange:#ff6b22;--cream:#f3f2ee;--ink:#19212a;--muted:#7e8690}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--cream);color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-mark,.footer-brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{height:84px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:42px;font-weight:800;line-height:1;letter-spacing:-2px}.brand-dot,.footer-brand span{color:var(--orange)}.brand-name{font-size:10px;letter-spacing:1.5px;font-weight:800;line-height:1.4;border-left:1px solid #cbd0d5;padding-left:12px}.site-header nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:700}.site-header nav>a:hover{color:var(--orange)}.nav-cta{background:var(--orange);padding:15px 20px;color:white!important}.menu-toggle{display:none}.hero{background:var(--navy);color:white;min-height:660px;position:relative;overflow:hidden;display:grid;grid-template-columns:57% 43%;align-items:center;padding:55px 6% 65px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,transparent 20%,black)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;letter-spacing:3px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:14px;color:#b5c0cc}.line{height:2px;width:27px;background:var(--orange)}h1{font-size:clamp(72px,8.4vw,138px);line-height:.86;letter-spacing:-2px;margin:28px 0 30px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero p{max-width:510px;color:#bac4ce;font-size:15px;line-height:1.85}.hero-actions,.join-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{border:1px solid transparent;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 23px;font-size:12px;font-weight:800;min-width:180px}.button.primary{background:var(--orange);color:white}.button.primary:hover{background:#e75714}.button.secondary{border-color:#5b6572;color:white}.button.secondary:hover{background:#ffffff16}.hero-foot{font-size:10px;letter-spacing:1.8px;color:#93a0b0;margin-top:80px;font-weight:700}.pulse{display:inline-block;width:7px;height:7px;background:#ff8735;border-radius:50%;margin-right:10px}.sep{margin:0 13px}.hero-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:480px}.hero-visual img{width:min(100%,560px);filter:drop-shadow(0 32px 38px #0007)}.visual-outline{position:absolute;width:80%;aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 70px #ffffff05}.visual-tag{position:absolute;bottom:0;right:0;background:var(--orange);padding:17px 22px;line-height:1.3;font-size:10px;letter-spacing:2px}.visual-tag strong{font-size:18px}.hero-index{position:absolute;right:6%;bottom:22px;color:#708196;font-size:10px;letter-spacing:2px}.statement{display:grid;grid-template-columns:25% 75%;padding:110px 8%;gap:25px}.section-label{color:var(--orange)}.statement h2,.community h2,.faq h2{font-size:clamp(44px,5.3vw,82px);line-height:.98;letter-spacing:-.5px;max-width:920px}.statement h2 span{color:#9ba1a5}.statement p{max-width:680px;color:#6a747e;line-height:1.9;font-size:15px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-block:1px solid #e4e4e1;padding:0 8%}.pillars article{padding:45px 35px;border-left:1px solid #e3e4e3;min-height:285px}.pillars article:last-child{border-right:1px solid #e3e4e3}.pillar-number{font-size:10px;color:#9b9fa3;letter-spacing:2px}.pillar-icon{font-size:37px;color:var(--orange);height:75px;margin-top:20px}.pillars h3,.community-steps h3{font-size:27px;letter-spacing:.3px}.pillars p,.community-steps p{font-size:13px;color:#747e87;line-height:1.8;max-width:280px}.assessment{background:var(--deep);color:white;padding:105px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.section-label.light{color:#ff945c}.assessment h2,.join h2{font-size:clamp(54px,6vw,90px);line-height:.96;margin:32px 0}.assessment h2 span{color:var(--orange)}.assessment-intro>p{color:#b2bdc9;line-height:1.9;font-size:14px;max-width:480px}.text-link{display:inline-block;border-bottom:2px solid var(--orange);padding:16px 0;color:#ff985f;font-size:13px;font-weight:800}.assessment-list>div{display:flex;gap:25px;border-bottom:1px solid #ffffff27;padding:25px 0}.assessment-list b{font-size:13px;color:var(--orange)}.assessment-list strong{display:block;font-size:14px;letter-spacing:1px;margin-bottom:8px}.assessment-list small{color:#a0acba;line-height:1.7;font-size:12px}.community{padding:108px 8%}.community-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12%}.community h2{margin:25px 0 0}.community-head>p{font-size:15px;color:#6a747e;line-height:1.9;max-width:480px}.community-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.community-steps>div{border-top:3px solid var(--orange);padding:24px 5px 0}.community-steps span{font-family:'Barlow Condensed';font-size:70px;color:#d1d3d4}.community-steps h3{margin:12px 0}.join{background:#f26b24;color:#fff;padding:100px 8%;display:grid;grid-template-columns:1.5fr 1fr;gap:5%;overflow:hidden}.join h2 em{color:#152235}.join>div>p{max-width:560px;line-height:1.9;color:#fff8}.join .button.primary{background:#142235}.join .button.secondary{border-color:#fff9}.coming-soon{font-size:11px;letter-spacing:2px;font-weight:800;margin-top:32px}.join-circle{border:2px solid #ffffff65;width:min(100%,380px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-9deg);margin:auto}.join-circle span{font-family:'Barlow Condensed';font-weight:800;font-size:88px;line-height:.9}.join-circle small{font-size:10px;letter-spacing:2px;margin:10px 0 30px}.join-circle strong{font-family:'Barlow Condensed';font-size:31px;line-height:.94}.faq{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{margin:30px 0}.faq-items details{border-bottom:1px solid #d2d7d9;padding:24px 0}.faq-items summary{font-weight:800;cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-items summary:after{content:'+';font-size:21px;color:var(--orange)}.faq-items details[open] summary:after{content:'−'}.faq-items p{font-size:13px;line-height:1.9;color:#6d7780;padding-top:15px}footer{background:var(--navy);color:white;padding:45px 8%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;align-items:center}.footer-brand{font-weight:800;font-size:58px;letter-spacing:-2px}footer p{font-size:10px;letter-spacing:2px;line-height:1.8;color:#a8b4c2}.footer-right{font-size:10px;letter-spacing:1px;display:flex;gap:15px;flex-direction:column;align-items:flex-end}.footer-right span{color:#98a6b4}footer small{grid-column:1/-1;color:#728295;font-size:10px;margin-top:20px}@media(max-width:1000px){.site-header{padding:0 4%}.site-header nav{gap:15px}.hero{grid-template-columns:1fr 1fr;padding-inline:4%}.hero h1{font-size:clamp(60px,8vw,95px)}.statement,.assessment,.community,.join,.faq{padding-inline:5%}.pillars{padding-inline:5%}}@media(max-width:720px){.site-header{height:70px;padding:0 6%}.brand-mark{font-size:37px}.menu-toggle{display:block;background:none;border:0;font-size:12px;font-weight:800}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:25px 6%;gap:0;box-shadow:0 15px 20px #0002}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0}.site-header nav .nav-cta{text-align:center;margin-top:10px}.hero{display:flex;flex-direction:column;padding:68px 6% 35px;min-height:auto;align-items:stretch}.hero h1{font-size:clamp(67px,13.2vw,105px)}.hero p{font-size:14px}.hero-foot{margin-top:40px;line-height:2}.hero-visual{min-height:300px}.hero-visual img{width:75%}.visual-tag{right:0;bottom:20px}.hero-index{display:none}.statement{display:block;padding:70px 6%}.statement h2,.community h2,.faq h2{font-size:clamp(47px,10vw,70px);margin-top:28px}.pillars{grid-template-columns:1fr;padding:0 6%}.pillars article{min-height:0;border-right:0!important;padding:30px 15px;border-bottom:1px solid #eee}.pillar-icon{height:48px;margin-top:15px}.assessment,.community,.join,.faq{display:block;padding:75px 6%}.assessment-list{margin-top:36px}.assessment h2,.join h2{font-size:clamp(56px,11vw,78px)}.community-head,.community-steps{display:block}.community-steps{margin-top:40px}.community-steps>div{margin-top:25px}.join-circle{margin:60px auto 0;max-width:290px}.faq-items{margin-top:35px}footer{grid-template-columns:1fr 1fr;padding:35px 6%}footer p{grid-column:2}footer .footer-right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}footer small{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.uto-page{max-width:1120px;margin:0 auto;padding:70px 6%;min-height:60vh}.uto-page-title{font-size:clamp(44px,6vw,80px);line-height:1.05}.uto-page-content{font-size:17px;line-height:1.8}.uto-page-content img{max-width:100%;height:auto}.uto-page-content a{text-decoration:underline}.admin-bar .site-header{scroll-margin-top:32px}

.uto-page{max-width:1120px;margin:0 auto;padding:70px 6%;min-height:60vh}.uto-page-title{font-size:clamp(44px,6vw,80px);line-height:1.05}.uto-page-content{font-size:17px;line-height:1.8}.uto-page-content img{max-width:100%;height:auto}.uto-page-content a{text-decoration:underline}.admin-bar .site-header{scroll-margin-top:32px}

.header-logo{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0}.brand{min-width:0}@media(max-width:720px){.header-logo{width:50px;height:50px}.brand{gap:9px}.brand-name{font-size:8px;letter-spacing:1px}}

/* Stack the hero badge and caption on narrow screens. */
@media(max-width:720px){
 .hero-visual{flex-direction:column;gap:24px;padding:24px 0 16px;min-height:0}
 .hero-visual img{position:relative;z-index:1;width:min(85%,360px);height:auto}
 .hero-visual .visual-outline{top:12px;left:50%;transform:translateX(-50%);width:min(94%,400px);pointer-events:none}
 .hero-visual .visual-tag{position:relative;inset:auto;align-self:center;text-align:center;z-index:1;margin:0}
}
