:root{
  --navy:#123554;--navy-deep:#102c47;--ink:#233d54;--muted:#5c7386;
  --sky:#e9f3f7;--cream:#f7f8f3;--teal:#35a99f;--teal-light:#d2f5e9;
  --gold:#eccba3;--line:#dce7e9;--white:#fff;--blue:#195eaa;
  --shadow:0 24px 65px rgba(16,50,70,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #31b1a8;outline-offset:5px}
button{font:inherit}img,svg{display:block;max-width:100%}
.container{width:min(1170px,calc(100% - 52px));margin-inline:auto}
.skip-link{position:absolute;top:-64px;left:18px;background:white;padding:13px;z-index:500}.skip-link:focus{top:14px}
.eyebrow{font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:#287f87}
.eyebrow.light{color:#88d8d3}
.section-title{font-size:clamp(2.05rem,3.9vw,3.48rem);line-height:1.12;letter-spacing:-.055em;font-weight:740;margin:15px 0 17px;color:var(--navy-deep)}
.section-lead{font-size:1.06rem;color:var(--muted);max-width:590px;margin:0;line-height:1.85}
.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:720;color:#17668a;border-bottom:1px solid #b4d6d7;padding-bottom:2px}
.text-link:hover{color:#084768}
.icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:14px 20px;font-size:.9rem;font-weight:740;min-height:48px;white-space:nowrap;transition:transform .22s,box-shadow .22s,background .22s;border:1px solid transparent;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#2bc0ae;color:#092d43;box-shadow:0 10px 28px #22a99b45}
.btn-primary:hover{background:#5fe0cb;box-shadow:0 15px 30px #22a99b45}
.btn-dark{background:var(--navy);color:white;box-shadow:0 10px 28px #122b431a}
.btn-dark:hover{background:#1d4e74}
.btn-outline{color:white;border-color:#99b9c4;background:#fff0}
.btn-outline:hover{background:#ffffff16}
.btn-outline-dark{color:var(--navy);border:1px solid #cddcde;background:#fff}
.btn-outline-dark:hover{background:#f7fbfb}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:#fffefdf2;backdrop-filter:blur(18px);border-bottom:1px solid #e9eeee;box-shadow:0 1px 0 #ffffff80}
.nav-wrap{height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-logo{height:41px;width:41px;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px #112c4525}
.brand-name{display:block;color:#165b9c;font-weight:720;letter-spacing:-.045em;font-size:1.35rem;line-height:1.1}
.brand-tag{display:block;color:#668398;font-size:.58rem;font-weight:650;letter-spacing:.065em;line-height:1.4;text-transform:uppercase}
.desktop-nav{display:flex;gap:31px;align-items:center;margin-left:auto}
.desktop-nav a{color:#486479;font-size:.84rem;font-weight:650;transition:color .2s}
.desktop-nav a:hover{color:#117887}
.nav-actions{display:flex;gap:17px;align-items:center}
.lang-switch{display:flex;gap:5px;align-items:center;color:#a5b7bf;font-size:.8rem;font-weight:740;flex-shrink:0}
.lang-switch a{color:#8199a6;padding:5px 2px}.lang-switch a.active{color:var(--navy)}
.nav-actions .btn{padding:12px 17px;min-height:41px;font-size:.79rem;border-radius:9px}
.menu-toggle{display:none;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--navy);cursor:pointer}
.menu-toggle svg{width:23px;height:23px}
.mobile-panel{display:none;border-top:1px solid var(--line);padding:12px 26px 22px}
.mobile-panel a{display:block;padding:12px 2px;color:var(--navy);font-weight:650}
.mobile-panel .mobile-actions{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:18px;align-items:center}
/* Hero */
.hero{background:radial-gradient(ellipse 70% 100% at 87% 89%,#225c74 0%,transparent 66%),linear-gradient(125deg,#102e4e,#174b70 95%);color:white;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;width:680px;height:680px;border:1px solid #ffffff13;border-radius:50%;left:-330px;top:-430px;box-shadow:0 0 0 72px #ffffff06,0 0 0 144px #ffffff05}
.hero .container{position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center;min-height:654px;padding:72px 0 80px}
.hero-copy{padding-bottom:6px}
.hero-badge{border:1px solid #8fc4d05c;border-radius:100px;padding:8px 13px;display:inline-flex;align-items:center;gap:9px;color:#c9e8eb;font-size:.75rem;font-weight:660;letter-spacing:.025em;background:#ffffff0d}
.badge-dot{height:7px;width:7px;background:#55dec8;border-radius:50%;box-shadow:0 0 0 4px #4fdbc520}
.hero h1{font-size:clamp(2.9rem,5.4vw,5.2rem);line-height:1.075;letter-spacing:-.067em;max-width:670px;margin:24px 0 24px;font-weight:760}
.hero h1 em{font-style:normal;color:#84e5d1}
.hero-lead{color:#c4d8df;font-size:1.06rem;line-height:1.82;max-width:510px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.hero-small{display:flex;align-items:center;gap:11px;font-size:.77rem;color:#afced6;margin-top:32px;letter-spacing:.005em}
.hero-small .dot{width:4px;height:4px;border-radius:50%;background:#74c1bf}
.hero-visual{position:relative;perspective:1300px;padding-top:10px}
.hero-visual:before{content:"";position:absolute;width:430px;height:430px;background:#1d8fa344;filter:blur(86px);border-radius:50%;top:10%;left:20%}
.dashboard{position:relative;background:#fff;color:var(--ink);border-radius:20px;border:1px solid #f0f6f7;box-shadow:0 38px 95px rgba(0,18,33,.27),0 0 0 10px #ffffff14;overflow:hidden;transform:rotate(-1.7deg);transition:transform .3s}
.dashboard:hover{transform:rotate(0deg)}
.dash-top{height:54px;border-bottom:1px solid #e7eff2;background:#f9fbfc;display:flex;justify-content:space-between;align-items:center;padding:0 21px}
.dash-top .dash-brand{display:flex;align-items:center;gap:9px;color:#2e566c;font-size:.79rem;font-weight:790}
.dash-dot{height:10px;width:10px;border-radius:50%;background:#33b9a3;box-shadow:0 0 0 4px #33b9a317}
.dash-demo{font-size:.65rem;color:#69808f;border:1px solid #cddde1;padding:4px 8px;border-radius:100px}
.dash-content{padding:24px}
.dash-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.dash-title h3{font-size:1.04rem;letter-spacing:-.035em;margin:0;color:#183c59}
.dash-title p{font-size:.72rem;color:#8ba0ac;margin:4px 0 0}
.dash-period{font-size:.62rem;border:1px solid #dee9e9;border-radius:7px;padding:7px;color:#6c8c99}
.dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:24px}
.dash-metric{background:#f5f8f8;border:1px solid #e7eff0;border-radius:11px;padding:13px 12px;min-height:96px}
.dash-metric.primary{background:#184d80;color:white;border-color:#184d80}
.dash-metric span{display:block;font-size:.61rem;color:#7791a2;line-height:1.3}
.dash-metric.primary span{color:#bbdce6}
.dash-metric strong{font-size:1.42rem;letter-spacing:-.06em;line-height:1.6;font-weight:720;white-space:nowrap}
.dash-metric small{display:block;font-size:.57rem;color:#89a3af}
.dash-metric.primary small{color:#93d7cc}
.dash-chart{border:1px solid #e7eff1;border-radius:11px;background:#fff;margin-top:13px;padding:17px 17px 14px;overflow:hidden}
.chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;font-weight:750;color:#395a70}
.chart-legend{display:flex;align-items:center;gap:6px;color:#8da3ac;font-size:.59rem;font-weight:450}.chart-legend i{display:inline-block;width:7px;height:7px;background:#abc9b8;border-radius:50%}
.chart-area{height:158px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;align-items:end;padding-top:25px;position:relative;margin-top:6px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#eff4f4 44px,#eff4f4 45px)}
.chart-bar{height:var(--h);background:#b5d4bd;border-radius:4px 4px 0 0;z-index:1;min-height:6px}
.chart-bar.current{background:#2e6eb0}
.chart-labels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;text-align:center;margin-top:10px;font-size:.52rem;color:#9baeb7}
.dash-bottom{display:grid;grid-template-columns:1.45fr .85fr;gap:12px;margin-top:12px}
.mini-list,.mini-subjects{border:1px solid #e7eff1;border-radius:11px;padding:13px 14px;background:#fff}
.mini-title{color:#365b71;font-weight:740;font-size:.68rem;margin-bottom:12px}
.mini-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.62rem;color:#607a8b;margin-top:10px}
.mini-row span:first-child{display:flex;align-items:center;gap:7px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#e7eee0;color:#47776e;font-size:.5rem;font-weight:800}
.lesson-tag{background:#e4f0e7;color:#4c7b62;border-radius:4px;padding:4px 5px;font-size:.53rem}
.mini-ring{width:74px;height:74px;border-radius:50%;background:conic-gradient(#1c7b73 0 61%,#a5c8a8 61% 84%,#e7eddd 84% 100%);display:grid;place-items:center;margin:5px auto 7px}.mini-ring>span{height:52px;width:52px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800;color:#164461;font-size:1rem}
.mini-subjects p{text-align:center;font-size:.54rem;color:#90a3ab;margin:0}
.sample-caption{text-align:right;color:#c5e1e3;margin:20px 2px 0;font-size:.69rem}
/* Sections */
.section{padding:105px 0}
.section-gray{background:#f6f9f9}
.section-header{margin-bottom:48px}
.section-header.center{text-align:center}.section-header.center .section-lead{margin-inline:auto}
.benefit-strip{background:#fff;border-bottom:1px solid #eaf0ef}
.benefit-content{padding:27px 0;display:flex;gap:20px;align-items:center;justify-content:space-between}
.benefit-label{color:#7b94a0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.benefit-points{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.benefit-points span{font-size:.87rem;color:#456477;display:flex;align-items:center;gap:10px;font-weight:690}
.benefit-points svg{color:#1f9f94}
.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.feature-card{border:1px solid #e4eded;border-radius:17px;background:white;padding:25px 22px 27px;min-height:288px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #1a3d5812;border-color:#bcdad8}
.feature-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#e5f4f0;color:#23796e;margin-bottom:34px}
.feature-icon.blue{background:#e8f1fa;color:#2b70aa}.feature-icon.gold{background:#fbf0e2;color:#a4783d}.feature-icon.purple{background:#f0ebf8;color:#7769a2}
.feature-card h3{font-size:1.08rem;color:#183d5c;letter-spacing:-.035em;margin:0 0 12px}
.feature-card p{font-size:.86rem;color:#698193;line-height:1.77;margin:0}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:45px}
.step{position:relative;padding:30px 28px 32px;border-top:2px solid #d8e6e7}
.step-number{display:inline-block;font-size:.74rem;font-weight:800;color:#18948d;margin-bottom:27px}
.step h3{font-size:1.22rem;line-height:1.26;letter-spacing:-.035em;margin:0 0 13px;color:var(--navy)}
.step p{color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}
.workflow-note{text-align:center;font-size:.82rem;margin:33px 0 0;color:#77919c}
.security{background:#123b5b;color:white;overflow:hidden;position:relative}
.security:after{content:"";position:absolute;width:590px;height:590px;border:1px solid #ffffff1c;border-radius:50%;right:-210px;top:-280px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}
.security-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:110px;align-items:center;position:relative;z-index:1}
.security .section-title{color:white}.security .section-lead{color:#c2d7e1}
.security-list{display:grid;gap:16px}
.security-item{background:#ffffff0d;border:1px solid #ffffff2a;border-radius:14px;padding:22px 24px;display:flex;gap:17px;align-items:flex-start}
.security-item .shield{flex:0 0 auto;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#34bcaa24;color:#84e7d8}
.security-item h3{font-size:.94rem;margin:0 0 5px;color:#fff}.security-item p{margin:0;font-size:.81rem;line-height:1.66;color:#bdd1db}
.faq-list{max-width:810px;margin:0 auto;display:grid;gap:12px}
.faq-item{border:1px solid #e1e9e9;border-radius:13px;overflow:hidden;background:#fff}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 24px;color:#244861;font-weight:730;font-size:.96rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";font-size:1.5rem;line-height:1;color:#63a99c;font-weight:400;transition:transform .2s}
.faq-item[open] summary:after{content:"−"}
.faq-item p{color:#667f8f;font-size:.9rem;line-height:1.8;margin:0;padding:0 24px 25px;max-width:760px}
.cta-section{background:#eff6f4;padding:92px 0}
.cta-card{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;background:linear-gradient(120deg,#fefefe,#f3fbf7);border:1px solid #dbe9e5;padding:49px 53px;border-radius:22px;box-shadow:0 20px 55px #163a4c0b}
.cta-card .section-title{font-size:clamp(2rem,3.4vw,3rem);margin:10px 0 14px}.cta-actions{text-align:left}
.cta-actions .btn{margin-bottom:12px}.cta-detail{display:block;color:#68808f;font-size:.75rem;line-height:1.6}
.contact-available{display:none}.contact-pending{display:block}
.contact-ready .contact-available{display:inline-flex}.contact-ready .contact-pending{display:none}
/* Footer */
.footer{background:#0e2b44;color:#d1e1e8;padding:62px 0 25px}
.footer-main{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap;padding-bottom:45px}
.footer .brand-name{color:#f6ffff}.footer .brand-tag{color:#9db8c6}
.footer-desc{color:#9fb8c7;font-size:.81rem;max-width:330px;line-height:1.8;margin-top:17px}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:48px}
.footer-column h4{margin:0 0 14px;color:#edf7f7;font-size:.83rem}
.footer-column a{display:block;margin-top:10px;color:#a9c3d0;font-size:.78rem}.footer-column a:hover{color:#76dbce}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid #ffffff20;color:#8fabbc;font-size:.7rem;flex-wrap:wrap}
.footer-note{font-size:.75rem;color:#9db8c6;margin:0}
/* legal */
.subpage-hero{background:#eff6f4;padding:72px 0 64px}
.subpage-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;margin:12px 0;color:var(--navy)}
.legal-content{max-width:820px;margin:0 auto;padding:70px 0 110px}
.legal-content h2{margin:40px 0 12px;font-size:1.3rem;color:var(--navy)}
.legal-content p,.legal-content li{font-size:.97rem;line-height:1.83;color:#597185}
.legal-content .notice{padding:20px 25px;border:1px solid #efcd99;background:#fff7e9;border-radius:14px;color:#7c5c2d}
/* mobile */
@media(max-width:1080px){.desktop-nav{gap:19px}.hero-grid{gap:30px}.hero h1{font-size:clamp(2.7rem,5.3vw,4.4rem)}.dash-content{padding:17px}.security-grid{gap:60px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:240px}.feature-icon{margin-bottom:26px}}
@media(max-width:840px){.desktop-nav,.nav-actions{display:none}.menu-toggle{display:flex}.mobile-panel.open{display:block}.hero-grid{grid-template-columns:1fr;gap:35px;padding:75px 0 65px}.hero-copy{max-width:650px}.hero h1{max-width:720px;font-size:clamp(3rem,8vw,5rem)}.hero-visual{max-width:680px;margin-inline:auto;width:100%}.dashboard{transform:none}.dashboard:hover{transform:none}.benefit-content{flex-direction:column;align-items:start}.benefit-points{gap:15px 28px}.security-grid{grid-template-columns:1fr;gap:40px}.cta-card{grid-template-columns:1fr;gap:28px}.cta-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cta-detail{flex:1 1 220px}}
@media(max-width:560px){.container{width:min(100% - 34px,1170px)}.nav-wrap{height:70px}.brand-name{font-size:1.2rem}.brand-tag{font-size:.53rem}.hero-grid{padding:64px 0 62px}.hero h1{font-size:clamp(2.7rem,11vw,4rem);line-height:1.09}.hero-lead{font-size:.95rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.dashboard{border-radius:14px}.dash-top{height:45px;padding:0 12px}.dash-content{padding:12px}.dash-metrics{gap:6px;margin-top:16px}.dash-metric{padding:8px;min-height:74px}.dash-metric strong{font-size:1.03rem}.dash-metric span{font-size:.52rem}.dash-metric small{font-size:.46rem}.dash-chart{padding:12px}.chart-area{gap:5px;height:115px}.chart-labels{gap:5px}.dash-bottom{gap:7px}.mini-list,.mini-subjects{padding:9px}.mini-row{font-size:.5rem}.mini-ring{width:60px;height:60px}.mini-ring>span{height:42px;width:42px}.mini-title{font-size:.61rem}.section{padding:75px 0}.section-title{font-size:clamp(2rem,8vw,3rem)}.section-header{margin-bottom:32px}.features-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:23px}.feature-icon{margin-bottom:20px}.steps-grid{grid-template-columns:1fr;gap:0;margin-top:28px}.step{padding:25px 4px 27px}.security-item{padding:18px}.faq-item summary{padding:18px;font-size:.87rem}.faq-item p{padding:0 18px 20px}.cta-section{padding:65px 0}.cta-card{padding:28px 24px}.cta-actions .btn{width:100%}.footer-links{gap:20px}.footer-main{padding-bottom:26px}.footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}