@font-face{font-family:Parsons;src:url(/fonts/Parson-Regular.otf) format("opentype"),local("Parson"),local("Parson Regular");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Parsons;src:url(/fonts/Parson-SemiBold.otf) format("opentype"),local("Parson SemiBold"),local("Parson Semibold");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Parsons;src:url(/fonts/Parson-Bold.otf) format("opentype"),local("Parson Bold");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Parson;src:url(/fonts/Parson-Regular.otf) format("opentype"),local("Parson"),local("Parson Regular");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Parson Medium;src:url(/fonts/Parson-SemiBold.otf) format("opentype"),local("Parson Medium"),local("Parson SemiBold"),local("Parson Semibold");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Parson;src:url(/fonts/Parson-Bold.otf) format("opentype"),local("Parson Bold");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Parson;src:url(/fonts/Parson-SemiBold.otf) format("opentype"),local("Parson SemiBold"),local("Parson Semibold");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.otf) format("opentype"),local("Satoshi"),local("Satoshi Regular");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.otf) format("opentype"),local("Satoshi Medium");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.otf) format("opentype"),local("Satoshi Black");font-style:normal;font-weight:900;font-display:swap}:root{--font-primary: "Satoshi", "Segoe UI", sans-serif;--font-secondary: "Satoshi", "Segoe UI", sans-serif;--deep-900: #0f1f3d;--deep-800: #1a3769;--deep-700: #2457a8;--mint-500: #2e88f4;--mint-400: #64b5ff;--sun-400: #9ecfff;--paper: #fbfdff;--paper-soft: #f2f7ff;--text-100: #132647;--text-300: #355177;--text-500: #5d7699;--line: rgba(30, 81, 156, .2);--line-strong: rgba(24, 67, 130, .42);--bottom-cta-width: 220px;--bottom-cta-height: 56px;--shadow-soft: 0 18px 40px rgba(21, 58, 116, .12);--shadow-card: 0 26px 56px rgba(21, 58, 116, .18)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-secondary);color:var(--text-100);min-height:100vh;background:url(/assets/WebsiteBG-BtXzcHxh.png) center / cover fixed no-repeat,linear-gradient(94deg,#eef5ff,#f4f8ff 30%,#f8fbff 62%,#fff)}.app-shell{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.app-shell:before,.app-shell:after{content:none}.app-shell:before{display:none}.app-shell:after{display:none}.background-grid{display:none}.container{position:relative;z-index:1;width:min(1080px,100%);margin:0 auto;flex:1;padding:96px 24px 36px;display:grid;grid-template-rows:auto auto 1fr auto;gap:22px}.font-warning{border:1px solid rgba(155,81,0,.35);border-radius:12px;background:linear-gradient(165deg,#fff6dbf5,#fff0beed);padding:10px 12px;color:#573000}.font-warning-title,.font-warning-copy{margin:0;font-family:var(--font-secondary)}.font-warning-title{font-weight:700;margin-bottom:3px}.font-warning-copy{font-size:.9rem}.site-footer{position:relative;z-index:1;width:min(100%,980px);margin:0 auto 28px;padding:18px 24px 20px;border:1px solid rgba(30,81,156,.16);border-radius:24px;background:#fffffff0;box-shadow:var(--shadow-soft);color:var(--text-500);font-size:.84rem;line-height:1.45}.footer-divider{display:none}.site-footer p{margin:0}.global-nav{position:fixed;top:0;left:0;z-index:20;width:100%;margin:0;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid rgba(31,82,157,.22);background:#fbfeffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 24px #153a741f}.partner-logos{display:flex;align-items:center;gap:10px}.partner-link{display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .22s ease}.partner-link:hover{transform:translateY(-2px)}.partner-logo{height:32px;width:auto;display:block}.top-nav{display:flex;gap:8px}.nav-dropdown{position:relative;display:flex}.nav-dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:10px}.nav-dropdown-menu{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(-6px);min-width:180px;padding:8px;display:grid;gap:6px;border:1px solid rgba(31,82,157,.18);border-radius:18px;background:#fffffffa;box-shadow:0 18px 38px #123a7a29;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-option{border:0;border-radius:12px;background:transparent;color:var(--deep-800);padding:10px 12px;text-align:left;font-size:.84rem;font-weight:600;font-family:var(--font-secondary);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-dropdown-option:hover,.nav-dropdown-option:focus-visible,.nav-dropdown-option.active{background:linear-gradient(145deg,#2b6fd41f,#1a3f7f14);color:var(--deep-900);transform:translate(1px)}.step-nav-title{margin:0 0 0 18px;flex:1;text-align:left;padding:0;color:#0f1742;font-family:var(--font-secondary);font-size:clamp(.88rem,1.4vw,1rem);font-weight:700;white-space:nowrap}.nav-button,.step-nav-button{border:1px solid var(--line);background:#f7fbff;color:var(--deep-800);border-radius:999px;padding:9px 16px;font-size:.84rem;font-weight:600;font-family:var(--font-secondary);letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.nav-button:hover,.step-nav-button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#fff}.nav-button.active{border-color:transparent;color:#fff;background:linear-gradient(145deg,#2b6fd4,#1a3f7f)}.hero{border:1px solid rgba(33,85,163,.2);border-radius:24px;width:min(100%,980px);margin-inline:auto;padding:24px 24px 22px;background:linear-gradient(130deg,#ffffffeb,#f2f8ffeb),linear-gradient(90deg,#3685f81a,#80bcff1a);box-shadow:var(--shadow-soft);animation:rise-in .48s cubic-bezier(.2,.68,.2,1) both}.eyebrow{margin:0;letter-spacing:.22rem;text-transform:uppercase;color:#397dff;font-size:.76rem;font-family:var(--font-secondary);font-weight:900;text-align:center}.hero h1{margin:10px 0 12px;font-family:var(--font-secondary);font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.06;letter-spacing:-.02em;color:#0f1742;font-weight:700;max-width:900px;text-align:center;margin-inline:auto}.hero-title-highlight{color:#397dff}.hero-copy{margin:0;max-width:780px;color:#0f1742;font-family:var(--font-secondary);font-weight:500;line-height:1.58;text-align:center;margin-inline:auto}.hero .class-selector{margin-top:14px}.hero-step{padding:16px 18px 14px}.hero-step h1{font-size:clamp(1.35rem,2.2vw,2.2rem);margin:8px 0}.hero-step .hero-copy{font-size:.92rem;max-width:760px}.app-shell.step-active .container{width:min(980px,100%);gap:16px;padding-top:72px}.class-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.class-card-option{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,420px);justify-self:center}.class-card{border:1px solid rgba(15,23,66,.78);border-radius:26px;background:#0f1742;color:#f3f9ff;width:min(74%,360px);height:120px;text-align:center;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;gap:0;box-shadow:var(--shadow-soft);transition:transform .22s ease,border-color .22s ease,background .22s ease;animation:rise-in .5s cubic-bezier(.2,.68,.2,1) both}.class-card-residential{background:#0f1742;border-color:#9ddbbcb8}.class-card-cni{background:#0f1742;border-color:#8faaffc7}.class-card-lgu{background:#0f1742;border-color:#a3bfffcc}.class-card-option:nth-child(1){animation-delay:50ms}.class-card-option:nth-child(2){animation-delay:.1s}.class-card-option:nth-child(3){animation-delay:.15s}.class-card:hover{transform:translateY(-2px);border-color:#b5d5ffe6}.class-card.active{background:#0f1742;border-color:#fff;box-shadow:var(--shadow-card);color:#f3f9ff}.class-card-residential.active{background:#0f1742;border-color:#b0e7d0}.class-card-cni.active{background:#0f1742;border-color:#adccff}.class-card-lgu.active{background:#0f1742;border-color:#a0c1ff}.class-image{width:78%;height:78%;object-fit:contain;object-position:center bottom;display:block;margin:0 auto}.class-card.active .class-image{filter:brightness(1.07)}.class-image-residential,.class-image-cni,.class-image-lgu{width:98%;height:98%;transform:none}.class-title{font-size:clamp(.94rem,1.35vw,1.08rem);font-weight:500;font-family:var(--font-secondary);line-height:1.2;max-width:26ch;text-wrap:balance;text-align:center;color:#0f1742}.class-card-option.active .class-title{color:#0f1742}.content-panel{border:1px solid rgba(30,80,154,.24);border-radius:20px;width:min(100%,980px);margin-inline:auto;background:#feffffe6;padding:22px;box-shadow:var(--shadow-card);animation:rise-in .52s cubic-bezier(.2,.68,.2,1) both}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.content-head-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.step-pill{padding:5px 10px;border-radius:99px;font-size:.76rem;letter-spacing:.08rem;text-transform:uppercase;border:1px solid rgba(31,78,149,.36);color:var(--deep-700);background:#64b5ff2e;font-weight:700;flex-shrink:0}.content-head h2{margin:0;font-family:var(--font-secondary);font-size:clamp(1.25rem,1.8vw,1.62rem);color:var(--deep-900);max-width:min(78%,38rem)}.step-description{color:var(--text-300);margin-bottom:18px}.flowchart-panel{padding:0;border:none;background:transparent;box-shadow:none}.flowchart-block{--flow-gap-x: 40px;--flow-gap-y: 40px;--flow-arrow-size: 52px;--flow-arrow-side-size: min(var(--flow-arrow-size), max(10px, calc(var(--flow-gap-x) - 2px)));--flow-arrow-drop-size: min(var(--flow-arrow-size), max(10px, calc(var(--flow-gap-y) - 2px)));--flow-card-width: 245px;--flow-card-height: 180px;--flow-surface: #e9eef9;--flow-surface-wave: #dce6f6;--flow-primary: #232a6d;--flow-accent: #5f7bf5;--flow-border: #6f8fff;display:grid;grid-template-rows:auto auto 1fr auto;gap:0px;position:relative;overflow:hidden;width:min(100%,980px);margin:16px auto 0;padding:10px;background:var(--flow-surface);border-radius:36px}.flowchart-block:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-3%;height:20%;pointer-events:none;border-radius:52% 48% 0 0/100% 100% 0 0;background:var(--flow-surface-wave)}.flowchart-page-title{margin:0 0 16px;color:var(--flow-primary);font-family:var(--font-secondary);font-size:clamp(1.8rem,2.8vw,2.35rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-align:center;position:relative;z-index:1}.flowchart-helper{margin:0;color:var(--flow-primary);font-size:.98rem;font-weight:500;position:relative;z-index:1}.flowchart-rows{display:grid;gap:0px;position:relative;z-index:1;overflow:visible;padding:0 6px;justify-items:center;align-content:start}.flowchart-row-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0px;width:min(100%,calc((var(--flow-card-width) * 3) + (var(--flow-gap-x) * 2)))}.flowchart-row-wrap-4{width:min(100%,calc((var(--flow-card-width) * 3) + (var(--flow-gap-x) * 2)))}.flowchart-row{grid-column:1 / -1;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:var(--flow-gap-x);width:100%}.flowchart-row.reverse{direction:ltr}.flowchart-row.last{justify-items:stretch}.flowchart-item{position:relative;min-width:0}.flowchart-row.last .flowchart-item{grid-column:3}.flowchart-node{width:100%;height:var(--flow-card-height);border:1.5px solid var(--flow-border);border-radius:22px;background:#fff;color:var(--flow-primary);text-align:left;cursor:pointer;padding:16px 14px 0;display:grid;grid-template-rows:auto auto 1fr;gap:8px;transition:border-color .2s ease,transform .2s ease}.flowchart-node:hover{border-color:#6c86ff;transform:translateY(-2px)}.flowchart-step-icon{width:57px;height:57px;object-fit:contain;display:block}.flowchart-step-number{font-size:1rem;letter-spacing:.01em;text-transform:uppercase;font-family:var(--font-secondary);font-weight:800;color:var(--flow-accent)}.flowchart-step-text{font-size:.84rem;font-family:var(--font-secondary);font-weight:500;line-height:1.2;color:var(--flow-primary);display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.flowchart-arrow{position:absolute;top:50%;left:calc(100% + (var(--flow-gap-x) / 2));transform:translate(-50%,-50%);width:var(--flow-arrow-side-size);height:var(--flow-arrow-side-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--flow-accent);color:#fff;font-size:clamp(.56rem,calc(var(--flow-arrow-side-size) * .42),1rem);line-height:1;margin:0;font-weight:800;z-index:2}.flowchart-row-drop{width:var(--flow-arrow-drop-size);height:var(--flow-arrow-drop-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--flow-accent);color:#fff;font-size:clamp(.56rem,calc(var(--flow-arrow-drop-size) * .42),1rem);line-height:1;font-weight:800}.flowchart-row-drop.right{grid-column:3;justify-self:center;transform:none}.flowchart-row-drop.left{grid-column:1;justify-self:center;transform:none}.step-screen{position:relative;display:grid;grid-template-columns:minmax(92px,10%) 1fr;row-gap:2px;column-gap:18px;padding:4px 0 8px}.step-screen-class-title{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:0;grid-column:2;justify-self:center;text-align:center;font-family:var(--font-secondary);font-size:clamp(1.75rem,3vw,2.8rem);line-height:1;color:#232a6d;letter-spacing:-.02em;position:relative;z-index:1}.step-screen-class-icon{width:clamp(78px,6.6vw,104px);height:clamp(78px,6.6vw,104px);object-fit:contain;flex-shrink:0}.step-screen-main{grid-column:1 / -1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(92px,10%) 1fr;gap:16px;align-items:stretch}.step-content-column{display:grid;gap:12px}.step-timeline{position:relative;display:grid;justify-items:center;align-content:start;align-self:start;gap:12px;padding-bottom:8px}.timeline-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.timeline-item{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.timeline-step{width:48px;height:48px;border:0;border-radius:999px;background:#7e91f5;color:#fff;font-family:var(--font-secondary);font-weight:700;font-size:.96rem;cursor:pointer;transition:transform .2s ease,filter .2s ease}.timeline-step:hover{transform:translateY(-1px);filter:brightness(1.06)}.timeline-step.active{background:#232a6d}.timeline-step.complete{background:#6d83f2}.timeline-badge{min-width:26px;height:26px;border-radius:999px;background:#bfcfff;color:#232a6d;font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}.timeline-badge-group{position:absolute;left:56px;top:0;width:28px;height:280px;border-radius:22px;background:#bfcfff;color:#232a6d;font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.timeline-badge.active,.timeline-badge-group.active{background:#232a6d;color:#fff}.timeline-legend{margin:4px 0 0;color:#3a467f;font-size:.78rem;line-height:1.35;white-space:pre-line;text-align:left;max-width:110px;position:relative;z-index:1}.step-card{position:relative;border:2px solid #c8d2ff;border-radius:48px;background:#fff;padding:34px 42px 30px;min-height:54vh;max-width:860px}.step-card-head{display:grid;grid-template-columns:154px 1fr;gap:16px;align-items:center;margin-bottom:12px}.step-permit-illustration{width:132px;height:144px;object-fit:contain;display:block}.step-card-kicker{margin:0;font-family:var(--font-secondary);font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800;color:#6d83f2;letter-spacing:.03em}.step-card-title{margin:10px 0 0;font-family:var(--font-secondary);color:#232a6d;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:600;line-height:1.05;letter-spacing:-.015em}.checklist-heading{margin:0 0 12px;font-size:clamp(1rem,1.6vw,1.25rem);color:#232a6d;font-family:var(--font-secondary);font-weight:700}.step-card .checklist-list{gap:10px}.step-card .checklist-item{border:0;border-radius:0;background:transparent;padding:0;gap:12px;align-items:flex-start}.step-card .checklist-item input,.step-card .checklist-parent-marker{display:none}.step-card .checklist-item:before{content:"✓";color:#232a6d;font-size:1.08rem;line-height:1.25;margin-top:2px;font-weight:700}.step-card .checklist-text,.step-card .checklist-table th,.step-card .checklist-table td{color:#232a6d;font-family:var(--font-secondary);font-size:clamp(.88rem,1.15vw,1rem);line-height:1.5}.step-card .checklist-sublist,.step-card .checklist-subsublist{margin-top:2px;gap:10px}.step-card .checklist-table{border-color:#c9d4ff}.step-card .checklist-table th,.step-card .checklist-table td{border-color:#c9d4ff;background:#f7f9ff}.step-card .checklist-table th{background:#edf2ff}.step-screen-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,max-content));justify-content:center;gap:16px;padding:0 20px}.step-screen-action-btn{width:min(var(--bottom-cta-width),100%);min-height:var(--bottom-cta-height);height:var(--bottom-cta-height);margin:8px 14px;border:0;border-radius:22px;color:#fff;font-family:var(--font-secondary);font-weight:800;font-size:clamp(.86rem,1.35vw,1.05rem);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;line-height:1.15;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.step-screen-action-btn.dark{background:#232a6d}.step-screen-action-btn.mid{background:#7a90f6}.step-screen-action-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.step-screen-action-btn:disabled{opacity:.45;cursor:not-allowed}.step-screen-action-btn.proceed{position:relative;overflow:visible}.checklist-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}.checklist-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(31,84,159,.17);border-radius:12px;background:linear-gradient(155deg,#f9fcff,#edf4ff)}.checklist-item.has-children,.checklist-item.has-table{align-items:flex-start}.checklist-content{display:grid;gap:8px;width:100%}.checklist-text{white-space:pre-line}.checklist-item input{margin-top:2px;accent-color:var(--mint-500);flex-shrink:0}.checklist-item.has-table>input{margin-top:4px}.checklist-parent-marker{width:8px;height:8px;border-radius:2px;background:#2e88f4bf;margin-top:7px;flex-shrink:0}.checklist-sublist{margin:0;gap:8px}.checklist-subsublist{margin-top:2px;padding-left:12px}.checklist-subitem{background:linear-gradient(155deg,#f3f8ff,#eaf2ff);border-color:#1f549f26;padding:9px 10px}.checklist-subsubitem{background:linear-gradient(155deg,#f7fbff,#f0f6ff);border-color:#1f549f1a}.checklist-subitem input{transform:scale(.9)}.checklist-table-wrap{display:inline-block;width:fit-content;max-width:100%;overflow-x:auto}.checklist-table-wrap.nested{margin-top:2px}.checklist-table{width:max-content;border-collapse:collapse;border:1px solid rgba(31,84,159,.2);border-radius:10px;overflow:hidden;background:#ffffffdb;min-width:0}.checklist-table th,.checklist-table td{border:1px solid rgba(31,84,159,.16);padding:7px 9px;text-align:left;font-size:.92rem;line-height:1.35}.checklist-table th{background:#64b5ff2e;color:var(--deep-900);font-weight:700}.step-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:38px}.step-actions>:nth-child(1){justify-self:start}.step-actions>:nth-child(2){justify-self:center}.step-actions>:nth-child(3){justify-self:end}.step-actions-spacer{visibility:hidden}.stepper{position:relative;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));align-items:center;gap:8px;padding:10px 0 4px}.stepper-line{position:absolute;left:12px;right:12px;top:27px;height:2px;background:linear-gradient(90deg,#20539d33,#20539da3)}.step-node{position:relative;z-index:2;width:34px;height:34px;justify-self:center;border-radius:50%;border:1px solid rgba(29,79,151,.36);background:#eef4ff;color:var(--deep-800);font-size:.78rem;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.step-node:hover{transform:translateY(-2px)}.step-node.done{background:linear-gradient(150deg,var(--mint-400),#2e88f4);color:#fff;border-color:transparent;font-weight:700}.step-node.active{background:linear-gradient(145deg,#2c71d8,#1a3f7f);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 0 0 4px #64b5ff57}.about-page{display:grid;gap:14px}.about-block h2{margin:0 0 10px;font-family:var(--font-secondary);color:#397dff}.about-text,.about-card p,.about-list{color:var(--text-300);line-height:1.6}.about-text{margin:0 0 10px}.about-overview-copy{text-align:justify;text-justify:inter-word;padding:12px 14px}.about-overview-copy .about-text{margin:0 0 14px;padding:0 2px}.about-overview-copy .about-text:last-child{margin-bottom:0}.about-overview-copy:after{content:"";display:table;clear:both}.about-pdf-feature{float:right;width:min(42%,500px);margin:0 0 12px 35px}.about-pdf-image{width:100%;height:auto;display:block}.about-fundamentals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.about-card{border:1.5px solid #6f8fff;border-radius:24px;padding:24px;background:#fff}.about-read-more{width:90px;height:28px;margin-top:8px;margin-left:auto;border:1.5px solid #6f8fff;border-radius:999px;background:#fff;color:#5f7bf5;padding:0;font-size:12px;font-weight:600;font-family:var(--font-secondary);line-height:1;cursor:pointer;display:block}.about-read-more:hover{border-color:#5f7bf5;background:#fff;color:#232a6d}.about-fundamentals-section{background:#fff;border:1px solid rgba(35,42,109,.08);border-radius:30px;box-shadow:0 2px 10px #232a6d0f;padding:32px;display:grid;gap:24px}.about-fundamentals-section h2{margin:0;font-family:var(--font-secondary);font-size:1.5em;font-weight:700;letter-spacing:0;color:#397dff}.about-fundamentals-card{aspect-ratio:2.05 / 1;min-height:205px;display:flex;flex-direction:column;justify-content:flex-start;padding:16px}.about-fundamentals-card h3{margin:0 0 12px;font-family:var(--font-secondary);font-size:clamp(1.22rem,1.8vw,1.35rem);font-weight:500;line-height:1.25;color:#232a6d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.about-fundamentals-card p{margin:0;font-family:var(--font-secondary);font-size:clamp(.9rem,1.1vw,.96rem);line-height:1.55;color:#232a6d}.about-fundamentals-read-more{width:90px;height:28px;margin-top:auto;margin-left:auto;border:1.5px solid #6f8fff;border-radius:999px;background:#fff;color:#5f7bf5;font-family:var(--font-secondary);font-size:12px;font-weight:600;line-height:1;cursor:pointer}.about-fundamentals-read-more:hover{border-color:#5f7bf5;color:#232a6d}.about-carousel-controls{margin-top:0;display:flex;justify-content:flex-end;gap:12px}.about-carousel-controls .step-nav-button{width:90px;height:28px;padding:0;border:1.5px solid #6f8fff;border-radius:999px;background:#fff;color:#5f7bf5;font-family:var(--font-secondary);font-size:12px;font-weight:600;line-height:1}.about-carousel-controls .step-nav-button:hover{transform:none;border-color:#5f7bf5;background:#fff;color:#232a6d}.about-list{margin:0;padding-left:18px;display:grid;gap:7px}.faq-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.faq-item{border:1.5px solid #6f8fff;border-radius:24px;background:#fff;padding:16px}.faq-item h3{margin:0 0 12px;font-size:clamp(1.22rem,1.8vw,1.35rem);line-height:1.25;color:#232a6d;font-family:var(--font-secondary);font-weight:500}.faq-number{color:var(--deep-700);font-weight:800;margin-right:4px}.faq-answer{margin:0 0 8px;font-family:var(--font-secondary);font-size:clamp(.9rem,1.1vw,.96rem);line-height:1.55;color:#232a6d}.site-footer p:first-child{font-weight:700}.faq-answer:last-child{margin-bottom:0}.about-note{margin:14px 0 0;color:var(--text-500);line-height:1.55}.link-list a{color:var(--deep-700);text-decoration:none;border-bottom:1px solid rgba(31,78,149,.4)}.link-list a:hover{color:var(--deep-900);border-bottom-color:var(--deep-700)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.step-screen{grid-template-columns:minmax(92px,10%) 1fr}.step-screen-main{grid-template-columns:minmax(92px,10%) 1fr;gap:12px}.step-timeline{justify-items:center;align-content:start;align-self:start;gap:12px}.timeline-list{display:grid;gap:10px;overflow:visible;padding-bottom:0}.timeline-item{min-width:0;justify-content:flex-start}.timeline-badge-group{position:absolute;left:56px;top:0;width:28px;height:280px;border-radius:22px}.timeline-legend{max-width:none;text-align:left}.step-card{padding:36px 32px 30px;border-radius:34px;min-height:0}.step-card-head{grid-template-columns:140px 1fr;gap:14px}.step-permit-illustration{width:138px;height:150px}.step-screen-actions{grid-template-columns:max-content;justify-content:center}.class-selector{grid-template-columns:1fr;justify-items:center}.class-card-option{width:min(100%,520px)}.class-card{width:min(75%,360px)}.about-fundamentals{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-fundamentals-card{aspect-ratio:auto;min-height:220px}.flowchart-block{--flow-card-width: clamp(160px, calc((100% - (var(--flow-gap-x) * 2)) / 3), 210px);--flow-card-height: 164px;--flow-gap-x: 14px;--flow-gap-y: 20px;--flow-arrow-size: 46px;aspect-ratio:auto;min-height:720px;padding:28px 20px;border-radius:28px}.flowchart-page-title{font-size:clamp(1.6rem,4.8vw,2rem)}.flowchart-node{padding:12px 10px 0;gap:6px}.flowchart-step-icon{width:48px;height:48px}.flowchart-row,.flowchart-row.reverse,.flowchart-row.last{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--flow-gap-x)}.flowchart-row-wrap-4{width:min(100%,calc((var(--flow-card-width) * 3) + (var(--flow-gap-x) * 2)))}.flowchart-row-drop{justify-self:center;margin-left:0;margin-right:0}.flowchart-step-number{font-size:.92rem}.flowchart-step-text{font-size:.78rem}}@media(max-width:760px){.flowchart-block{--flow-card-width: 100%;--flow-card-height: auto;--flow-gap-x: 0;--flow-gap-y: 16px;--flow-arrow-size: 36px;min-height:0;padding:24px 16px;border-radius:24px}.flowchart-rows{padding:0}.flowchart-row,.flowchart-row.reverse,.flowchart-row.last{grid-template-columns:1fr;gap:14px}.flowchart-row.last .flowchart-item{grid-column:auto}.flowchart-arrow,.flowchart-row-drop{position:static;transform:none;justify-self:center;margin:0 auto}.flowchart-arrow{margin-top:8px}.flowchart-row-drop.right,.flowchart-row-drop.left{transform:none}}@media(max-width:880px){.step-screen{row-gap:6px;column-gap:16px}.step-screen-class-title{text-align:center;font-size:clamp(1.8rem,9vw,2.5rem)}.step-screen-class-icon{width:clamp(58px,16vw,84px);height:clamp(58px,16vw,84px)}.step-card{padding:26px 18px 20px;border-radius:24px}.step-card-head{grid-template-columns:1fr;margin-bottom:12px}.step-card-title{max-width:100%}.timeline-step{width:44px;height:44px;font-size:.92rem}.timeline-badge{min-width:26px;height:26px;font-size:.68rem}.timeline-badge-group{position:absolute;left:52px;top:0;width:44px;height:260px;border-radius:22px;font-size:.64rem}.step-screen-action-btn{min-height:var(--bottom-cta-height);height:var(--bottom-cta-height);font-size:.94rem}.global-nav{flex-direction:column;align-items:flex-start;padding:12px 16px}.partner-logo{height:24px}.top-nav{width:100%;flex-wrap:wrap;justify-content:flex-end}.nav-dropdown-menu{left:auto;right:0;transform:translateY(-6px)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{transform:translateY(0)}.step-nav-title{white-space:normal;text-align:left;width:100%;margin:2px 0 0;padding:0;max-width:320px}.container{padding-top:128px}.app-shell.step-active .container{padding-top:104px}.about-fundamentals{grid-template-columns:1fr;gap:16px}.about-fundamentals-section{padding:24px 18px;border-radius:26px;gap:18px}.about-fundamentals-card{min-height:0;padding:14px}.about-fundamentals-card h3{font-size:clamp(1.1rem,5.2vw,1.3rem)}.about-fundamentals-card p{font-size:.9rem}.about-pdf-feature{float:none;max-width:360px;width:100%;margin:0 auto 12px}.about-overview-copy{padding:10px 8px}.about-carousel-controls{justify-content:space-between}.faq-item{padding:14px}.faq-item h3{font-size:clamp(1.1rem,5.2vw,1.3rem);margin-bottom:10px}.hero{padding:18px}.content-panel{padding:16px}.step-actions{gap:8px}.step-nav-button{font-size:.8rem;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}