:root{
  --ink:#123f39;
  --ink-2:#1f4f48;
  --green:#0d7368;
  --green-dark:#0c574f;
  --green-deep:#103d38;
  --mint:#eaf6f2;
  --mint-2:#f4faf8;
  --mint-3:#dff1eb;
  --line:#dce9e5;
  --text:#536e68;
  --muted:#7c938e;
  --white:#fff;
  --amber:#e7b833;
  --shadow:0 28px 80px rgba(22,71,63,.12);
  --shadow-soft:0 14px 42px rgba(26,74,67,.07);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg{display:block}
.container{width:min(1180px,calc(100% - 44px));margin:0 auto}
.skip-link{position:fixed;left:16px;top:-60px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;z-index:9999;box-shadow:var(--shadow-soft)}
.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,233,229,.85)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.12rem;font-weight:800;letter-spacing:-.012em;color:var(--ink)}
.brand-mark{width:30px;height:30px;color:var(--green)}
.brand-mark svg{width:100%;height:100%}
.main-nav{display:flex;align-items:center;gap:28px;font-size:.87rem;font-weight:700;color:#345c55}
.main-nav>a:not(.btn){transition:.2s ease}
.main-nav>a:not(.btn):hover{color:var(--green)}
.nav-login{padding-left:20px;border-left:1px solid var(--line)}
.menu-btn{display:none;border:0;background:none;color:var(--ink);font-weight:800;align-items:center;gap:9px;padding:8px}
.menu-btn i,.menu-btn i:before,.menu-btn i:after{display:block;width:18px;height:2px;background:currentColor;border-radius:4px;position:relative;transition:.2s}.menu-btn i:before,.menu-btn i:after{content:"";position:absolute;left:0}.menu-btn i:before{top:-6px}.menu-btn i:after{top:6px}.menu-btn[aria-expanded="true"] i{background:transparent}.menu-btn[aria-expanded="true"] i:before{top:0;transform:rotate(45deg)}.menu-btn[aria-expanded="true"] i:after{top:0;transform:rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-weight:800;line-height:1;padding:14px 18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(13,115,104,.18)}
.btn-primary:hover{background:#0b685f;box-shadow:0 14px 28px rgba(13,115,104,.25)}
.btn-small{padding:11px 15px;font-size:.8rem;border-radius:9px}
.btn-large{padding:17px 22px;border-radius:12px}
.btn-text{padding-left:7px;padding-right:7px;color:var(--green);position:relative}.btn-text:after{content:"";position:absolute;left:7px;right:7px;bottom:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:.2s}.btn-text:hover:after{transform:scaleX(1)}
.btn-white{background:#fff;color:var(--green-deep)}
.btn-full{width:100%}
.hero{position:relative;overflow:hidden;padding:92px 0 104px;background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:740px;height:740px;right:-310px;top:-290px;background:radial-gradient(circle,rgba(218,243,236,.82),rgba(237,249,246,.2) 55%,transparent 72%)}.hero-glow-two{width:420px;height:420px;left:-300px;bottom:-280px;background:radial-gradient(circle,rgba(224,244,239,.8),transparent 72%)}
.hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--green)}
.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--green);border-radius:10px}
h1{font-size:clamp(4rem,6.7vw,6.25rem);line-height:.96;letter-spacing:-.045em;margin:26px 0 26px;max-width:620px;font-weight:800}h1 em{font-style:normal;color:var(--green);font-weight:800}
.lead{font-size:1.12rem;line-height:1.75;color:var(--text);max-width:660px;margin:0}
.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:34px 0 28px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#5c756f;font-size:.82rem;font-weight:700}.check{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--mint-3);color:var(--green);margin-right:5px;font-size:.72rem}
.product-stage{position:relative;min-width:0;padding:22px 0 42px}.browser-shell{position:relative;background:#fff;border:1px solid #dce9e5;border-radius:22px;box-shadow:0 35px 95px rgba(15,73,65,.16);overflow:hidden;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}.browser-top{height:44px;background:#f7faf9;border-bottom:1px solid #e4edeb;display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:0 14px;gap:10px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#cad8d4}.browser-address{justify-self:center;font-size:.59rem;color:#829792;background:#fff;border:1px solid #e5eeeb;border-radius:7px;padding:5px 30px}.browser-lock{font-size:.6rem;color:var(--green);font-weight:900}.app-shell{display:grid;grid-template-columns:132px 1fr;min-height:410px}.app-sidebar{background:#103f39;color:#c0d4cf;padding:19px 12px;font-size:.63rem}.mini-brand{display:flex;align-items:center;gap:6px;color:#fff;margin:1px 5px 26px;font-size:.72rem}.mini-shield{width:18px;height:18px;border:1px solid #86c9bb;border-radius:6px;display:grid;place-items:center;color:#8dd3c4;font-size:.58rem}.side-item{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:7px;margin-bottom:4px}.side-item span{opacity:.75}.side-item.active{background:#1a544c;color:#fff}.app-main{padding:25px;background:#fbfdfc}.app-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.app-title-row>div{display:flex;flex-direction:column}.app-title-row small{font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:#8ba09a}.app-title-row strong{font-size:1.02rem;letter-spacing:-.015em}.date-chip{font-size:.56rem;color:#4b746d;background:#edf6f3;padding:5px 7px;border-radius:6px}.app-grid-top{display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:9px}.score-card,.stat-card,.app-panel{background:#fff;border:1px solid #e3ece9;border-radius:10px}.score-card{display:flex;gap:11px;align-items:center;padding:12px}.score-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 86%,#e3eeeb 86%);position:relative;flex:0 0 auto}.score-ring:after{content:"";position:absolute;width:43px;height:43px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:2;font-size:.94rem;font-weight:900}.score-ring small{font-size:.5rem}.score-card>div:last-child{display:flex;flex-direction:column}.score-card small,.stat-card small{font-size:.5rem;color:#8a9e99}.score-card strong{font-size:.66rem}.score-card p{font-size:.49rem;color:#7d928d;margin:1px 0 0}.stat-card{padding:12px;display:flex;flex-direction:column;justify-content:center}.stat-card strong{font-size:1.25rem;line-height:1.1;margin:3px 0}.stat-card span{font-size:.48rem;color:#80938f}.app-panel{margin-top:9px;padding:12px}.app-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #edf3f1;font-size:.6rem}.app-panel-head span{color:var(--green);font-weight:800;font-size:.53rem}.quality-row{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid #edf3f1}.quality-row:last-child{border:0}.qdot{width:6px;height:6px;border-radius:50%}.qdot.good{background:#39a77d}.qdot.warn{background:#e9b834}.quality-row>div{display:flex;flex-direction:column}.quality-row b{font-size:.55rem}.quality-row small{font-size:.46rem;color:#8a9c98}.quality-row>strong{font-size:.58rem}.floating-note{position:absolute;background:#fff;border:1px solid #dce9e5;box-shadow:0 18px 45px rgba(21,76,67,.13);border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:9px;min-width:170px}.floating-note>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#e4f4ef;color:var(--green);font-weight:900;font-size:.72rem}.floating-note>div{display:flex;flex-direction:column}.floating-note small{font-size:.49rem;color:#879b96}.floating-note strong{font-size:.61rem}.note-one{left:-30px;bottom:2px}.note-two{right:-24px;top:3px}.note-two>span{background:#fff3d3;color:#a67408}
.proof-strip{border-top:1px solid #edf3f1;border-bottom:1px solid #e2ece9;background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:25px 30px;border-right:1px solid #e3ece9}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid span{grid-row:1/3;color:#90a49f;font-size:.64rem;font-weight:900;padding-top:2px}.proof-grid strong{font-size:.84rem}.proof-grid small{color:#7b908b;font-size:.71rem}
.section{padding:112px 0}.section-soft{background:var(--mint-2)}.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.narrow{max-width:720px}.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{font-size:clamp(2.5rem,4.6vw,4.15rem);line-height:1.06;letter-spacing:-.032em;margin:14px 0 20px}.section-heading p,.sticky-copy p,.security-copy>p,.audience-copy>p,.faq-heading p{color:var(--text);font-size:1rem;line-height:1.75}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.sticky-copy{position:sticky;top:125px}.inline-link{display:inline-flex;gap:8px;color:var(--green);font-weight:800;font-size:.87rem;margin-top:17px}.problem-stack{display:grid;gap:14px}.problem-card{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);transition:.2s}.problem-card:hover{transform:translateY(-2px);border-color:#c9dfd8}.problem-card.accent-card{background:#eff8f5;border-color:#cfe5de}.number-badge{width:42px;height:42px;border-radius:12px;background:#f0f6f4;color:#76908a;display:grid;place-items:center;font-size:.67rem;font-weight:900}.accent-card .number-badge{background:#dff1eb;color:var(--green)}.problem-card h3{font-size:1.08rem;letter-spacing:-.025em;margin:1px 0 5px}.problem-card p{color:#6d837e;font-size:.88rem;margin:0}
.features-section .section-heading{margin-bottom:50px}.feature-bento{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bento-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1ebe8;border-radius:22px;padding:30px;min-height:310px}.bento-wide{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:center;grid-column:1/-1;min-height:300px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6f4ef;color:var(--green);font-size:1.1rem;font-weight:900;margin-bottom:22px}.bento-card h3{font-size:1.28rem;letter-spacing:-.035em;margin:0 0 10px}.bento-card p{margin:0;color:#6b827c;font-size:.91rem;max-width:500px}.mini-dashboard{background:#f7fbfa;border:1px solid #e2ece9;border-radius:18px;padding:24px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:22px}.mini-score{width:90px;height:90px;border-radius:50%;border:10px solid #dcece7;border-top-color:var(--green);border-right-color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-score span{font-weight:900;font-size:1.25rem}.mini-score small{font-size:.5rem;color:#839792}.mini-bars{display:grid;gap:11px}.mini-bars i{display:block;width:var(--w);height:8px;background:#3fa383;border-radius:99px}.mini-bars i.warning-bar{background:#e6b62e}.doc-list{margin-top:25px;display:grid;gap:8px}.doc-list>span{display:grid;grid-template-columns:24px 1fr auto;align-items:center;border:1px solid #e6eeec;border-radius:10px;padding:10px;font-size:.72rem}.doc-list i{font-style:normal;width:20px;height:20px;border-radius:6px;background:#e5f4ef;color:var(--green);display:grid;place-items:center;font-size:.62rem;font-weight:900}.doc-list b{font-size:.59rem;color:#5c796f;background:#eef6f3;border-radius:6px;padding:4px 6px}.doc-list .attention i{background:#fff2d0;color:#9c6d06}.doc-list .attention b{background:#fff2d0;color:#986c08}.task-preview{display:grid;gap:9px;margin-top:27px}.task-preview>div{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:10px;border-bottom:1px solid #edf2f0}.task-preview>div>span{width:18px;height:18px;border:2px solid #a8bdb7;border-radius:5px}.task-preview p{display:flex;flex-direction:column}.task-preview b{font-size:.72rem;color:var(--ink)}.task-preview small{font-size:.58rem;color:#8a9b97}.bento-dark{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.bento-dark p{color:#bcd1cc}.feature-icon.inverse{background:rgba(255,255,255,.11);color:#a4dfd3}.trend-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;color:#b8dfd7}.trend-card small{display:block;font-size:.62rem;color:#97bbb3}.trend-card strong{display:block;color:#fff;font-size:2.4rem;letter-spacing:-.06em}.trend-line{height:90px;margin-top:7px}.trend-line svg{width:100%;height:100%}
.workflow-section{background:#fff}.workflow-section .section-heading{margin-bottom:56px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.workflow article{padding:30px 28px 34px;min-height:245px;border-right:1px solid var(--line)}.workflow article:last-child{border:0}.step-top{display:flex;align-items:center;height:48px}.step-top span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--green)}.step-top i{height:1px;background:#cfe2dc;flex:1;margin-left:18px}.workflow h3{font-size:1.05rem;letter-spacing:-.012em;margin:34px 0 9px}.workflow p{font-size:.84rem;color:#6e837e;margin:0}
.audience-section{padding-top:0}.audience-box{background:linear-gradient(135deg,#0f4a43,#123a36);border-radius:28px;color:#fff;padding:58px;display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center;box-shadow:0 24px 70px rgba(19,65,58,.16)}.light-kicker{color:#9ed9cd}.audience-copy h2{font-size:clamp(2.25rem,3.8vw,3.55rem);margin-bottom:18px;letter-spacing:-.028em}.audience-copy>p{color:#c2d5d0;margin:0}.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-list>div{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:17px;display:grid;grid-template-columns:31px 1fr;gap:9px}.audience-list span{font-size:.59rem;color:#83bdb2;font-weight:900;padding-top:2px}.audience-list p{display:flex;flex-direction:column;margin:0}.audience-list strong{font-size:.84rem}.audience-list small{font-size:.65rem;color:#a9c3bd;margin-top:2px}
.security-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}.security-visual{min-height:410px;position:relative;display:grid;place-items:center;background:#fff;border:1px solid #dfebe7;border-radius:28px;overflow:hidden}.security-visual:before,.security-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #e3efeb}.security-visual:before{width:330px;height:330px}.security-visual:after{width:230px;height:230px}.security-shield{position:relative;z-index:2;width:128px;height:145px;color:var(--green);background:#eff8f5;border-radius:34px;display:grid;place-items:center;box-shadow:0 20px 45px rgba(19,87,77,.1)}.security-shield svg{width:70px}.security-tags{position:absolute;inset:0}.security-tags span{position:absolute;z-index:3;background:#fff;border:1px solid #dceae6;border-radius:999px;padding:7px 10px;font-size:.61rem;font-weight:800;color:#5d766f;box-shadow:0 10px 28px rgba(22,73,65,.07)}.security-tags span:nth-child(1){left:34px;top:62px}.security-tags span:nth-child(2){right:30px;top:100px}.security-tags span:nth-child(3){left:52px;bottom:68px}.security-tags span:nth-child(4){right:46px;bottom:48px}.security-copy h2{font-size:clamp(2.45rem,4vw,3.8rem);letter-spacing:-.028em}.security-points{display:grid;gap:14px;margin-top:30px}.security-points>div{display:grid;grid-template-columns:31px 1fr;gap:11px}.security-points>div>span{width:26px;height:26px;border-radius:8px;background:#dff1eb;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:.72rem}.security-points p{display:flex;flex-direction:column;margin:0}.security-points strong{font-size:.87rem}.security-points small{color:#748983;font-size:.76rem;margin-top:2px}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.faq-heading{position:sticky;top:125px}.faq-heading h2{font-size:clamp(2.4rem,4vw,3.7rem);letter-spacing:-.026em}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:.96rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:1.25rem;font-weight:500;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-3px 50px 22px 0;color:#6b817c;font-size:.87rem}
.cta-section{padding-top:54px}.cta-box{background:linear-gradient(135deg,#0b7368,#0b554e);border-radius:30px;color:#fff;padding:58px;display:grid;grid-template-columns:1.15fr .72fr;gap:62px;align-items:center;position:relative;overflow:hidden;box-shadow:0 25px 75px rgba(13,87,78,.22)}.cta-box:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-280px;top:-260px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02)}.cta-copy{position:relative;z-index:2}.cta-copy h2{font-size:clamp(2.4rem,4.2vw,3.85rem);margin-bottom:18px;letter-spacing:-.028em}.cta-copy>p{color:#c3dbd5;max-width:660px}.cta-proof{display:flex;gap:14px;flex-wrap:wrap;font-size:.72rem;color:#afd0c9;font-weight:700;margin-top:24px}.cta-card{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:18px;padding:27px;box-shadow:0 22px 50px rgba(4,47,41,.2)}.cta-card-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.57rem;color:#869a95;font-weight:900}.cta-card>strong{display:block;font-size:1.35rem;letter-spacing:-.018em;margin-top:6px}.cta-card>p{color:#748983;font-size:.79rem;margin:3px 0 20px}.cta-card .btn-white{background:var(--green);color:#fff;font-size:.8rem}.login-link{display:block;text-align:center;margin-top:13px;color:#6f8781;font-size:.7rem;font-weight:700}
footer{background:#f8fbfa;padding:70px 0 26px;border-top:1px solid #edf3f1}.footer-top{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:48px}.footer-brand p{max-width:310px;color:#748a84;font-size:.79rem;margin:13px 0 0}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:.76rem;color:#6f8680}.footer-links strong{color:var(--ink);font-size:.76rem;margin-bottom:4px}.footer-links a:hover{color:var(--green)}.footer-bottom{margin-top:46px;padding-top:20px;border-top:1px solid #e1eae7;display:flex;justify-content:space-between;color:#8ba09a;font-size:.68rem}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero-copy{max-width:760px}.product-stage{max-width:820px;width:100%;margin:0 auto}.note-one{left:8px}.note-two{right:8px}.intro-grid,.security-grid,.faq-grid{gap:60px}.audience-box{grid-template-columns:1fr;gap:38px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top .footer-links:last-child{grid-column:2/4}.main-nav{gap:18px}.nav-login{padding-left:10px}.app-shell{min-height:430px}}
@media(max-width:900px){.menu-btn{display:flex}.main-nav{display:none;position:absolute;left:22px;right:22px;top:68px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav>a{padding:11px 10px;border-radius:8px}.main-nav .nav-login{border-left:0;border-top:1px solid var(--line);margin-top:5px;padding-top:14px}.main-nav .btn{margin-top:3px}.hero{padding-top:67px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.proof-grid>div:last-child{border-bottom:0}.intro-grid,.security-grid,.faq-grid{grid-template-columns:1fr;gap:42px}.sticky-copy,.faq-heading{position:static}.feature-bento{grid-template-columns:1fr}.bento-card,.bento-wide{grid-column:auto}.bento-wide{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.workflow article:nth-child(2){border-right:0}.workflow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.audience-list{grid-template-columns:1fr 1fr}.security-visual{min-height:350px;max-width:650px}.cta-box{grid-template-columns:1fr}.cta-card{max-width:440px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-top .footer-links:last-child{grid-column:auto}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand{font-size:1.03rem}.brand-mark{width:27px;height:27px}.menu-btn span{display:none}.hero{padding:49px 0 72px}.eyebrow{font-size:.62rem;letter-spacing:.11em}h1{font-size:3.25rem;margin:21px 0 21px}.lead{font-size:.99rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch;margin-top:28px}.hero-actions .btn{text-align:center}.btn-text{padding:13px}.hero-proof{display:grid;gap:8px}.product-stage{padding:7px 0 22px}.browser-shell{border-radius:15px;transform:none}.browser-top{height:34px;grid-template-columns:50px 1fr 20px;padding:0 9px}.browser-address{padding:3px 10px;font-size:.47rem}.app-shell{grid-template-columns:1fr;min-height:0}.app-sidebar{display:none}.app-main{padding:14px}.app-grid-top{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}.app-panel{margin-top:7px}.floating-note{display:none}.section{padding:78px 0}.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{font-size:2.35rem}.problem-card{grid-template-columns:43px 1fr;padding:20px;gap:11px}.number-badge{width:36px;height:36px}.feature-bento{gap:12px}.bento-card{padding:23px;min-height:auto;border-radius:18px}.mini-dashboard{grid-template-columns:1fr;justify-items:center}.mini-bars{width:100%}.workflow{grid-template-columns:1fr}.workflow article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.workflow article:nth-child(2){border-bottom:1px solid var(--line)}.workflow article:last-child{border-bottom:0}.workflow h3{margin-top:18px}.audience-box{padding:31px 24px;border-radius:20px}.audience-list{grid-template-columns:1fr}.security-visual{min-height:310px}.security-visual:before{width:270px;height:270px}.security-visual:after{width:190px;height:190px}.security-shield{width:105px;height:120px}.security-shield svg{width:58px}.security-tags span{font-size:.53rem}.security-tags span:nth-child(1){left:15px;top:44px}.security-tags span:nth-child(2){right:11px;top:80px}.security-tags span:nth-child(3){left:24px;bottom:47px}.security-tags span:nth-child(4){right:20px;bottom:31px}.faq-list summary{font-size:.88rem;padding:18px 0}.faq-list details p{margin-right:15px;font-size:.82rem}.cta-section{padding-top:22px}.cta-box{padding:32px 24px;border-radius:21px;gap:32px}.cta-proof{display:grid;gap:7px}.cta-card{padding:22px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-top .footer-links:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}.proof-grid small{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* =========================================================
   Tilsynsklar v2.2 — Premium polish
   ========================================================= */
:root{
  --shadow:0 32px 90px rgba(18,63,57,.11);
  --shadow-soft:0 16px 44px rgba(18,63,57,.065);
  --shadow-premium:0 26px 70px rgba(10,72,64,.10),0 2px 10px rgba(18,63,57,.035);
}
::selection{background:#dcefeb;color:var(--green-deep)}
body{letter-spacing:.003em;background:linear-gradient(180deg,#fff 0%,#fff 68%,#fbfdfc 100%)}
.container{width:min(1210px,calc(100% - 52px))}

/* Header — lighter, more refined */
.site-header{background:rgba(255,255,255,.82);border-bottom:1px solid rgba(215,230,225,.7);box-shadow:0 1px 0 rgba(20,69,61,.015)}
.nav-wrap{height:84px}
.brand{font-size:1.14rem;letter-spacing:-.008em;gap:11px}
.brand-mark{width:31px;height:31px}
.main-nav{gap:30px;font-size:.84rem;letter-spacing:.012em}
.main-nav>a:not(.btn){position:relative}
.main-nav>a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.main-nav>a:not(.btn):hover:after{transform:scaleX(1)}
.nav-login{border-left-color:#e3eeeb}

/* Buttons — more premium depth and breathing room */
.btn{border-radius:13px;padding:15px 20px;letter-spacing:.006em}
.btn-small{padding:12px 17px;border-radius:11px}
.btn-large{padding:18px 24px;border-radius:14px}
.btn-primary{background:linear-gradient(180deg,#0e786c 0%,#0b6c62 100%);box-shadow:0 10px 24px rgba(13,115,104,.16),inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary:hover{background:linear-gradient(180deg,#0d7066 0%,#095f57 100%);box-shadow:0 16px 32px rgba(13,115,104,.22)}
.btn-text{font-weight:750}

/* Hero — more whitespace, subtler luxury */
.hero{padding:112px 0 126px;background:
  radial-gradient(circle at 83% 18%,rgba(218,243,236,.56),transparent 33%),
  linear-gradient(180deg,#fff 0%,#fcfefd 72%,#fff 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(18,63,57,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,57,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 74%)}
.hero-grid{grid-template-columns:.9fr 1.1fr;gap:92px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.kicker{letter-spacing:.18em;font-size:.69rem}
.eyebrow{padding:7px 0}
h1{font-size:clamp(4.15rem,6.55vw,6.15rem);line-height:.97;letter-spacing:-.036em;margin:27px 0 31px;max-width:650px;font-weight:790;text-wrap:balance}
h1 em{font-weight:790}
.lead{font-size:1.11rem;line-height:1.82;max-width:650px;letter-spacing:.005em}
.hero-actions{margin:38px 0 31px;gap:16px}
.hero-proof{gap:21px;font-size:.79rem;letter-spacing:.006em}
.check{width:20px;height:20px;box-shadow:inset 0 0 0 1px rgba(13,115,104,.04)}

/* Product mockup */
.product-stage{padding:28px 0 48px}
.product-stage:before{content:"";position:absolute;inset:7% 4% 2% 8%;background:radial-gradient(circle,rgba(123,201,184,.22),transparent 66%);filter:blur(30px);pointer-events:none}
.browser-shell{border:1px solid rgba(205,224,219,.9);border-radius:25px;box-shadow:0 42px 110px rgba(13,70,62,.16),0 10px 28px rgba(18,63,57,.055),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(1600px) rotateY(-2.2deg) rotateX(.7deg)}
.browser-top{height:47px;background:linear-gradient(180deg,#fafcfb,#f5f9f8)}
.browser-address{border-color:#e1ece8;box-shadow:0 1px 2px rgba(18,63,57,.025)}
.app-sidebar{background:linear-gradient(180deg,#113f39 0%,#0e3833 100%)}
.app-main{background:linear-gradient(180deg,#fcfefd 0%,#f8fcfa 100%)}
.score-card,.stat-card,.app-panel{border-color:#e0ebe8;box-shadow:0 5px 18px rgba(18,63,57,.025)}
.floating-note{border-color:#d7e7e2;box-shadow:0 22px 52px rgba(21,76,67,.14),0 4px 12px rgba(18,63,57,.035);border-radius:14px}

/* Proof strip */
.proof-strip{background:linear-gradient(180deg,#fff,#fbfdfc);border-color:#e7f0ed}
.proof-grid>div{padding-top:30px;padding-bottom:30px}
.proof-grid span{letter-spacing:.12em;color:#93aaa4}
.proof-grid strong{font-size:.87rem;letter-spacing:.003em}
.proof-grid small{margin-top:2px;line-height:1.55}

/* Section rhythm */
.section{padding:132px 0}
.section-soft{background:linear-gradient(180deg,#f6fbf9 0%,#f1f8f6 100%);border-top:1px solid #edf4f2;border-bottom:1px solid #edf4f2}
.section-heading{max-width:800px}
.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{line-height:1.085;letter-spacing:-.025em;margin:16px 0 24px;text-wrap:balance}
.section-heading p,.sticky-copy p,.security-copy>p,.audience-copy>p,.faq-heading p{line-height:1.82}
.kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(223,241,235,.58);border:1px solid rgba(199,226,218,.6)}
.light-kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#a7ded3}

/* Cards — quieter borders, stronger polish */
.problem-card,.bento-card,.security-visual,.cta-card{box-shadow:var(--shadow-premium)}
.problem-card,.bento-card{border-color:#dce9e5}
.problem-card{border-radius:22px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.problem-card:hover{transform:translateY(-3px);box-shadow:0 28px 72px rgba(18,63,57,.09);border-color:#cee3dd}
.bento-card{border-radius:24px;transition:transform .22s ease,box-shadow .22s ease}
.bento-card:hover{transform:translateY(-3px);box-shadow:0 30px 74px rgba(18,63,57,.10)}
.feature-icon{box-shadow:inset 0 0 0 1px rgba(13,115,104,.04)}

/* Workflow */
.workflow{border-radius:25px;overflow:hidden;box-shadow:0 22px 60px rgba(18,63,57,.06);border:1px solid #ddebe7;background:#fff}
.workflow article{padding-top:36px;padding-bottom:38px}
.step-top span{letter-spacing:.15em}
.workflow h3{letter-spacing:-.006em}

/* Dark audience area */
.audience-box{border-radius:32px;padding:68px;gap:76px;background:
  radial-gradient(circle at 80% 15%,rgba(38,117,105,.34),transparent 35%),
  linear-gradient(135deg,#0d4a43 0%,#113a36 100%);box-shadow:0 34px 90px rgba(16,61,54,.18),inset 0 1px 0 rgba(255,255,255,.045)}
.audience-list>div{border-radius:16px;background:rgba(255,255,255,.055);backdrop-filter:blur(2px);transition:background .2s ease,transform .2s ease}
.audience-list>div:hover{background:rgba(255,255,255,.085);transform:translateY(-2px)}

/* Security */
.security-visual{border-radius:32px;background:radial-gradient(circle at center,#fff 0%,#fbfefd 68%,#f5faf8 100%)}
.security-shield{box-shadow:0 24px 58px rgba(19,87,77,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.security-tags span{box-shadow:0 12px 34px rgba(22,73,65,.075)}

/* FAQ */
.faq-list{border-top-color:#dbe8e4}
.faq-list details{border-bottom-color:#dbe8e4}
.faq-list summary{padding:25px 0;font-size:.98rem;letter-spacing:.002em}
.faq-list details p{line-height:1.75}

/* CTA */
.cta-section{padding-top:68px}
.cta-box{border-radius:34px;padding:68px;background:
  radial-gradient(circle at 84% 2%,rgba(127,211,194,.18),transparent 34%),
  linear-gradient(135deg,#0d776b 0%,#0b5d55 55%,#0a514a 100%);box-shadow:0 35px 95px rgba(13,87,78,.23),inset 0 1px 0 rgba(255,255,255,.08)}
.cta-card{border-radius:22px;padding:31px;box-shadow:0 28px 64px rgba(4,47,41,.22)}
.cta-card-label{letter-spacing:.16em}

/* Footer */
footer{padding-top:82px;background:linear-gradient(180deg,#f9fcfb 0%,#f5f9f8 100%)}
.footer-top{gap:56px}
.footer-links{gap:10px}
.footer-bottom{margin-top:52px}

@media(max-width:1050px){
  .hero{padding-top:90px}
  .hero-grid{gap:68px}
  .section{padding:112px 0}
  .audience-box,.cta-box{padding:54px}
}
@media(max-width:900px){
  .container{width:min(100% - 38px,1210px)}
  .nav-wrap{height:76px}
  .main-nav>a:not(.btn):after{display:none}
  .hero{padding:76px 0 94px}
  .section{padding:96px 0}
}
@media(max-width:650px){
  .container{width:min(100% - 30px,1210px)}
  .nav-wrap{height:68px}
  .hero{padding:58px 0 76px}
  .hero:before{background-size:34px 34px}
  h1{font-size:3.2rem;line-height:.99;letter-spacing:-.027em;margin:22px 0 24px}
  .eyebrow,.kicker{letter-spacing:.145em}
  .lead{line-height:1.74}
  .section{padding:82px 0}
  .section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{font-size:2.3rem;line-height:1.1;letter-spacing:-.02em}
  .audience-box,.cta-box{padding:34px 25px;border-radius:24px}
  .bento-card,.problem-card{border-radius:20px}
  .security-visual{border-radius:24px}
  footer{padding-top:64px}
}

.authority-section{padding-top:120px;padding-bottom:118px;background:linear-gradient(180deg,#fff 0%,#f8fcfb 100%)}.authority-heading{max-width:860px}.authority-heading h2{letter-spacing:-.028em}.authority-grid{display:grid;grid-template-columns:1fr 112px 1fr;gap:18px;align-items:stretch;margin-top:54px}.authority-card{position:relative;background:rgba(255,255,255,.94);border:1px solid #dce9e5;border-radius:26px;padding:34px;box-shadow:0 18px 55px rgba(18,76,67,.07);overflow:hidden}.authority-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),#76c8b7)}.authority-card-stps:before{background:linear-gradient(90deg,#176b63,#a8d9ce)}.authority-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.authority-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:900;font-size:1rem;border:1px solid #d7ebe5}.authority-label{text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;font-weight:900;color:#8a9d98}.authority-card h3{font-size:1.55rem;line-height:1.18;letter-spacing:-.018em;margin:0 0 13px}.authority-card h3 small{font-size:.68em;color:#648079;font-weight:800}.authority-card>p{color:#657e78;font-size:.88rem;line-height:1.75;margin:0}.authority-points{display:grid;gap:9px;margin-top:25px;padding-top:21px;border-top:1px solid #e6efec}.authority-points span{font-size:.76rem;font-weight:750;color:#486861}.authority-bridge{display:grid;place-items:center;position:relative}.authority-bridge:before{content:"";position:absolute;left:0;right:0;height:1px;background:#cfe2dc;top:50%}.authority-bridge span{position:relative;z-index:2;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#103f39;color:#fff;font-size:.67rem;line-height:1.3;font-weight:850;box-shadow:0 14px 35px rgba(16,63,57,.17)}.authority-note{max-width:900px;margin:26px auto 0;padding:20px 24px;border-radius:16px;background:#edf7f4;border:1px solid #d9ebe6;display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}.authority-note-icon{width:30px;height:30px;border-radius:9px;background:#dcefe9;color:var(--green);display:grid;place-items:center;font-weight:900}.authority-note p{margin:1px 0 0;color:#5e7771;font-size:.79rem;line-height:1.65}.authority-note strong{color:var(--ink)}@media(max-width:900px){.authority-grid{grid-template-columns:1fr;gap:14px}.authority-bridge{height:76px}.authority-bridge:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}.authority-bridge span{width:72px;height:72px;font-size:.6rem}.authority-section{padding-top:92px;padding-bottom:92px}}@media(max-width:650px){.authority-section{padding-top:76px;padding-bottom:76px}.authority-grid{margin-top:36px}.authority-card{padding:24px;border-radius:20px}.authority-card-top{margin-bottom:22px}.authority-card h3{font-size:1.3rem}.authority-note{padding:17px 18px;grid-template-columns:29px 1fr}.authority-note-icon{width:27px;height:27px}}

/* =========================================================
   Tilsynsklar v3 — control center, requirements & package
   ========================================================= */
.hero-copy .lead strong{color:var(--ink);font-weight:800}
.hero-proof{row-gap:10px}

.control-section{background:#fff}
.control-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:center}
.control-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:31px}
.control-flow span{padding:8px 10px;border-radius:9px;background:#f0f7f5;border:1px solid #deebe7;color:#315e56;font-size:.66rem;font-weight:850;letter-spacing:.01em}
.control-flow i{font-style:normal;color:#91aaa4;font-size:.7rem}
.status-console{position:relative;background:#fff;border:1px solid #dbe9e5;border-radius:27px;padding:28px;box-shadow:0 30px 80px rgba(18,70,62,.1);overflow:hidden}
.status-console:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0d7368,#93d7c9)}
.console-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid #e8f0ed}
.console-head>div{display:flex;flex-direction:column}.console-head small{text-transform:uppercase;letter-spacing:.12em;color:#8ca09b;font-size:.56rem;font-weight:850}.console-head strong{font-size:1.06rem;letter-spacing:-.01em;margin-top:3px}.console-head>span{font-size:.61rem;color:#55776f;background:#edf7f4;border-radius:999px;padding:6px 9px;font-weight:750}
.console-score{display:flex;align-items:center;gap:20px;padding:24px 0 20px}.big-ring{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 87%,#e4efec 87%);position:relative;flex:0 0 auto}.big-ring:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff}.big-ring span{position:relative;z-index:2;font-size:1.48rem;font-weight:900;letter-spacing:-.04em}.big-ring small{font-size:.7rem}.console-score>div:last-child{display:flex;flex-direction:column}.console-score b{font-size:.9rem}.console-score p{margin:2px 0;color:#718781;font-size:.72rem}.console-score em{font-style:normal;color:var(--green);font-size:.62rem;font-weight:800;margin-top:4px}
.console-bars{display:grid;gap:13px;padding:18px;background:#f8fbfa;border:1px solid #e5eeeb;border-radius:16px}.console-bars>div p{display:flex;justify-content:space-between;gap:20px;margin:0 0 6px;font-size:.66rem}.console-bars>div p b{font-size:.69rem}.console-bars>div p span{font-weight:850;color:#58766f}.console-bars>div>i{height:6px;background:#e2ece9;border-radius:99px;display:block;overflow:hidden}.console-bars>div>i span{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#0d7368,#5ab4a3);border-radius:99px}.console-bars .console-warning>i span{background:linear-gradient(90deg,#d09d22,#e9c45d)}
.console-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.console-footer span{display:block;background:#fff;border:1px solid #e3ece9;border-radius:12px;padding:11px;color:#718681;font-size:.61rem}.console-footer b{color:var(--ink);font-size:.76rem;margin-right:3px}

.detail-section{background:linear-gradient(180deg,#fff,#f9fcfb)}
.detail-heading{max-width:820px}
.requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}
.requirement-card{position:relative;background:#fff;border:1px solid #dce9e5;border-radius:27px;padding:35px;box-shadow:0 18px 54px rgba(18,68,61,.065);overflow:hidden}
.requirement-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,#e4f5f0,transparent 70%);pointer-events:none}
.req-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.req-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#e9f5f1;color:#0a6b61;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.req-top small{font-size:.61rem;color:#879b96;font-weight:750}
.requirement-card h3{font-size:1.65rem;line-height:1.18;letter-spacing:-.025em;margin:0 0 14px;max-width:500px}.requirement-card>p{font-size:.85rem;color:#647e77;line-height:1.72;margin:0;max-width:510px}
.req-list{display:grid;gap:9px;margin-top:27px;padding-top:23px;border-top:1px solid #e6efec}.req-list span{display:flex;align-items:center;gap:8px;font-size:.73rem;color:#496b63;font-weight:750}.req-list i{font-style:normal;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#e6f4f0;color:var(--green);font-size:.62rem;font-weight:900}.req-list.compact{grid-template-columns:1fr 1fr}
.measure-preview{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:25px;background:#f5faf8;border:1px solid #e1ece8;border-radius:16px;padding:17px}.measure-summary{display:flex;flex-direction:column}.measure-summary strong{font-size:1.65rem;line-height:1;letter-spacing:-.04em}.measure-summary span{font-size:.58rem;color:#728983;margin-top:4px}.measure-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.measure-dots i{height:9px;border-radius:99px;background:#dbe8e4}.measure-dots i.done{background:#3aa77e}.measure-dots i.warn{background:#e6b941}

.package-section{position:relative;overflow:hidden}.package-section:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:-420px;bottom:-350px;background:radial-gradient(circle,rgba(195,233,224,.38),transparent 70%)}
.package-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:82px;align-items:center}.package-copy h2{font-size:clamp(2.5rem,4.6vw,4.15rem);line-height:1.06;letter-spacing:-.032em;margin:14px 0 20px}.package-copy>p{color:var(--text);font-size:.96rem;line-height:1.75;max-width:600px}.package-benefits{display:grid;gap:11px;margin-top:30px}.package-benefits>span{display:grid;grid-template-columns:34px 1fr;column-gap:11px;background:#fff;border:1px solid #e0ebe8;border-radius:14px;padding:15px 16px}.package-benefits i{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e6f3ef;color:var(--green);font-style:normal;font-size:.58rem;font-weight:900}.package-benefits b{font-size:.77rem}.package-benefits small{font-size:.67rem;color:#748983;margin-top:1px}
.package-card{background:#fff;border:1px solid #d9e8e4;border-radius:25px;padding:27px;box-shadow:0 28px 76px rgba(21,72,64,.11)}.package-card-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.package-card-head>div{display:flex;flex-direction:column}.package-card-head small{text-transform:uppercase;letter-spacing:.12em;color:#8b9f9a;font-size:.56rem;font-weight:850}.package-card-head strong{font-size:1.18rem;margin-top:3px;letter-spacing:-.015em}.package-card-head>span{padding:7px 9px;border-radius:999px;background:#eaf6f2;color:#0a6e63;font-size:.61rem;font-weight:900}.package-progress{margin:19px 0}.package-progress>i{display:block;height:7px;border-radius:999px;background:#e3ece9;overflow:hidden}.package-progress>i span{display:block;width:80%;height:100%;background:linear-gradient(90deg,var(--green),#61b9a9);border-radius:999px}.package-progress small{display:block;text-align:right;color:#829690;font-size:.58rem;margin-top:5px}
.package-items{border-top:1px solid #e7efed}.package-items p{display:grid;grid-template-columns:27px 1fr auto;gap:10px;align-items:center;margin:0;padding:12px 2px;border-bottom:1px solid #edf3f1}.package-items p>i{font-style:normal;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#e6f4f0;color:#138068;font-weight:900;font-size:.65rem}.package-items p.attention>i{background:#fff2d2;color:#a9780d}.package-items p>span{display:flex;flex-direction:column}.package-items b{font-size:.69rem}.package-items small{font-size:.56rem;color:#889b96;margin-top:1px}.package-items em{font-style:normal;font-size:.56rem;font-weight:850;color:#377b6d}.package-items .attention em{color:#a9780d}.package-button{width:100%;margin-top:19px;border:0;border-radius:11px;padding:14px 16px;background:#103f39;color:#fff;font-weight:850;font-size:.72rem;display:flex;justify-content:center;gap:9px;cursor:default}

/* V3 hierarchy refinements */
.authority-heading h2,.detail-heading h2{max-width:850px;margin-left:auto;margin-right:auto}
.authority-card h3{letter-spacing:-.018em}
.section-heading h2,.package-copy h2{letter-spacing:-.03em}
.faq-list summary{letter-spacing:-.005em}

@media(max-width:1050px){.control-grid,.package-grid{grid-template-columns:1fr;gap:52px}.sticky-copy{position:static}.status-console,.package-card{max-width:760px;width:100%;margin:0 auto}.requirement-grid{gap:16px}}
@media(max-width:900px){.requirement-grid{grid-template-columns:1fr}.requirement-card{max-width:720px;margin:0 auto;width:100%}.req-list.compact{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.control-flow{gap:6px}.control-flow span{font-size:.59rem;padding:7px 8px}.status-console{padding:20px;border-radius:20px}.console-head>span{display:none}.console-score{gap:15px}.big-ring{width:73px;height:73px}.big-ring:after{width:56px;height:56px}.big-ring span{font-size:1.24rem}.console-footer{grid-template-columns:1fr}.requirement-card{padding:25px;border-radius:20px}.requirement-card h3{font-size:1.38rem}.req-top{align-items:flex-start;margin-bottom:22px}.req-top small{text-align:right}.measure-preview{grid-template-columns:1fr;gap:13px}.measure-dots{grid-template-columns:repeat(7,1fr)}.req-list.compact{grid-template-columns:1fr}.package-grid{gap:38px}.package-copy h2{font-size:2.35rem}.package-card{padding:20px;border-radius:20px}.package-items p{grid-template-columns:26px 1fr}.package-items em{display:none}.package-benefits>span{padding:14px}.main-nav{max-height:calc(100vh - 90px);overflow:auto}}


/* =========================================================
   Tilsynsklar v4 — presentation, value & product maturity
   ========================================================= */
.hero{padding-top:104px}.hero-grid{gap:86px}.hero-copy h1{max-width:700px}.hero-note{margin-top:18px;padding-left:12px;border-left:2px solid #b9dcd4;color:#718982;font-size:.72rem;font-weight:650;letter-spacing:.005em}.browser-shell{box-shadow:0 40px 110px rgba(15,73,65,.17),0 8px 30px rgba(15,73,65,.06)}
.value-section{background:#0f403a;color:#fff;position:relative;overflow:hidden}.value-section:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-360px;top:-420px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 100px rgba(255,255,255,.018),0 0 0 200px rgba(255,255,255,.012)}.value-intro{position:relative;display:grid;grid-template-columns:1.08fr .72fr;gap:90px;align-items:end}.value-intro .kicker{color:#9bd3c7}.value-intro h2{color:#fff;margin-bottom:0}.value-lead{color:#b9d1cc;font-size:.93rem;line-height:1.8;margin:0 0 8px}.value-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px}.value-grid article{min-height:300px;padding:29px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);position:relative;transition:transform .22s ease,background .22s ease}.value-grid article:hover{transform:translateY(-3px);background:rgba(255,255,255,.075)}.value-no{position:absolute;right:24px;top:24px;color:#71958e;font-size:.62rem;font-weight:900;letter-spacing:.13em}.value-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#1c554e;border:1px solid rgba(255,255,255,.08);color:#a5dacd;font-size:1rem;font-weight:900}.value-grid h3{font-size:1.18rem;letter-spacing:-.012em;margin:35px 0 11px}.value-grid p{color:#b3cbc5;font-size:.81rem;line-height:1.7;margin:0}.value-grid small{position:absolute;left:29px;bottom:27px;color:#8fb5ad;font-size:.62rem;font-weight:750}.modules-section{background:linear-gradient(180deg,#fff,#f8fbfa)}.module-heading{max-width:860px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:52px}.module-card{position:relative;min-height:330px;background:#fff;border:1px solid #dce9e5;border-radius:23px;padding:31px;box-shadow:0 16px 45px rgba(17,70,62,.055);overflow:hidden}.module-card.module-primary{background:linear-gradient(145deg,#f3faf8,#fff)}.module-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-175px;bottom:-175px;background:#e9f5f1;opacity:.7}.module-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.module-top>span{font-size:.58rem;color:#90a49f;font-weight:900;letter-spacing:.13em}.module-top i{font-style:normal;font-size:.58rem;text-transform:uppercase;letter-spacing:.11em;color:#0d7368;font-weight:900;background:#e8f5f1;padding:6px 9px;border-radius:999px}.module-card h3{font-size:1.5rem;letter-spacing:-.02em;margin:38px 0 12px;max-width:450px}.module-card>p{font-size:.81rem;line-height:1.7;color:#667f79;max-width:500px}.module-tags,.module-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.module-tags b,.module-list span{font-size:.62rem;padding:7px 9px;border-radius:8px;background:#f0f7f5;border:1px solid #e0ece8;color:#52726a}.mini-13{margin-top:25px;border-top:1px solid #e6efec;padding-top:20px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:end}.mini-13>span{font-size:1.65rem;font-weight:900;line-height:1}.mini-13>small{font-size:.62rem;color:#748b85}.mini-13>div{grid-column:1/-1;margin-top:11px;color:#42a680;letter-spacing:.18em;font-size:.6rem}.mini-13 em{font-style:normal;color:#d8ae3d}.task-preview{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;margin-top:28px;padding:14px;background:#f7faf9;border:1px solid #e3ece9;border-radius:13px}.task-preview>span{background:#fff0d4;color:#9d6f09;border-radius:7px;padding:6px 7px;font-size:.55rem;font-weight:900}.task-preview p{display:flex;flex-direction:column;margin:0}.task-preview b{font-size:.69rem}.task-preview small{font-size:.58rem;color:#849792}.moments-section{background:#0e3934;color:#fff}.moments-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:92px;align-items:start}.moments-copy{position:sticky;top:120px}.moments-copy .kicker{color:#94cfc2}.moments-copy h2{font-size:clamp(2.45rem,4.3vw,3.95rem);line-height:1.06;letter-spacing:-.03em;margin:14px 0 20px}.moments-copy p{color:#afc7c1;font-size:.88rem;line-height:1.8}.moment-list{border-top:1px solid rgba(255,255,255,.12)}.moment-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.12)}.moment-list article>span{font-size:.61rem;color:#719b92;font-weight:900;letter-spacing:.13em;padding-top:6px}.moment-list small{text-transform:uppercase;letter-spacing:.11em;color:#8fb8af;font-size:.56rem;font-weight:900}.moment-list h3{font-size:1.23rem;letter-spacing:-.012em;margin:5px 0 8px}.moment-list p{color:#adc4bf;font-size:.79rem;line-height:1.7;margin:0;max-width:650px}.proof-strip{box-shadow:0 10px 35px rgba(20,70,62,.025)}.cta-box{box-shadow:0 34px 90px rgba(13,87,78,.24)}@media(max-width:900px){.value-intro,.moments-grid{grid-template-columns:1fr;gap:40px}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:240px}.moments-copy{position:static}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}}@media(max-width:650px){.hero{padding-top:58px}.value-grid{margin-top:37px}.value-grid article{padding:24px;min-height:245px}.value-grid small{left:24px}.module-card{padding:24px;border-radius:19px}.module-card h3{margin-top:29px;font-size:1.3rem}.moments-grid{gap:28px}.moment-list article{grid-template-columns:38px 1fr;gap:10px;padding:25px 0}.moments-copy h2{font-size:2.3rem}.hero-note{font-size:.66rem}}


/* v4.3 readability tweak for dark-section kicker */
.kicker-readable{
  text-transform:none;
  letter-spacing:.03em;
  font-size:.82rem;
  font-weight:800;
  padding:10px 16px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#ecf8f5 !important;
  box-shadow:0 10px 28px rgba(3,33,30,.08);
}
@media(max-width:650px){
  .kicker-readable{font-size:.76rem;padding:9px 13px;letter-spacing:.02em}
}


/* v4.4 — year-round journey section */
.yearly-section{background:linear-gradient(180deg,#fff 0%,#f7fbfa 100%)}
.yearly-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:82px;align-items:start}
.yearly-copy{position:sticky;top:120px}
.yearly-copy h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.06;letter-spacing:-.03em;margin:14px 0 18px;max-width:540px}
.yearly-copy p{color:var(--text);font-size:.93rem;line-height:1.8;max-width:520px}
.yearly-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}
.yearly-summary span{padding:9px 11px;border-radius:999px;background:#ecf6f3;border:1px solid #dcebe7;color:#365f58;font-size:.67rem;font-weight:850}
.yearly-summary i{font-style:normal;color:#8ba09a;font-size:.68rem}
.yearly-content{display:flex;flex-direction:column;gap:22px}
.yearly-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}
.yearly-track:before{content:"";position:absolute;left:3%;right:3%;top:19px;height:1px;background:#d6e7e2;z-index:0}
.track-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.track-item b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e8e4;color:#55766f;font-size:.72rem;box-shadow:0 8px 18px rgba(19,71,63,.04)}
.track-item.active b{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 24px rgba(13,115,104,.18)}
.track-item span{font-size:.63rem;line-height:1.35;color:#67827b;font-weight:800;max-width:100px}
.yearly-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.year-card{background:#fff;border:1px solid #dce9e5;border-radius:22px;padding:25px 24px;box-shadow:0 14px 38px rgba(17,70,62,.05)}
.year-card small{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.56rem;color:#8fa29d;font-weight:900;margin-bottom:12px}
.year-card h3{font-size:1.13rem;line-height:1.25;letter-spacing:-.016em;margin:0 0 10px;max-width:420px}
.year-card p{margin:0;color:#6a817c;font-size:.79rem;line-height:1.75}
.foundation-box{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:20px 22px;border-radius:18px;background:#edf7f4;border:1px solid #d9ebe5}
.foundation-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#dcefe8;color:var(--green);font-weight:900}
.foundation-box strong{display:block;font-size:.9rem;letter-spacing:-.01em;margin-top:2px}
.foundation-box p{margin:4px 0 0;color:#5f7872;font-size:.78rem;line-height:1.7}
@media(max-width:1050px){.yearly-grid{grid-template-columns:1fr;gap:40px}.yearly-copy{position:static}.yearly-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.yearly-copy h2{font-size:2.3rem}.yearly-track{grid-template-columns:1fr 1fr;gap:14px}.yearly-track:before{display:none}.yearly-cards{grid-template-columns:1fr}.track-item span{max-width:none;font-size:.66rem}.year-card{padding:22px 20px;border-radius:19px}.foundation-box{grid-template-columns:32px 1fr;padding:18px}}


/* v4.5 — cleaner year-round section */
.yearly-section{padding-top:88px;padding-bottom:100px}
.yearly-grid{grid-template-columns:.72fr 1.28fr;gap:72px}
.yearly-copy h2{max-width:500px}
.yearly-content{gap:26px}
.yearly-track.yearly-track-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.yearly-track.yearly-track-simple:before{content:"";position:absolute;left:17%;right:17%;top:24px;height:1px;background:#d5e6e1;z-index:0}
.track-phase{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;background:rgba(255,255,255,.72);border:1px solid #e0ebe8;border-radius:16px;padding:14px 15px}
.track-phase b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e8e4;color:#55766f;font-size:.72rem;box-shadow:0 8px 18px rgba(19,71,63,.04)}
.track-phase.active b{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 24px rgba(13,115,104,.18)}
.track-phase>div{display:flex;flex-direction:column;padding-top:2px}
.track-phase strong{font-size:.75rem;line-height:1.3;letter-spacing:-.005em}
.track-phase span{font-size:.61rem;line-height:1.45;color:#78908a;margin-top:3px}
.year-card{position:relative;padding-top:29px}
.year-card:before{content:attr(data-step);position:absolute;right:20px;top:17px;font-size:.57rem;letter-spacing:.12em;color:#9aaca7;font-weight:900}
.year-card small{padding-right:40px}
@media(max-width:1050px){
  .yearly-section{padding-top:76px}
  .yearly-grid{gap:38px}
  .yearly-track.yearly-track-simple{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .yearly-track.yearly-track-simple{grid-template-columns:1fr}
  .yearly-track.yearly-track-simple:before{display:none}
}
@media(max-width:650px){
  .yearly-section{padding-top:64px;padding-bottom:76px}
  .track-phase{grid-template-columns:42px 1fr;padding:12px 13px}
  .track-phase b{width:42px;height:42px}
}


/* v5 — design-engineering polish */
:root{
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --copper:#b7791f;
  --blue:#326b8f;
  --blue-soft:#eaf3f8;
  --focus:0 0 0 4px rgba(13,115,104,.14);
}
html{scroll-padding-top:104px}
body{color:#113d38}
a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline:0;
  box-shadow:var(--focus);
  border-radius:10px;
}
.site-header{transition:box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out)}
.brand,
.btn,
.menu-btn,
.package-button,
.faq-list summary{
  -webkit-tap-highlight-color:transparent;
}
.btn{
  transform:translateY(0) scale(1);
  transition:transform 160ms var(--ease-out),box-shadow 180ms var(--ease-out),background 180ms ease,color 180ms ease,border-color 180ms ease;
}
.btn:active,
.menu-btn:active,
.package-button:active,
.faq-list summary:active{
  transform:scale(.97);
}
.btn-primary span,
.btn-white span,
.package-button span{
  transition:transform 180ms var(--ease-out);
}
.btn-primary:hover span,
.btn-white:hover span,
.package-button:hover span{
  transform:translateX(3px);
}
.btn-text:after{
  transition:transform 180ms var(--ease-out);
}
.menu-btn{
  border-radius:12px;
  transition:background-color 160ms ease,transform 140ms var(--ease-out);
}
.menu-btn[aria-expanded="true"]{
  background:#eef7f4;
}
.menu-btn i,
.menu-btn i:before,
.menu-btn i:after{
  transition:transform 160ms var(--ease-out),top 160ms var(--ease-out),background-color 100ms ease;
}
.main-nav>a:not(.btn){
  transition:color 160ms ease;
}
.hero{
  background:
    radial-gradient(circle at 78% 21%,rgba(228,242,247,.8),transparent 29%),
    radial-gradient(circle at 15% 82%,rgba(247,234,212,.46),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fcfefd 70%,#fff 100%);
}
.hero-glow{opacity:.72}
.hero-glow-one{
  transform:translate3d(0,calc(var(--page-drift,0) * 34px),0);
}
.hero-glow-two{
  transform:translate3d(0,calc(var(--page-drift,0) * -24px),0);
}
.eyebrow span{
  background:linear-gradient(90deg,var(--green),var(--copper));
}
h1,
.section-heading h2,
.sticky-copy h2,
.security-copy h2,
.audience-copy h2,
.cta-copy h2,
.faq-heading h2,
.package-copy h2,
.yearly-copy h2{
  text-wrap:balance;
}
.lead,
.section-heading p,
.sticky-copy p,
.security-copy>p,
.audience-copy>p,
.faq-heading p,
.package-copy>p,
.yearly-copy p{
  text-wrap:pretty;
}
.product-stage{
  isolation:isolate;
}
.browser-shell{
  transform-origin:center;
  transition:transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out);
}
.floating-note{
  transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out);
}
.authority-card-stps:before,
.console-bars>div:nth-child(2)>i span,
.module-card:nth-child(2):after{
  background:linear-gradient(90deg,var(--blue),#7db6cf);
}
.module-card:nth-child(2) .module-top i{
  background:var(--blue-soft);
  color:var(--blue);
}
.package-items .attention em,
.note-two>span{
  color:var(--copper);
}
.value-section,
.moments-section{
  background:
    radial-gradient(circle at 84% 12%,rgba(48,117,143,.2),transparent 34%),
    linear-gradient(135deg,#103f39 0%,#0c3431 58%,#172f36 100%);
}
.cta-box{
  background:
    radial-gradient(circle at 83% 9%,rgba(186,121,31,.22),transparent 30%),
    radial-gradient(circle at 17% 92%,rgba(91,158,185,.16),transparent 30%),
    linear-gradient(135deg,#0d7368 0%,#0b5d55 53%,#17343b 100%);
}
.proof-grid>div,
.authority-card,
.status-console,
.module-card,
.requirement-card,
.package-card,
.year-card,
.cta-card{
  transform:translateY(0);
}
.faq-list details{
  transition:background-color 160ms ease;
}
.faq-list details[open]{
  background:linear-gradient(90deg,rgba(234,246,242,.7),transparent 58%);
}
.faq-list summary{
  border-radius:12px;
  transition:color 160ms ease,transform 140ms var(--ease-out);
}
.faq-list summary span{
  flex:0 0 auto;
  transition:transform 180ms var(--ease-out),color 160ms ease;
}
.package-button{
  align-items:center;
  transition:transform 160ms var(--ease-out),background 180ms ease,box-shadow 180ms var(--ease-out);
}
.reveal{
  opacity:var(--reveal-opacity,0);
  transform:translateY(var(--reveal-y,46px));
  transition:opacity 140ms linear,transform 140ms linear;
  will-change:opacity,transform;
}
.reveal.is-visible{
  --reveal-opacity:1;
  --reveal-y:0px;
  opacity:1;
  transform:translateY(0);
}

@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)}
  .browser-shell:hover{transform:perspective(1600px) rotateY(-1.2deg) rotateX(.35deg) translateY(-4px)}
  .floating-note:hover{transform:translateY(-3px)}
  .authority-card,
  .status-console,
  .module-card,
  .requirement-card,
  .package-card,
  .year-card,
  .cta-card{
    transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out),border-color 180ms ease,background 180ms ease;
  }
  .authority-card:hover,
  .status-console:hover,
  .module-card:hover,
  .requirement-card:hover,
  .package-card:hover,
  .year-card:hover,
  .cta-card:hover{
    transform:translateY(-3px);
    border-color:#c9dfd8;
  }
  .faq-list summary:hover{color:var(--green)}
  .package-button:hover{
    background:#0d4a43;
    box-shadow:0 12px 26px rgba(16,63,57,.16);
  }
}

@media(max-width:900px){
  .main-nav{
    display:flex;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-6px) scale(.98);
    transform-origin:top right;
    transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 0s linear 160ms;
  }
  .main-nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
    transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 0s;
  }
}

@media(max-width:650px){
  html{scroll-padding-top:82px}
  h1{font-size:clamp(2.82rem,14vw,3.25rem)}
  .hero-proof div{min-width:0}
  .app-grid-top{gap:8px}
  .stat-card strong{font-size:1.08rem}
  .section-heading h2,
  .sticky-copy h2,
  .security-copy h2,
  .audience-copy h2,
  .cta-copy h2,
  .faq-heading h2,
  .package-copy h2,
  .yearly-copy h2{
    overflow-wrap:anywhere;
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal{
    opacity:1;
    transform:none;
  }
  .btn-primary span,
  .btn-white span,
  .package-button span{
    transform:none!important;
  }
}


/* v5.1 — expressive but restrained motion */
.scroll-progress{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:3px;
  z-index:1000;
  background:linear-gradient(90deg,var(--green),#58a9c7,var(--copper));
  transform:scaleX(var(--scroll-progress,0));
  transform-origin:left;
  opacity:.92;
  pointer-events:none;
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 40px rgba(18,63,57,.075);
}
.main-nav>a.is-active:not(.btn){
  color:var(--green);
}
.main-nav>a.is-active:not(.btn):after{
  transform:scaleX(1);
}
.btn-primary,
.btn-white,
.package-button{
  position:relative;
  overflow:hidden;
}
.btn-primary:before,
.btn-white:before,
.package-button:before{
  content:"";
  position:absolute;
  inset:-2px auto -2px -45%;
  width:38%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg) translateX(-120%);
  opacity:.55;
  pointer-events:none;
}
.btn-primary:hover:before,
.btn-white:hover:before,
.package-button:hover:before{
  animation:buttonSheen 760ms var(--ease-out);
}
.btn-primary>*,
.btn-white>*,
.package-button>*{
  position:relative;
  z-index:1;
}
.hero-copy{
  animation:heroCopyIn 980ms var(--ease-out) 180ms both;
}
.product-stage{
  animation:productIn 1180ms var(--ease-out) 360ms both;
}
.browser-shell:after{
  content:"";
  position:absolute;
  inset:47px 0 0;
  background:linear-gradient(115deg,transparent 0%,transparent 36%,rgba(255,255,255,.42) 48%,transparent 60%,transparent 100%);
  transform:translateX(-120%);
  pointer-events:none;
  mix-blend-mode:screen;
  animation:mockupSweep 5.8s var(--ease-in-out) 1.2s infinite;
}
.score-ring,
.big-ring,
.mini-score{
  filter:drop-shadow(0 8px 16px rgba(13,115,104,.12));
}
.score-ring:before,
.big-ring:before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:1px solid rgba(13,115,104,.16);
  opacity:.75;
  animation:ringPulse 2.8s var(--ease-out) infinite;
}
.status-console:after{
  content:"";
  position:absolute;
  inset:4px auto 0 -34%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-18deg) translateX(-120%);
  opacity:0;
  pointer-events:none;
}
.status-console.is-visible:after{
  opacity:.45;
  animation:consoleScan 4.8s var(--ease-in-out) .5s infinite;
}
.console-bars>div>i span,
.package-progress>i span,
.mini-bars i{
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 1100ms var(--ease-out);
}
.is-visible .console-bars>div>i span,
.is-visible .package-progress>i span,
.is-visible .mini-bars i,
.status-console.is-visible .console-bars>div>i span,
.package-card.is-visible .package-progress>i span,
.bento-card.is-visible .mini-bars i,
.product-stage.is-visible .score-ring,
.product-stage.is-visible .stat-card{
  transform:scaleX(1);
}
.quality-row,
.package-items p,
.side-item,
.track-phase,
.year-card,
.moment-list article{
  transition:transform 190ms var(--ease-out),background-color 190ms ease,border-color 190ms ease,box-shadow 190ms var(--ease-out);
}
.quality-row:hover,
.package-items p:hover,
.side-item:hover{
  background:#f7fbfa;
  transform:translateX(3px);
}
.app-panel .quality-row:nth-child(2){transition-delay:35ms}
.app-panel .quality-row:nth-child(3){transition-delay:70ms}
.app-panel .quality-row:nth-child(4){transition-delay:105ms}
.floating-note{
  animation:floatCard 4.6s var(--ease-in-out) infinite;
}
.note-two{
  animation-delay:1.1s;
}
.authority-bridge span{
  animation:bridgeBreathe 3.4s var(--ease-in-out) infinite;
}
.track-phase.active b{
  animation:phasePulse 2.6s var(--ease-out) infinite;
}
.tilt-ready{
  will-change:transform;
}
.tilt-ready:hover{
  transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);
}
.faq-list details[open] p{
  animation:faqAnswerIn 220ms var(--ease-out) both;
}

@keyframes heroCopyIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes productIn{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes buttonSheen{
  from{transform:skewX(-18deg) translateX(-120%)}
  to{transform:skewX(-18deg) translateX(390%)}
}
@keyframes mockupSweep{
  0%,58%{transform:translateX(-120%)}
  78%,100%{transform:translateX(130%)}
}
@keyframes ringPulse{
  0%{opacity:.6;transform:scale(.96)}
  70%,100%{opacity:0;transform:scale(1.12)}
}
@keyframes consoleScan{
  0%,48%{transform:skewX(-18deg) translateX(-120%)}
  72%,100%{transform:skewX(-18deg) translateX(460%)}
}
@keyframes floatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes bridgeBreathe{
  0%,100%{box-shadow:0 14px 35px rgba(16,63,57,.17)}
  50%{box-shadow:0 18px 42px rgba(16,63,57,.26)}
}
@keyframes phasePulse{
  0%{box-shadow:0 12px 24px rgba(13,115,104,.18)}
  70%,100%{box-shadow:0 0 0 11px rgba(13,115,104,0)}
}
@keyframes faqAnswerIn{
  from{opacity:0;transform:translateY(-4px);filter:blur(1px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}

@media(hover:hover) and (pointer:fine){
  .value-grid article:hover,
  .module-card:hover,
  .year-card:hover{
    box-shadow:0 32px 78px rgba(18,63,57,.11);
  }
  .track-phase:hover{
    transform:translateY(-2px);
    border-color:#cbdeda;
  }
}

@media(max-width:900px){
  .browser-shell:after{
    animation-duration:7s;
  }
}

@media(prefers-reduced-motion:reduce){
  .scroll-progress{
    transition:none;
  }
  .hero-copy,
  .product-stage,
  .browser-shell:after,
  .status-console:after,
  .score-ring:before,
  .big-ring:before,
  .floating-note,
  .authority-bridge span,
  .track-phase.active b,
  .faq-list details[open] p{
    animation:none!important;
  }
  .console-bars>div>i span,
  .package-progress>i span,
  .mini-bars i{
    transform:scaleX(1);
  }
  .status-console:after{
    opacity:0!important;
  }
  .tilt-ready:hover{
    transform:none;
  }
}