:root{--ug-navy:#060b18;--ug-panel:#0d1528;--ug-panel-2:#101d33;--ug-teal:#00d4c8;--ug-cream:#f3f0e8;--ug-ink:#09101f;--ug-muted:#647083;--ug-line:rgba(9,16,31,.14)}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;background:var(--ug-cream);color:var(--ug-ink);font-family:Lexend,Inter,"Segoe UI",sans-serif}.ug-shell{width:min(1160px,calc(100% - 2rem));margin-inline:auto}.ug-kicker{margin:0 0 .8rem;color:#008f88;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ug-hero{overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0;background:radial-gradient(circle at 82% 22%,rgba(0,212,200,.18),transparent 26rem),var(--ug-navy);color:#fff}.ug-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(3rem,8vw,7rem);align-items:center}.ug-hero h1{max-width:760px;margin:.4rem 0 1.4rem;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;letter-spacing:-.055em}.ug-lede{max-width:700px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.7}.ug-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.ug-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.72rem 1.2rem;border:1px solid transparent;border-radius:999px;font-weight:800;text-decoration:none}.ug-button.ug-button--primary,.ug-button.ug-button--primary:hover,.ug-button.ug-button--primary:focus{background:var(--ug-teal);color:var(--ug-navy)}.ug-button--secondary{border-color:rgba(255,255,255,.3);color:#fff}.ug-button:hover{transform:translateY(-1px)}.ug-meta{margin:1rem 0 0;color:rgba(255,255,255,.46);font-size:.82rem}.ug-hero__map{position:relative;padding:1.3rem;border:1px solid rgba(255,255,255,.13);border-radius:1.5rem;background:rgba(255,255,255,.055);box-shadow:0 30px 80px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.ug-hero__map ol{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0;padding:0;list-style:none}.ug-hero__map li{display:flex;align-items:center;gap:.75rem;min-height:64px;padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(4,10,24,.6);color:rgba(255,255,255,.72);font-size:.82rem;font-weight:700}.ug-hero__map span{display:grid;width:32px;height:32px;place-items:center;border-radius:.65rem;background:rgba(0,212,200,.12);color:var(--ug-teal);font-size:.7rem}.ug-chapter-nav{position:sticky;top:0;z-index:12;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(6,11,24,.95);box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.ug-chapter-nav .ug-shell{display:flex;gap:.3rem;overflow-x:auto;padding-block:.7rem;scrollbar-width:none}.ug-chapter-nav a{flex:none;padding:.48rem .72rem;border-radius:.55rem;color:rgba(255,255,255,.62);font-size:.76rem;font-weight:700;text-decoration:none}.ug-chapter-nav a:hover,.ug-chapter-nav a:focus{background:rgba(0,212,200,.12);color:var(--ug-teal)}.ug-intro{padding:5.5rem 0}.ug-intro__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem}.ug-intro h2,.ug-video h2,.ug-faq h2,.ug-finish h2{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em}.ug-checklist{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.ug-checklist li{display:grid;grid-template-columns:minmax(180px,.75fr) 1.25fr;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--ug-line)}.ug-checklist strong{font-size:.92rem}.ug-checklist span{color:var(--ug-muted);font-size:.92rem;line-height:1.6}.ug-video{padding:5.5rem 0;background:#dcece8}.ug-video__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2rem,6vw,5rem);align-items:center}.ug-video p{color:#3d4b5d;line-height:1.7}.ug-video__chapters{padding-left:1.3rem;color:#344357;font-size:.9rem;line-height:1.9}.ug-video__frame{margin:0}.ug-video video{display:block;width:100%;aspect-ratio:16/9;border:1px solid rgba(6,11,24,.15);border-radius:1.1rem;background:var(--ug-navy);box-shadow:0 28px 60px rgba(22,55,60,.2)}.ug-video figcaption{margin-top:.7rem;color:#53606e;font-size:.74rem;text-align:center}.ug-steps{padding:2rem 0 7rem}.ug-step{display:grid;grid-template-columns:80px minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center;min-height:480px;padding:5.5rem 0;border-bottom:1px solid var(--ug-line)}.ug-step__number{align-self:start;color:#8b968f;font-size:.8rem;font-weight:800;letter-spacing:.1em}.ug-step h2{margin:.1rem 0 1rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.045em}.ug-step__copy>p:not(.ug-kicker){max-width:620px;color:#4c596b;line-height:1.72}.ug-do{display:grid;gap:.25rem;margin-top:1.5rem;padding:1rem;border-left:3px solid var(--ug-teal);background:rgba(0,212,200,.08);font-size:.85rem}.ug-do span{color:#536174;line-height:1.55}.ug-ui{position:relative;min-height:270px;padding:1.5rem;border:1px solid rgba(255,255,255,.11);border-radius:1.35rem;background:linear-gradient(145deg,var(--ug-panel-2),var(--ug-navy));box-shadow:0 28px 65px rgba(6,11,24,.18);color:#fff}.ug-ui small{color:var(--ug-teal);font-size:.68rem;font-weight:800;letter-spacing:.12em}.ug-ui b{display:block;margin:.7rem 0 1rem;font-size:1.15rem}.ug-ui i{display:inline-flex;margin-top:1rem;padding:.55rem .75rem;border-radius:.6rem;background:var(--ug-teal);color:var(--ug-navy);font-size:.73rem;font-style:normal;font-weight:800}.ug-ui__logo{display:grid;width:42px;height:42px;place-items:center;margin-bottom:1rem;border:1px solid rgba(0,212,200,.35);border-radius:.8rem;color:var(--ug-teal)}.ug-ui--login{max-width:360px;margin-inline:auto}.ug-ui__field{display:block;margin:.65rem 0;padding:.75rem;border:1px solid rgba(255,255,255,.13);border-radius:.65rem;color:rgba(255,255,255,.48);font-size:.75rem}.ug-ui--project div,.ug-ui--evidence div{display:flex;gap:.55rem;flex-wrap:wrap}.ug-ui--project span,.ug-ui--evidence span{padding:.45rem .6rem;border-radius:.55rem;background:rgba(255,255,255,.08);color:rgba(255,255,255,.68);font-size:.72rem}.ug-ui--dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.ug-ui--dashboard>span{min-height:110px;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;color:rgba(255,255,255,.45);font-size:.66rem;text-transform:uppercase}.ug-ui--dashboard b{margin:0 0 .25rem;color:#fff;font-size:1.8rem}.ug-ui--dashboard div{grid-column:1/-1;align-self:end;height:10px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.08)}.ug-ui--dashboard div i{display:block;width:var(--w);height:100%;margin:0;padding:0;background:var(--ug-teal)}.ug-ui--workflow p,.ug-ui--evidence p{color:rgba(255,255,255,.62);font-size:.8rem}.ug-ui--workflow span{display:block;min-height:72px;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:.7rem;color:rgba(255,255,255,.35);font-size:.73rem}.ug-ui--board{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ug-ui--board>div{padding:.7rem;border-radius:.75rem;background:rgba(255,255,255,.05)}.ug-ui--board span{display:block;margin-top:.7rem;padding:.75rem;border-left:2px solid var(--ug-teal);border-radius:.45rem;background:rgba(255,255,255,.08);font-size:.7rem}.ug-ui--timeline{display:grid;align-content:center;gap:.8rem}.ug-ui--timeline span{position:relative;padding:1rem 1rem 1rem 3.4rem;border-radius:.7rem;background:rgba(255,255,255,.06);color:rgba(255,255,255,.63);font-size:.78rem}.ug-ui--timeline b{position:absolute;left:.8rem;top:.85rem;margin:0;color:var(--ug-teal);font-size:.68rem}.ug-ui--report span{display:block;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.58);font-size:.76rem}.ug-faq{padding:7rem 0;background:var(--ug-navy);color:#fff}.ug-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,7rem)}.ug-faq__grid>div:first-child>p:last-child{color:rgba(255,255,255,.52);line-height:1.7}.ug-faq__items details{border-top:1px solid rgba(255,255,255,.14)}.ug-faq__items details:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.ug-faq__items summary{position:relative;padding:1.2rem 2.5rem 1.2rem 0;cursor:pointer;font-weight:700;list-style:none}.ug-faq__items summary::-webkit-details-marker{display:none}.ug-faq__items summary::after{position:absolute;right:.2rem;content:"+";color:var(--ug-teal);font-size:1.35rem}.ug-faq__items details[open] summary::after{content:"–"}.ug-faq__items p{max-width:760px;margin:0;padding:0 2rem 1.35rem 0;color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.7}.ug-finish{padding:7rem 0;text-align:center;background:linear-gradient(135deg,#d8eeea,#f3f0e8)}.ug-finish .ug-actions{justify-content:center}.ug-finish .ug-button--secondary{border-color:rgba(6,11,24,.25);color:var(--ug-navy)}
@media(max-width:900px){.ug-hero__grid,.ug-intro__grid,.ug-video__grid,.ug-faq__grid{grid-template-columns:1fr}.ug-step{grid-template-columns:48px 1fr}.ug-step__copy{grid-column:2}.ug-ui{grid-column:2}.ug-hero__map{max-width:620px}.ug-video__grid{gap:2rem}}
@media(max-width:600px){.ug-shell{width:min(100% - 1.25rem,1160px)}.ug-hero{padding:4rem 0}.ug-hero h1{font-size:3rem}.ug-hero__map ol{grid-template-columns:1fr}.ug-checklist li{grid-template-columns:1fr;gap:.25rem}.ug-step{grid-template-columns:1fr;min-height:0;padding:4rem 0}.ug-step__number,.ug-step__copy,.ug-ui{grid-column:1}.ug-ui{min-height:240px}.ug-ui--dashboard,.ug-ui--board{grid-template-columns:1fr}.ug-ui--dashboard div{grid-column:1}.ug-faq,.ug-finish{padding:5rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ug-button:hover{transform:none}}
body[data-aar-page] main a.ug-button.ug-button--primary,body[data-aar-page] main a.ug-button.ug-button--primary:hover,body[data-aar-page] main a.ug-button.ug-button--primary:focus{color:var(--ug-navy)}
body[data-aar-page] main .ug-hero a.ug-button.ug-button--primary,body[data-aar-page] main .ug-hero a.ug-button.ug-button--primary:hover,body[data-aar-page] main .ug-hero a.ug-button.ug-button--primary:focus{color:#fff}
body[data-aar-page] main .ug-hero a.ug-button.ug-button--secondary,body[data-aar-page] main .ug-hero a.ug-button.ug-button--secondary:hover,body[data-aar-page] main .ug-hero a.ug-button.ug-button--secondary:focus{background:#060b18;color:var(--ug-teal)}
body[data-aar-page] main .ug-video :is(h2,p,li,figcaption){color:#263548}body[data-aar-page] main .ug-video .ug-kicker{color:#007a74}body[data-aar-page] main .ug-finish :is(h2,p){color:var(--ug-navy)}body[data-aar-page] main .ug-finish .ug-kicker{color:#007a74}