@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#10232b;--muted:#64747b;--accent:#c9f45b;--dark:#10242b;--line:#e1e8e8;--bg:#f7f9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer}.container{max-width:1220px;margin:auto;padding:0 30px}.header{height:88px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav,.brand,.actions,.section-heading,.footer-grid{display:flex;align-items:center;justify-content:space-between}.nav{height:100%;gap:28px}.brand{gap:15px}.brand-mark{font:800 34px Manrope;letter-spacing:-3px}.brand-mark span,.sidebar-logo span{color:#8ab927}.brand small{font-size:10px;max-width:100px;font-weight:700;line-height:1.3;letter-spacing:.4px}.brand img{max-width:145px;max-height:52px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:13px;font-weight:700}.nav nav a:hover{color:#6b9b0c}.btn,button{background:var(--accent);border:1px solid var(--accent);padding:17px 24px;border-radius:5px;font-weight:800;font-size:13px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;color:var(--ink)}.btn:hover,button:hover{background:#b6e347}.btn-small{padding:13px 18px}.btn-outline{display:inline-flex;border:1px solid #a9b8b9;border-radius:5px;padding:16px 22px;font-size:13px;font-weight:800;gap:20px}.hero{background:#10242b;color:#fff;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow{color:#d2e1e0}.dot{display:inline-block;background:var(--accent);height:7px;width:7px;border-radius:50%;margin-right:8px}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2.5px;line-height:1.13}.hero h1{font-size:clamp(43px,5vw,72px);margin:27px 0}.hero .lead{font-size:17px;line-height:1.9;color:#aebec0;max-width:550px}.actions{justify-content:flex-start;gap:15px;margin-top:35px}.hero .btn-outline{color:#fff;border-color:#63747a}.hero-bottom{display:flex;gap:32px;margin-top:72px;color:#a0b1b4;font-size:10px;font-weight:800;letter-spacing:1.5px}.hero-art{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #3c575c;border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:490px;height:240px}.orbit-b{width:340px;height:480px;transform:rotate(35deg)}.sphere{height:290px;width:290px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#d6ff7a,#8dc42c 48%,#37642e 90%);box-shadow:0 0 100px #9cc94733;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#15311e;transform:rotate(-15deg)}.sphere span{font:800 104px Manrope;letter-spacing:-13px}.sphere small{letter-spacing:8px;font-size:9px;font-weight:800}.floating{position:absolute;border:1px solid #52676c;background:#152d34;padding:13px 18px;font-size:10px;letter-spacing:2px}.f1{top:35px;right:0}.f2{bottom:48px;left:0}.section{padding:110px 0;scroll-margin-top:88px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.kicker{color:#648c19}.section h2{font-size:clamp(37px,4vw,56px);margin:25px 0}.section h2 em{font-style:normal;color:#769b32}.body-large{font-size:17px;line-height:1.95;color:#53646a}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);margin-top:42px;padding-top:25px}.facts strong{font:800 29px Manrope;display:block}.facts span{font-size:11px;color:var(--muted)}.section-muted{background:var(--bg)}.section-heading{gap:50px;align-items:end;margin-bottom:35px}.section-heading p{max-width:350px;color:var(--muted);line-height:1.8}.service-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);padding:32px;min-height:350px;display:flex;flex-direction:column}.service-no{font-size:11px;font-weight:800;color:#779c35}.service-icon{font-size:45px;margin:30px 0 8px}.service h3,.product h3{font:800 23px Manrope;letter-spacing:-.8px;margin:10px 0}.service p,.product p{font-size:14px;line-height:1.8;color:var(--muted)}.service a{margin-top:auto;padding-top:25px;font-size:12px;font-weight:800}.product{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:380px}.product-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#688d26;text-transform:uppercase;letter-spacing:1px}.product h3{margin-top:28px}.speed{font:800 24px Manrope;margin-top:auto;padding-top:20px}.price{font-size:16px;font-weight:800;margin:15px 0}.features{font-size:12px;line-height:2;color:var(--muted);padding-bottom:20px}.product .btn-outline{justify-content:space-between}.empty{grid-column:1/-1;background:var(--bg);padding:45px}.contact{background:#eaf0e9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-grid>div>p{line-height:1.8;color:var(--muted);margin-bottom:40px}.contact-detail{border-top:1px solid #cbd6cd;padding:20px 0;display:grid;grid-template-columns:100px 1fr;gap:15px;font-size:14px}.contact-detail span{font-size:10px;font-weight:800;letter-spacing:1px}.contact-detail p{margin:0;line-height:1.6}.contact-form{background:#fff;padding:40px}.contact-form h3{font:800 27px Manrope;margin:0 0 25px}label{display:block;font-size:12px;font-weight:800;margin-bottom:18px}input,textarea,select{display:block;width:100%;border:1px solid #d9e1e0;background:#fff;border-radius:4px;padding:13px;margin-top:9px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#79a526}textarea{resize:vertical}.contact-form button{width:100%}footer{background:#10242b;color:#fff;padding:55px 0 22px}.footer-grid{align-items:start;gap:40px}.footer-grid strong{font:800 40px Manrope;letter-spacing:-3px}.footer-grid p{max-width:370px;color:#9eb1b5;font-size:13px;line-height:1.8}.footer-grid a{display:block;font-size:13px;margin-bottom:12px}.footer-end{border-top:1px solid #365056;padding-top:22px;margin-top:40px;color:#8fa5a9;font-size:11px}.auth{max-width:440px;margin:9vh auto;padding:40px;border:1px solid var(--line);border-radius:8px}.auth h1{font:800 30px Manrope}.auth form button{width:100%}.error,.success{padding:13px 18px;margin:15px 0;border-radius:4px;font-size:13px}.error{background:#ffe8e5;color:#9e302b}.success{background:#e5f7d2;color:#3b681a}.admin-body{background:#f4f6f4}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:#10242b;color:#fff;padding:32px 20px;display:flex;flex-direction:column}.sidebar-logo{font:800 34px Manrope;letter-spacing:-2px;padding:0 14px}.sidebar-logo small{display:block;font:700 9px DM Sans;letter-spacing:2px;color:#91a7aa}.sidebar nav{margin-top:55px}.sidebar nav a,.sidebar-bottom a{display:block;padding:15px;border-radius:5px;font-size:13px;color:#a7bbbd;margin:4px 0}.sidebar nav a:hover,.sidebar nav a.current{background:#274047;color:#d4fa8b}.sidebar-bottom{margin-top:auto}.admin-main{margin-left:255px;padding:48px;max-width:1600px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-top h1{font:800 35px Manrope;letter-spacing:-1px;margin:8px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stats>div,.panel{background:#fff;border:1px solid var(--line);padding:27px;border-radius:6px}.stats span,.stats small{display:block;font-size:11px;color:var(--muted)}.stats strong{display:block;font:800 42px Manrope;margin:10px 0}.panel{margin-bottom:24px}.panel h2{font:800 23px Manrope;letter-spacing:-.6px;margin:0 0 20px}.panel p{color:var(--muted);line-height:1.8}.admin-form{max-width:950px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:17px 12px;vertical-align:top}th{font-size:10px;letter-spacing:1px;color:var(--muted)}td a{font-weight:800;color:#638f17}.inline{display:inline}.danger{background:#ffebeb;color:#9e302b;border:0;padding:8px 12px;margin-left:8px}.logo-preview{max-width:160px;max-height:100px;object-fit:contain;display:block;margin:12px 0 20px}@media(max-width:900px){.nav nav{display:none}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-grid{padding-top:65px}.hero-art{height:340px}.sphere{width:210px;height:210px}.sphere span{font-size:72px}.orbit-a{width:300px}.orbit-b{height:310px}.service-grid,.product-grid{grid-template-columns:1fr 1fr}.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{margin-top:15px;display:flex;flex-wrap:wrap}.sidebar-bottom{display:flex}.admin-main{margin:0;padding:25px}}@media(max-width:600px){.container{padding:0 20px}.header{height:74px}.brand small{display:none}.nav>.btn{padding:10px;font-size:11px}.hero h1{font-size:43px}.hero-bottom{gap:12px;flex-wrap:wrap;margin-top:40px}.section{padding:75px 0}.section-heading{display:block}.service-grid,.product-grid,.stats,.form-grid{grid-template-columns:1fr}.contact-form{padding:25px}.footer-grid{display:block}.admin-top{display:block}.admin-main{padding:16px}.auth{margin:30px 15px}.contact-detail{grid-template-columns:1fr}}

/* ONE icons: local SVG sprite; no external icon dependency. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.one-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;display:inline-block}
.sidebar nav a,.sidebar-bottom a,.nav nav a,.footer-grid a{display:flex;align-items:center;gap:11px}
.sidebar nav a .one-icon{width:19px;height:19px;flex-basis:19px}
.nav nav a{gap:7px;white-space:nowrap}
.nav nav a .one-icon{width:15px;height:15px;flex-basis:15px}
.btn .one-icon,.btn-outline .one-icon,button .one-icon{width:17px;height:17px;flex-basis:17px}
.service a .one-icon,.footer-grid a .one-icon{width:16px;height:16px;flex-basis:16px}
.service a{display:inline-flex;align-items:center;gap:8px}
@media(max-width:900px){.sidebar nav a{display:inline-flex;align-items:center}}

/* ONE brand colors: blue #00AFEF, purple #3E4095 */
:root{--accent:#00AFEF;--dark:#3E4095;--bg:#f3f9ff;--line:#dbe6f4}
.btn,button{background:#00AFEF;border-color:#00AFEF;color:#fff}
.btn:hover,button:hover{background:#008fc5;border-color:#008fc5;color:#fff}
.btn-outline,.actions .btn-outline,.hero .btn-outline{background:#3E4095;border-color:#3E4095;color:#fff}
.btn-outline:hover,.actions .btn-outline:hover,.hero .btn-outline:hover{background:#30327a;border-color:#30327a;color:#fff}
.nav nav a:hover{color:#00AFEF}
.contact{background:#edf6ff}
input:focus,textarea:focus,select:focus{border-color:#00AFEF}

/* Editable website colors — controlled from Admin > Pengaturan Warna */
:root{--accent:var(--one-primary);--dark:var(--one-dark);--ink:var(--one-font)}
body{color:var(--one-font)}
.btn,button:not(.danger){background:var(--one-button1);border-color:var(--one-button1);color:var(--one-button1-text)}
.btn:hover,button:not(.danger):hover{background:var(--one-button1);border-color:var(--one-button1);filter:brightness(.9);color:var(--one-button1-text)}
.btn-outline,.actions .btn-outline,.hero .btn-outline,.product .btn-outline{background:var(--one-button2);border-color:var(--one-button2);color:var(--one-button2-text)}
.btn-outline:hover,.actions .btn-outline:hover,.hero .btn-outline:hover,.product .btn-outline:hover{background:var(--one-button2);border-color:var(--one-button2);filter:brightness(.9);color:var(--one-button2-text)}
.hero,footer,.sidebar{background:var(--one-dark)}
.brand-mark span,.sidebar-logo span,.nav nav a:hover,.kicker,.section h2 em,.service-no,.product-top,td a{color:var(--one-primary)}
.dot{background:var(--one-primary)}
input:focus,textarea:focus,select:focus{border-color:var(--one-primary)}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:24px 0}.theme-field{margin:0}.theme-field>span:first-child{display:block;margin-bottom:8px}.theme-input{display:flex;gap:10px;align-items:center}.theme-input input[type=color]{width:56px;height:43px;padding:3px;margin:0;flex-shrink:0;cursor:pointer}.theme-input input[type=text]{margin:0;min-width:0}.theme-preview{border:1px solid var(--line);border-radius:7px;padding:22px;margin:20px 0;background:#fff}.theme-preview p{margin:10px 0 18px}.theme-preview-buttons{display:flex;flex-wrap:wrap;gap:12px}.theme-preview-buttons span{padding:14px 22px;border-radius:5px;font-size:13px;font-weight:800}.theme-reset{margin-top:15px}.theme-reset button{cursor:pointer}@media(max-width:600px){.theme-grid{grid-template-columns:1fr}}

/* Dark Tech hero: scoped to the public header illustration only. */
.hero{background:radial-gradient(ellipse at 78% 54%,#123c79 0%,#0c1c3b 55%,#080f25 100%);position:relative}
.hero-grid{min-height:670px;position:relative}
.hero-art-tech{height:550px;isolation:isolate;display:block;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#12448670,transparent 65%);border-radius:8px}
.hero-art-tech:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#36aaff 0.8px,transparent 1px);background-size:41px 47px;opacity:.18;mask-image:linear-gradient(to bottom,transparent 12%,black 65%,transparent)}
.tech-topline{position:absolute;right:20px;top:34px;color:#fff;letter-spacing:3px;font-size:10px;font-weight:800;z-index:3;text-align:right}
.tech-topline i,.tech-bottomline i{display:block;width:48px;height:3px;background:var(--one-primary,#00afef);margin:12px 0 0 auto}
.tech-brand{position:absolute;z-index:3;top:105px;left:0;right:0;display:flex;flex-direction:column;align-items:center;color:white;text-shadow:0 5px 30px #07142d}
.tech-brand strong{font:800 clamp(78px,10vw,135px)/1 Manrope,sans-serif;letter-spacing:-13px;white-space:nowrap;padding-right:13px}
.tech-brand strong span{color:var(--one-primary,#00afef)}
.tech-brand small{font:800 clamp(10px,1.15vw,14px) Manrope,sans-serif;letter-spacing:2px;white-space:nowrap}
.tech-globe{position:absolute;left:-12%;right:-12%;bottom:22px;height:290px;overflow:hidden;filter:drop-shadow(0 -5px 15px #009dff75)}
.tech-globe-core{position:absolute;width:110%;height:390px;left:-5%;top:60px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,#1c99ed45 0%,#0a3164 32%,#09142e 69%);border-top:2px solid #1aaeff;box-shadow:0 -9px 35px #009dff65,inset 0 15px 45px #0e7ac955}
.tech-globe svg{position:absolute;width:100%;height:100%;inset:0}
.tech-bottomline{position:absolute;z-index:4;bottom:15px;left:0;right:0;text-align:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:4px;text-shadow:0 2px 9px #061025}
.tech-bottomline i{margin:0 auto 12px}
@media(max-width:900px){.hero-art-tech{height:440px}.tech-brand{top:85px}.tech-brand strong{font-size:100px}.tech-globe{bottom:15px;height:250px}}
@media(max-width:600px){.hero-art-tech{height:365px}.tech-brand{top:78px}.tech-brand strong{font-size:82px;letter-spacing:-9px}.tech-brand small{font-size:10px;letter-spacing:1.4px}.tech-globe{height:205px;bottom:15px}.tech-topline{top:15px;right:12px;font-size:9px}.tech-bottomline{font-size:8px;letter-spacing:2px}}

/* Dark Tech v2: globe belongs to the entire hero background, not a boxed illustration. */
.hero{background:radial-gradient(ellipse at 60% 80%,#103c79 0%,#0c1c3b 55%,#080f25 100%)!important;position:relative;isolation:isolate;overflow:hidden}
.hero-network-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 55% 78%,rgba(0,155,255,.19),transparent 60%)}
.hero-network-background:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#27aaff .8px,transparent 1px);background-size:51px 47px;opacity:.13}
.hero-network-background .tech-globe{position:absolute;left:-12%;right:-12%;width:124%;height:65%;bottom:-13%;overflow:visible;filter:drop-shadow(0 -5px 22px #009dff80)}
.hero-network-background .tech-globe-core{top:18%;left:0;width:100%;height:130%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,#1c99ed35 0%,#0a316465 35%,#09142e00 73%);border-top:2px solid #1aaeff;box-shadow:0 -9px 45px #009dff60,inset 0 15px 50px #0e7ac930}
.hero-network-background .tech-globe svg{width:100%;height:100%;opacity:.75}
.hero-grid{position:relative;z-index:1;min-height:670px}
.hero-grid>div:first-child{position:relative;z-index:3}
.hero-art-tech{background:none!important;border-radius:0!important;overflow:visible!important;height:550px;min-width:0}
.hero-art-tech:before{display:none!important}
.tech-brand{top:120px}.tech-brand strong span{color:var(--one-primary,#00afef)}
.hero .lead{color:#c8d7e9}.hero-bottom{display:flex;flex-wrap:wrap}.hero-bottom span{display:inline-flex;align-items:center;gap:8px}.hero-bottom .one-icon{color:var(--one-primary,#00afef)}
.hero .btn-outline{background:rgba(9,20,45,.38)!important;border:1px solid #7d9dc5!important;color:#fff!important;backdrop-filter:blur(4px)}
/* Navigation icons and working mobile menu */
.one-menu-toggle{display:none;flex:0 0 auto;width:44px;height:42px;padding:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#00afef;border:0;border-radius:6px;cursor:pointer}
.one-menu-toggle span{display:block;width:21px;height:2px;background:white;border-radius:2px}
.nav nav a{display:inline-flex;align-items:center;gap:7px}.nav nav .one-icon{color:var(--one-primary,#00afef)}
@media(max-width:900px){.one-menu-toggle{display:inline-flex;order:3}.nav{position:relative}.nav nav{display:none;position:absolute;top:calc(100% - 1px);left:20px;right:20px;z-index:40;background:#0c1c3b;border:1px solid #265185;border-radius:8px;padding:12px;box-shadow:0 18px 36px #07112666;flex-direction:column;gap:0}.nav nav.is-open{display:flex}.nav nav a{color:#fff;padding:13px 12px;border-radius:5px}.nav nav a:hover{background:#193c6b}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:60px}.hero-art-tech{height:260px}.tech-brand{top:5px}.tech-brand strong{font-size:85px}.tech-topline{top:10px}.tech-bottomline{bottom:12px}.hero-network-background .tech-globe{height:55%;bottom:-6%;left:-35%;width:170%}}
@media(max-width:600px){.header .nav>.btn{font-size:0;gap:0;padding:12px}.header .nav>.btn .one-icon{width:19px;height:19px}.one-menu-toggle{width:40px;height:40px}.hero-grid{padding-top:50px}.hero h1{font-size:clamp(35px,9vw,48px)}.hero-art-tech{height:210px}.tech-brand strong{font-size:68px;letter-spacing:-8px}.tech-brand small{font-size:9px;letter-spacing:1.4px}.tech-topline{font-size:9px}.tech-bottomline{font-size:8px;letter-spacing:2px}.hero-network-background .tech-globe{height:50%;width:210%;left:-55%;bottom:-2%}.hero-bottom{margin-top:35px}}

/* Logo footer mengikuti logo yang diunggah melalui admin */
.footer-grid .footer-logo{display:block;width:auto;max-width:min(220px,100%);max-height:90px;height:auto;object-fit:contain;object-position:left center;margin-bottom:14px}

/* Mobile navigation repair: limited to public site header. */
@media(max-width:900px){
 .header{overflow:visible!important;z-index:100!important}
 .header>.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:relative!important;min-width:0!important}
 .header .nav>.brand{min-width:0!important;flex:1 1 auto!important;max-width:calc(100% - 108px)!important}
 .header .nav>.brand img{max-width:100%!important;max-height:48px!important;object-fit:contain!important}
 .header .one-menu-toggle{display:flex!important;flex:0 0 42px!important;order:2!important;margin:0!important}
 .header .nav>.btn{order:3!important;flex:0 0 42px!important;min-width:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
 .header .nav #one-main-nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:16px!important;right:16px!important;width:auto!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;z-index:200!important;padding:8px!important;background:#0c1c3b!important;border:1px solid #315780!important;border-radius:12px!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important}
 .header .nav #one-main-nav.is-open{display:flex!important}
 .header .nav #one-main-nav a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:46px!important;padding:12px 14px!important;margin:0!important;white-space:normal!important;line-height:1.35!important;color:#fff!important;border-radius:8px!important;font-size:14px!important}
 .header .nav #one-main-nav a:hover,.header .nav #one-main-nav a:focus-visible{background:#1a416c!important}
 .header .nav #one-main-nav a .one-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#53ceff!important}
}
@media(max-width:420px){.header .nav{padding-left:14px!important;padding-right:14px!important}.header .nav #one-main-nav{left:10px!important;right:10px!important}.header .nav>.brand{max-width:calc(100% - 100px)!important}}

/* Akses Status Jaringan dan Pusat Bantuan di halaman utama */
.one-access{background:#fff;padding:65px 0 75px;border-bottom:1px solid #e2e8f0}
.one-access-heading{margin-bottom:24px}
.one-access-kicker{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#1767a5}
.one-access h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.7px;margin:8px 0;color:#102b51}
.one-access-heading p{font-size:14px;line-height:1.7;color:#52657a;margin:0}
.one-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.one-access-card{display:flex;align-items:flex-start;gap:18px;padding:25px;background:#fff;border:1px solid #dce5ef;border-radius:12px;transition:border-color .2s,box-shadow .2s;min-width:0}
.one-access-card:hover,.one-access-card:focus-visible{border-color:#1777bb;box-shadow:0 8px 24px rgba(23,59,117,.09);outline-offset:3px}
.one-access-icon{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf4ff;color:#173b75}
.one-access-icon .one-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.one-access-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.one-access-copy strong{font:800 19px/1.35 Manrope,Arial,sans-serif;letter-spacing:normal;color:#102b51}
.one-access-copy>span:not(.one-access-link){font-size:13px;line-height:1.7;color:#52657a}
.one-access-link{margin-top:5px;color:#145b9a;font-size:13px;font-weight:800}
@media(max-width:650px){.one-access{padding:45px 0 55px}.one-access-grid{grid-template-columns:1fr;gap:12px}.one-access-card{padding:19px;gap:14px}.one-access-icon{width:42px;height:42px;flex-basis:42px}.one-access-copy strong{font-size:17px}}
#home {
  scroll-margin-top: 80px; 
}