:root{--burgundy:#833362;--burgundy-deep:#59213f;--ink:#262129;--muted:#655d62;--ivory:#fcfaf7;--blush:#f7f0f1;--warm:#f2ebe5;--line:#e7dedf;--white:#fff;--sans:"Inter",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--sans)}
h1 em,h2 em{font-family:var(--sans);font-style:normal;font-weight:700}
:focus-visible{outline:3px solid #b46691;outline-offset:4px}
.skip-link{position:fixed;top:-60px;left:12px;z-index:100;background:var(--white);padding:10px 16px}
.skip-link:focus{top:10px}
.container{width:min(100% - 64px,1240px);margin-inline:auto}
.section-pad{padding:clamp(84px,9vw,142px) 0}
.section-kicker{color:var(--burgundy);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.section-kicker{margin-bottom:26px}
.site-header{position:relative;background:#fff;border-bottom:1px solid rgba(131,51,98,.1)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:center}
.brand{display:block;width:min(100%,230px);line-height:0}
.brand img{width:100%;height:auto}
.hero{overflow:hidden;padding:clamp(76px,7.3vw,112px) 0 0;background:radial-gradient(circle at 85% 12%,#f7ecee,transparent 35%),var(--ivory)}
.hero-copy{text-align:center;max-width:1030px}
.hero h1{max-width:1060px;margin:0 auto 25px;font-size:clamp(3.15rem,5vw,5.15rem);line-height:1.09;letter-spacing:-.055em;font-weight:700}
.hero h1 em{color:var(--burgundy);font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.07em;letter-spacing:-.065em}
.hero-lede{max-width:730px;margin:0 auto;color:#5c5359;font-size:clamp(1rem,1.4vw,1.19rem);line-height:1.7}
.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:31px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 23px;border-radius:7px;font-weight:700;font-size:.87rem;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:var(--burgundy)}
.button-primary:hover{background:var(--burgundy-deep)}
.hero-visual-wrap{margin-top:clamp(52px,6.6vw,82px)}
.hero-visual{aspect-ratio:1.65;overflow:hidden;border-radius:14px;background:#f2e9e3}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}
.purpose{background:var(--ivory)}
.purpose-grid{display:grid;grid-template-columns:1.16fr .75fr;gap:clamp(50px,9vw,155px);align-items:start}
.purpose h2,.section-heading h2,.audience-copy h2,.after-request h2,.ecosystem h2,.closing h2{font-size:clamp(2.55rem,4.4vw,4.6rem);line-height:1.13;letter-spacing:-.05em;font-weight:700}
.purpose h2{max-width:760px;margin-bottom:0}
.purpose h2 em,.audience-copy h2 em,.after-request h2 em,.ecosystem h2 em{color:var(--burgundy)}
.purpose-copy{padding-top:55px}
.purpose-copy p{font-size:1.04rem;line-height:1.78;color:#554c50}
.purpose-copy p+p{margin-top:24px}
.editorial-mark{display:block;margin-top:27px;color:var(--burgundy);font-size:2.5rem;font-weight:300}
.process{background:#f5eff0}
.section-heading{max-width:700px}
.section-heading h2{margin-bottom:18px}
.section-heading>p:last-child{font-size:1.05rem;line-height:1.65;color:#5a5056}
.process-heading{margin-bottom:52px}
.system-path{display:grid;grid-template-columns:max-content 1fr max-content 1fr max-content;align-items:center;gap:16px;padding:28px 0;color:var(--burgundy);border-top:1px solid #dbcbd1;border-bottom:1px solid #dbcbd1}
.system-path span,.system-path strong{font-size:.88rem}
.system-path strong{padding:11px 17px;border:1px solid #b89aaa;border-radius:100px;background:#fff;font-weight:700}
.system-path i{height:1px;background:#b89aaa;position:relative}
.system-path i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid #a45d83;border-radius:50%;background:#f5eff0}
.process-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;list-style:none;margin:49px 0 0;padding:0}
.process-steps::before{content:"";position:absolute;left:12px;right:calc(20% - 10px);top:16px;height:1px;background:#c9b6be}
.process-steps li{position:relative}
.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b697a7;border-radius:50%;background:#f5eff0;color:var(--burgundy);font-size:.7rem;font-weight:700}
.process-steps h3{margin:25px 0 10px;font-size:1.04rem;line-height:1.35;letter-spacing:-.025em}
.process-steps p{margin:0;color:#62565c;font-size:.86rem;line-height:1.66}
.audience-section{overflow:hidden}
.people-section{background:#fff}
.lawyer-section{background:#faf7f3}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(55px,8vw,130px)}
.audience-copy{max-width:525px}
.audience-copy h2{margin-bottom:25px}
.audience-copy>.audience-lede{color:var(--ink);font-size:1.15rem;font-weight:700;line-height:1.55}
.audience-copy>p:not(.section-kicker):not(.audience-lede):not(.availability-note){color:#5f555a;line-height:1.76;font-size:1rem}
.story-prompt{margin:31px 0 0;padding:21px 0 0;border-top:1px solid var(--line)}
.story-prompt span{display:block;margin-bottom:10px;color:var(--burgundy);font-size:.65rem;font-weight:700;letter-spacing:.14em}
.story-prompt strong{display:block;font-family:var(--sans);font-size:1.07rem;letter-spacing:-.03em}
.story-prompt p{margin:8px 0 0;color:#6a6065;font-size:.85rem;line-height:1.6}
.availability-note{margin-top:33px;padding-top:18px;border-top:1px solid var(--line);color:#6b6266;font-size:.82rem;line-height:1.5}
.availability-note strong{color:var(--burgundy)}
.after-request{background:#fff}
.after-grid{display:grid;grid-template-columns:.91fr 1fr;gap:clamp(55px,9vw,145px);align-items:start}
.after-request h2{max-width:590px;margin-bottom:24px}
.after-intro>p:last-child{max-width:490px;color:#62575e;font-size:1rem;line-height:1.75}
.after-flow{border-top:1px solid #d5c6ca}
.after-flow>div{display:grid;grid-template-columns:37px 1fr;column-gap:16px;padding:23px 0;border-bottom:1px solid #e5dadd}
.after-flow>div span{grid-row:1/3;padding-top:3px;color:var(--burgundy);font-size:.73rem;font-weight:700}
.after-flow h3{margin:0 0 6px;font-size:1.05rem;letter-spacing:-.03em}
.after-flow>div p{margin:0;color:#62575e;font-size:.87rem;line-height:1.65}
.bridge-section{background:#f7f2f0}
.bridge-section .system-path{margin-top:60px;border-color:#d9c8cf}
.community-phone{position:relative;justify-self:center;width:min(100%,300px);padding:7px;border:2px solid #627387;border-radius:49px;background:#142438;box-shadow:inset 0 0 0 1px #9aa7b5,0 30px 65px rgba(25,45,63,.2)}
.community-phone::before{content:"";position:absolute;left:-5px;top:85px;width:3px;height:42px;border-radius:3px 0 0 3px;background:#52677d;box-shadow:0 55px 0 #52677d,0 105px 0 #52677d}
.community-phone::after{content:"";position:absolute;right:-5px;top:113px;width:3px;height:65px;border-radius:0 3px 3px 0;background:#52677d;box-shadow:0 210px 0 #52677d}
.community-phone-screen{position:relative;overflow:hidden;padding:35px 0 15px;border:1px solid #090e16;border-radius:40px;background:#f6f3ed;scrollbar-width:none}
.community-phone-screen::before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:86px;height:22px;transform:translateX(-50%);border-radius:99px;background:#07090d;box-shadow:inset 0 0 0 1px #1e2228}
.community-phone-screen::after{content:"";position:absolute;z-index:2;bottom:5px;left:50%;width:82px;height:4px;transform:translateX(-50%);border-radius:99px;background:#15191e}
.community-phone-screen::-webkit-scrollbar{display:none}
.iphone-status{position:absolute;top:11px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;color:#17304a;font-size:9px;font-weight:800;line-height:1}
.iphone-status-icons{display:flex;align-items:center;gap:4px;height:10px}
.iphone-signal{width:11px;height:9px;background:#17304a;clip-path:polygon(0 78%,20% 78%,20% 60%,40% 60%,40% 40%,60% 40%,60% 22%,80% 22%,80% 0,100% 0,100% 100%,0 100%)}
.iphone-wifi{width:10px;height:8px;border:2px solid #17304a;border-bottom:0;border-radius:10px 10px 0 0;transform:translateY(2px)}
.iphone-battery{width:14px;height:7px;border:1.5px solid #17304a;border-radius:2px;background:linear-gradient(#17304a,#17304a) left 2px top 1px/9px 3px no-repeat}
.community-screen{display:block;width:calc(100% + 4px);max-width:none;height:auto}
.lawyer-grid{grid-template-columns:1.05fr .95fr}
.app-mock{width:100%;height:400px;display:grid;grid-template-columns:180px 1fr;border:1px solid #eadfe1;border-radius:9px;background:#fff;box-shadow:0 22px 45px rgba(61,38,45,.17);overflow:hidden}
.app-sidebar{padding:18px 12px;border-right:1px solid #f0e9ea;background:#fcfafb}
.app-logo{display:flex;align-items:center;gap:5px;margin:0 0 42px 8px;color:#990000;font-family:var(--sans);font-size:1.2rem;letter-spacing:-.05em}
.side-item{display:flex;align-items:center;margin-bottom:5px;padding:15px 13px;border-radius:7px;font-size:1.08rem;font-weight:800;letter-spacing:-.04em}
.side-item.active{background:#f8e7e7;color:#990000;box-shadow:inset 4px 0 #990000}
.app-content{padding:24px 25px}
.app-top{display:flex;justify-content:space-between;align-items:center;color:#a08b94;font-size:.52rem;font-weight:700;letter-spacing:.14em}
.app-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ead8e1;color:var(--burgundy);font-size:.6rem}
.app-content h3{margin:31px 0 5px;font-size:1.19rem;letter-spacing:-.05em}
.app-content>p{max-width:280px;color:#8a7c82;font-size:.63rem;line-height:1.45}
.request-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee8ea}

.request-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:#f5ecf0;color:var(--burgundy);font-size:.56rem;font-weight:700}
.request-row div{display:grid;gap:3px}
.request-row strong{font-size:.63rem}
.request-row small{color:#9a8c92;font-size:.53rem}
.muted-row{opacity:.6}
.lawyer-points{display:grid;gap:0;margin-top:22px}
.lawyer-points div{display:flex;gap:15px;padding:13px 0;border-top:1px solid var(--line)}
.lawyer-points span{color:var(--burgundy);font-size:.72rem;font-weight:700}
.lawyer-points p{margin:0;color:#5e545a;font-size:.84rem;line-height:1.5}
.ecosystem{background:#fff}
.ecosystem-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(60px,10vw,155px)}
.ecosystem h2{margin-bottom:27px}
.ecosystem-copy>p:not(.section-kicker){max-width:520px;color:#5f555a;font-size:1rem;line-height:1.77}
.ecosystem-diagram{position:relative;width:min(100%,520px);aspect-ratio:1;margin:auto}
.orbit{position:absolute;inset:10%;border:1px solid #e4d5da;border-radius:50%}.orbit-two{inset:27%;border-style:dashed;border-color:#d5bbc7}
.diagram-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;width:165px;min-height:165px;padding:22px 10px;border:1px solid #d9bfc9;border-radius:50%;background:#fbf5f7;text-align:center;color:var(--burgundy);box-shadow:0 10px 30px rgba(99,53,74,.07)}
.diagram-center strong{margin-top:7px;font-family:var(--sans);font-size:.97rem;line-height:1.18;letter-spacing:-.05em}
.diagram-center small{margin-top:5px;color:#937689;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}
.orbit-label{position:absolute;padding:9px 14px;border:1px solid #e5d8dd;border-radius:100px;background:#fff;color:#6d5864;font-size:.73rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 18px rgba(82,42,60,.04)}
.label-ibp{top:9%;left:35%}.label-lgus{right:-1%;top:35%}.label-schools{right:4%;bottom:18%}.label-barangays{bottom:12%;left:7%}.label-orgs{top:34%;left:-5%}
.closing{padding:clamp(84px,8vw,120px) 0;background:#622744;color:#fff}
.closing-inner{display:grid;grid-template-columns:1fr .8fr;gap:clamp(60px,10vw,145px);align-items:center}
.closing .section-kicker{color:#e1bccf}
.closing h2{margin-bottom:22px}
.closing h2 em{color:#f4dce6}
.closing-heading>p:last-child{max-width:450px;color:#ebd9e1;font-size:1rem;line-height:1.7}
.closing-paths{border-top:1px solid rgba(255,255,255,.3)}
.closing-paths>div{padding:22px 0 24px;border-bottom:1px solid rgba(255,255,255,.3)}
.closing-paths span{color:#dfb4c9;font-size:.61rem;font-weight:700;letter-spacing:.15em}
.closing-paths h3{margin:9px 0 6px;font-size:1.12rem}
.closing-paths p{margin-bottom:7px;color:#e1cbd5;font-size:.81rem}
.closing-paths small{color:#fff;font-size:.72rem;font-weight:700}
section[id]{scroll-margin-top:75px}
@media(max-width:1050px){.audience-grid{gap:50px}}
@media(max-width:780px){.container{width:min(100% - 44px,640px)}.site-header .container{width:calc(100% - 44px)}.hero{padding-top:70px}.hero h1{font-size:clamp(3rem,9vw,4.7rem)}.hero-visual-wrap{width:100%;margin-top:55px}.hero-visual{aspect-ratio:4/3;border-radius:0}.purpose-grid,.audience-grid,.ecosystem-grid,.closing-inner{grid-template-columns:1fr}.purpose-grid{gap:25px}.purpose-copy{padding-top:0}.audience-copy{max-width:none}.lawyer-grid .app-mock{order:2;max-width:590px;margin-inline:auto}.lawyer-grid .audience-copy{order:1}.process-steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.process-steps::before{display:none}.system-path{gap:10px}.system-path span,.system-path strong{font-size:.69rem}.ecosystem-diagram{margin-top:25px}.closing-inner{gap:35px}}
@media(max-width:560px){.container{width:calc(100% - 38px)}.site-header .container{width:calc(100% - 38px)}.hero{padding-top:60px}.hero h1{font-size:clamp(2.73rem,11vw,4rem);letter-spacing:-.065em}.hero-lede{font-size:.96rem}.hero-actions{flex-direction:column;gap:20px}.hero-visual{aspect-ratio:4/3}.section-pad{padding:75px 0}.purpose h2,.section-heading h2,.audience-copy h2,.ecosystem h2,.closing h2{font-size:clamp(2.42rem,9.3vw,3.5rem)}.purpose-copy p,.ecosystem-copy>p:not(.section-kicker){font-size:.93rem}.process-heading{margin-bottom:30px}.system-path{grid-template-columns:1fr auto 1fr;padding:15px 0;text-align:center}.system-path i{display:none}.system-path strong{grid-column:2;grid-row:1;font-size:.65rem;padding:10px}.system-path span{font-size:.6rem;line-height:1.3}.system-path span:first-child{grid-column:1;grid-row:1}.system-path span:last-child{grid-column:3;grid-row:1}.process-steps{grid-template-columns:1fr;gap:0;margin-top:29px}.process-steps li{display:grid;grid-template-columns:34px 1fr;gap:17px;padding:16px 0;border-bottom:1px solid #e3d6d9}.process-steps h3{margin:0 0 6px}.process-steps p{font-size:.83rem}.app-mock{width:100%;height:360px;grid-template-columns:132px 1fr}.app-sidebar{padding:14px 8px}.app-logo{margin-left:3px;font-size:.95rem}.app-logo img{width:22px;height:22px}.side-item{padding:12px 9px;font-size:.9rem}.app-content{padding:18px 12px}.app-content h3{margin-top:26px;font-size:1rem}.ecosystem-diagram{width:100%;max-width:420px}.orbit-label{font-size:.56rem;padding:7px 9px}.diagram-center{width:125px;min-height:125px;padding:12px 5px}.diagram-center img{width:25px;height:25px}.diagram-center strong{font-size:.77rem}.diagram-center small{font-size:.46rem}}
@media(max-width:1100px){.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.process-steps::before{display:none}}
@media(max-width:780px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.after-grid{grid-template-columns:1fr;gap:28px}.bridge-section .system-path{margin-top:42px}}
@media(max-width:560px){.process-steps{grid-template-columns:1fr}.after-request h2{font-size:clamp(2.42rem,9.3vw,3.5rem)}.after-flow>div{padding:19px 0}.bridge-section .system-path{margin-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.hero-secondary-link{display:inline-flex;align-items:center;color:var(--burgundy);font-size:.87rem;font-weight:700;text-decoration:none}
.hero-secondary-link:hover{color:var(--burgundy-deep)}
.section-cta{margin-top:4px;max-width:100%;text-align:center;line-height:1.35}
.closing-paths .closing-destination{display:inline-block;color:#fff;font-size:.72rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.closing{scroll-margin-top:75px}
.closing-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(42px,7vw,105px)}
.closing-heading{padding-top:24px}
.closing-heading>p:nth-of-type(2){max-width:490px}
.launch-expectation{max-width:465px;margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.27)}
.launch-expectation p{margin:0;color:#e7d6df;font-size:.84rem;line-height:1.65}
.launch-form{padding:clamp(25px,3vw,38px);border-radius:14px;background:var(--ivory);color:var(--ink);box-shadow:0 24px 60px rgba(36,12,25,.12)}
.audience-options{min-width:0;margin:0 0 24px;padding:0;border:0}
.audience-options legend,.field-label{display:block;margin-bottom:12px;color:var(--ink);font-size:.83rem;font-weight:700}
.audience-option{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}
.audience-option input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:var(--burgundy)}
.audience-option span{display:grid;gap:3px}
.audience-option strong{font-size:.86rem;line-height:1.35}
.audience-option small{color:#73676e;font-size:.75rem;line-height:1.4}
.audience-option:has(input:checked) strong{color:var(--burgundy)}
.email-row{display:flex;gap:9px}
.email-row input{min-width:0;flex:1;height:50px;padding:0 13px;border:1px solid #ccbfc5;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:.86rem}
.email-row input::placeholder{color:#9b9095}
.launch-submit{flex:none;gap:10px;min-width:126px;border:0;background:var(--burgundy);color:#fff;cursor:pointer}
.launch-submit:hover{background:var(--burgundy-deep)}
.launch-submit:disabled{opacity:.65;cursor:wait;transform:none}
.consent-option{display:flex;align-items:flex-start;gap:10px;margin-top:18px;cursor:pointer}
.consent-option input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--burgundy)}
.consent-option span,.form-privacy{color:#62595d;font-size:.72rem;line-height:1.55}
.form-privacy{margin:15px 0 0}
.form-privacy a{text-decoration:underline;text-underline-offset:3px;color:var(--burgundy)}
.form-status{min-height:0;margin:0;font-size:.78rem;line-height:1.5}
.form-status:not(:empty){margin-top:15px;padding:11px 13px;border-radius:6px}
.form-status.is-success{background:#eaf4ed;color:#22533a}
.form-status.is-error{background:#f8e8ea;color:#853546}
.honeypot-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.closing-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,7vw,90px);margin-top:66px}
.closing-paths>div{padding:23px 0 0}
@media(max-width:780px){.closing-inner{grid-template-columns:1fr}.closing-heading{padding-top:0}.closing-heading>p:nth-of-type(2){max-width:600px}.launch-expectation{margin-top:24px}.closing-paths{margin-top:48px}}
@media(max-width:560px){.hero-secondary-link{min-height:35px}.closing-inner{gap:29px}.launch-form{padding:23px 19px}.email-row{flex-direction:column}.email-row input,.launch-submit{width:100%}.closing-paths{grid-template-columns:1fr;gap:15px;margin-top:38px}.closing-paths>div{padding-top:18px}.launch-expectation{margin-top:19px}}
@media(max-width:780px){.site-header .header-inner{min-height:78px}}
@media(max-width:560px){.site-header .header-inner{min-height:72px}.site-header .brand{width:min(100%,210px)}}
@media(max-width:560px){.community-phone{width:min(100%,280px)}}