:root{--ink:#20243a;--muted:#70758a;--purple:#5e63e9;--purple-dark:#494ed2;--line:#e9eaf2;--paper:#fff;--bg:#f8f9fc;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.site-header{height:78px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(233,234,242,.7)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--purple);display:grid;place-items:center;box-shadow:0 5px 12px #5e63e933}.brand-mark svg{width:23px;height:23px;fill:none;stroke:white;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-name{font:800 16px var(--display);letter-spacing:-.7px;line-height:1.05}.brand-name>span{color:var(--purple)}.brand-name small{display:block;font:500 9px var(--font);letter-spacing:.12px;color:#85899b;margin-top:4px}.nav-links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600;color:#555a70}.nav-links>a:not(.button):hover,.text-link:hover,.card-link:hover{color:var(--purple)}.button{min-height:50px;padding:0 22px;background:var(--purple);color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:700;transition:.2s ease;box-shadow:0 6px 16px #5e63e92b}.button:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 9px 22px #5e63e936}.button-small{min-height:40px;padding:0 16px;font-size:12px}.button-small span,.button span{font-size:17px;line-height:0}.menu-toggle{display:none}.hero{min-height:580px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;padding-top:35px;padding-bottom:55px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.45px;color:var(--purple);font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:17px}.status-dot{width:8px;height:8px;background:#64c897;border-radius:50%;box-shadow:0 0 0 4px #e5f8ef}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(43px,5.2vw,65px);letter-spacing:-3.6px;line-height:1.13;margin-bottom:20px;font-weight:800}.highlight{color:var(--purple)}.hero-text{max-width:445px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-weight:700;font-size:13px;transition:.2s;color:#343950}.text-link span{font-size:16px;margin-left:6px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:43px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{height:31px;width:31px;border:2px solid white;border-radius:50%;display:grid;place-items:center;color:white;font-size:10px;font-weight:700;margin-left:-5px;background:#f2a281}.avatar-stack span:nth-child(2){background:#7e81e8}.avatar-stack span:nth-child(3){background:#5bbd98}.hero-proof p{font-size:10px;line-height:1.5;color:#9296a7;margin:0}.hero-proof strong{font-size:11px;color:#474c62}.hero-art{height:475px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:415px;height:415px;border-radius:50%;background:radial-gradient(circle,#eeeefe 0,#f5f5ff 50%,transparent 70%)}.dashboard-card{position:relative;z-index:1;width:min(495px,100%);border:1px solid #e8e9f2;border-radius:13px;background:#fff;box-shadow:0 28px 70px #31365b21;overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.dash-top{height:42px;border-bottom:1px solid #f0f0f5;display:flex;align-items:center;padding:0 14px;gap:10px;color:#a4a6b5;font-size:8px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#f4a08e}.window-dots i:nth-child(2){background:#f1cf78}.window-dots i:nth-child(3){background:#81d1a6}.dash-avatar{margin-left:auto;background:#ececff;color:#6266db;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:7px;font-weight:700}.dash-body{display:flex;min-height:320px}.dash-side{width:47px;border-right:1px solid #f0f0f5;display:flex;align-items:center;flex-direction:column;padding:12px 0;gap:19px}.side-logo{font:800 15px var(--display);color:#4f54d9;margin:0 0 3px}.side-logo span{color:#f19c78}.dash-side i,.side-active{width:13px;height:13px;border-radius:4px;background:#f0f0f8;display:block}.side-active{background:#696deb;box-shadow:0 3px 7px #696deb65}.dash-main{padding:19px 19px 12px;flex:1}.dash-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dash-greeting small{font-size:6px;letter-spacing:1px;color:#a1a3b3;font-weight:700}.dash-greeting h3{font-size:13px;letter-spacing:-.3px;margin:3px 0 0}.date-pill{font-size:7px;padding:5px 8px;border:1px solid #ededf4;border-radius:5px;color:#777b8f}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{border:1px solid #ededf3;border-radius:7px;padding:10px 11px}.stat-box>span{display:block;color:#9295a8;font-size:7px}.stat-box strong{display:block;font:700 19px var(--display);letter-spacing:-.6px;margin:4px 0}.stat-box small{font-size:6px}.positive{color:#45ac80}.chart-box{border:1px solid #ededf3;border-radius:7px;margin-top:10px;padding:10px 11px 7px}.chart-heading{font-size:8px;font-weight:700;display:flex;justify-content:space-between}.chart-heading small{font-size:6px;color:#9799a9;font-weight:500}.chart{height:89px;display:flex;gap:8px;margin-top:10px}.chart-y{height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#b4b6c3;font-size:6px}.chart-lines{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between}.chart-lines>span{width:100%;border-top:1px dashed #edecf4}.chart-lines svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-lines .area{fill:url(#fill)}.chart-lines .line{fill:none;stroke:#6468e8;stroke-width:2.3;vector-effect:non-scaling-stroke}.chart-x{display:flex;justify-content:space-between;padding-left:20px;font-size:6px;color:#aaacb9;margin-top:3px}.dash-footer{display:flex;justify-content:space-between;padding:9px 2px 0;font-size:6px;color:#9699aa}.dash-footer span:last-child{color:#56aa83}.legend-dot{display:inline-block;width:5px;height:5px;background:#6569e8;border-radius:50%;margin-right:4px}.float-note{position:absolute;z-index:2;background:#fff;box-shadow:0 10px 30px #31365b1b;border:1px solid #f0f0f5;border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:10px}.note-top{top:50px;right:0}.note-bottom{bottom:51px;left:3px}.float-note b,.float-note small{display:block}.float-note b{font-size:9px}.float-note small{font-size:8px;color:#999cad;margin-top:2px}.note-icon{height:27px;width:27px;display:grid;place-items:center;border-radius:7px;font-weight:800}.purple{background:#efefff;color:#6468e8}.green{background:#e8f8f0;color:#52b88b}.art-orbit{position:absolute;border:1px solid #e5e5fa;border-radius:50%;transform:rotate(-29deg)}.orbit-one{width:475px;height:230px}.orbit-two{width:410px;height:280px;transform:rotate(32deg)}.trust-strip{border-top:1px solid #f0f0f5;border-bottom:1px solid #f0f0f5;background:#fcfcfe}.trust-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between}.trust-inner>span{font-size:9px;font-weight:700;letter-spacing:1.15px;color:#a0a3b3}.trust-items{display:flex;gap:44px;color:#71758a;font-size:11px;font-weight:600}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.section-heading h2,.benefit-copy h2,.about-copy h2{font-size:39px;line-height:1.22;letter-spacing:-1.7px;margin-bottom:0}.section-heading h2 span,.benefit-copy h2 span,.about-copy h2 span{color:var(--purple)}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.product-card{grid-column:span 2;position:relative;overflow:hidden;min-height:270px;padding:24px 23px;background:#fff;border:1px solid #ebecf2;border-radius:10px;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 13px 32px #282c5010;border-color:#dcdcf3}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.product-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.product-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-purple{background:#f0efff;color:#6669e8}.icon-orange{background:#fff1e9;color:#e68b5f}.icon-blue{background:#eaf4ff;color:#5393de}.icon-green{background:#eaf8f0;color:#55ae7c}.icon-pink{background:#fff0f4;color:#df7791}.product-number{font-size:10px;color:#b9bbc8;font-weight:700;letter-spacing:.5px}.product-card h3{font-size:17px;line-height:1.4;letter-spacing:-.4px;margin-bottom:9px}.product-card p{font-size:11px;line-height:1.75;color:#818598;max-width:290px;margin-bottom:17px}.card-link{position:relative;z-index:1;font-size:10px;font-weight:700;color:#555ad9}.card-link span{font-size:14px;margin-left:4px}.card-decoration{position:absolute;font-family:var(--display);font-weight:800;color:#f7f7fc;pointer-events:none}.decor-check{font-size:120px;right:7px;bottom:-44px;transform:rotate(-10deg)}.decor-brief{font-size:100px;right:10px;bottom:-43px;transform:rotate(12deg)}.decor-cap{font-size:110px;right:10px;bottom:-53px;transform:rotate(-12deg)}.decor-book{font-size:107px;right:6px;bottom:-44px;transform:rotate(12deg)}.decor-users{font-size:105px;right:8px;bottom:-49px}.product-cta{grid-column:span 3;min-height:210px;padding:26px;background:#555add;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.product-cta:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff28;border-radius:50%;right:-37px;top:-77px;box-shadow:0 0 0 22px #ffffff09,0 0 0 45px #ffffff07}.cta-spark{position:absolute;right:40px;top:28px;color:#aeb0ff;font-size:30px}.product-cta h3{font-size:19px;margin:0 0 5px;position:relative;z-index:1}.product-cta p{font-size:11px;color:#e0e0ff;margin:0;position:relative;z-index:1}.button-light{background:#fff;color:#5156d6;align-self:flex-start;min-height:39px;padding:0 13px;font-size:10px;box-shadow:none;position:relative;z-index:1}.button-light:hover,.button-white:hover{background:#f1f1ff;color:#454ac7}.benefits{background:#f8f8fd}.benefit-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.benefit-copy h2{font-size:36px}.benefit-copy>p{color:var(--muted);font-size:13px;line-height:1.85;margin:17px 0 19px;max-width:400px}.benefit-copy .eyebrow{margin-bottom:14px}.benefit-list article{display:grid;grid-template-columns:43px 1fr 30px;align-items:start;gap:16px;padding:21px 0;border-bottom:1px solid #e9e9f1}.benefit-list article:first-child{padding-top:0}.benefit-list article:last-child{border:0;padding-bottom:0}.benefit-icon{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:700}.violet{background:#eeedff;color:#6b6de5}.mint{background:#e8f7ef;color:#54b481}.peach{background:#fff0e8;color:#e89a70}.benefit-list h3{font-size:13px;margin:1px 0 5px}.benefit-list p{font-size:11px;color:#85889a;margin:0;line-height:1.7}.benefit-index{font-size:9px;color:#b7b9c6;font-weight:700;text-align:right;padding-top:6px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{height:335px;background:#f0f1fd;border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden}.about-visual:before,.about-visual:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #dcdffa;border-radius:50%}.about-visual:after{width:330px;height:330px}.about-board{position:relative;z-index:1;width:75%;background:#24263b;border-radius:10px;padding:16px 20px;box-shadow:0 20px 36px #25274235;transform:rotate(-3deg)}.board-label{font-size:7px;font-weight:700;letter-spacing:1.5px;color:#a4a7d6;border-bottom:1px solid #41435c;padding-bottom:10px}.board-code{font:10px/2.1 monospace;color:#ebebfa;padding-top:10px}.board-code>span{color:#777a9b;margin-right:11px}.board-code b{color:#9b9dff;font-weight:500}.board-code em{font-style:normal;color:#f5bd8a}.board-code i{color:#85c3a0;font-style:normal}.board-cursor{height:11px;width:2px;background:#a3a4ff;position:absolute;bottom:25px;left:150px}.about-sticker{position:absolute;z-index:2;right:8%;bottom:13%;width:74px;height:74px;border-radius:50%;background:#ffc981;display:grid;place-content:center;text-align:center;transform:rotate(10deg);font-size:8px;line-height:1.3;font-weight:800;color:#554432;box-shadow:0 5px 14px #c89d6240}.about-sticker b{font-size:6px;letter-spacing:.4px}.about-copy .eyebrow{margin-bottom:14px}.about-copy h2{font-size:37px}.about-copy>p{font-size:12px;line-height:1.9;color:var(--muted);margin:17px 0 0}.about-copy .button{margin-top:23px}.button-outline{background:#fff;border:1px solid #dfe0eb;color:#484d66;box-shadow:none;min-height:43px;padding:0 15px;font-size:11px}.button-outline:hover{background:#f5f5ff;border-color:#c9c9f0;color:#4e52d1}.contact-section{background:#555add;color:#fff;overflow:hidden;position:relative}.contact-inner{min-height:287px;display:flex;justify-content:space-between;align-items:center;position:relative}.eyebrow-light{color:#c6c7ff;margin-bottom:12px}.contact-inner h2{font-size:38px;line-height:1.2;letter-spacing:-1.6px;margin-bottom:10px}.contact-inner p{font-size:12px;color:#e1e1ff;margin:0;max-width:450px}.contact-action{display:flex;align-items:flex-start;flex-direction:column;gap:13px;position:relative;z-index:1}.button-white{background:white;color:#4e52cf;box-shadow:none}.contact-action small{color:#d2d3ff;font-size:9px}.contact-action small a{color:white;text-decoration:underline}.contact-orb{position:absolute;width:350px;height:350px;border:1px solid #ffffff16;border-radius:50%;right:-60px;top:-125px;box-shadow:0 0 0 35px #ffffff07,0 0 0 70px #ffffff05}.footer{background:#fff}.footer-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{height:32px;width:32px;border-radius:9px}.footer-brand .brand-mark svg{width:19px}.footer-brand .brand-name{font-size:13px}.footer-brand .brand-name small{font-size:7px}.footer-inner>span,.back-top{font-size:9px;color:#8b8ea0}.back-top{font-weight:700;color:#555a70}.back-top:hover{color:var(--purple)}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:10px;min-height:520px}.hero-art{transform:scale(.88);transform-origin:center}.section-heading h2{font-size:34px}.trust-items{gap:20px}.benefit-layout{gap:45px}.about{gap:48px}.product-card{padding:20px;min-height:280px}}
@media(max-width:700px){.container{width:min(100% - 38px,520px)}.site-header{height:68px}.menu-toggle{display:flex;border:0;background:transparent;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:2px;background:#343950;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:20px 24px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 24px #20243a0d;align-items:stretch;gap:17px;flex-direction:column}.nav-links.open{display:flex}.nav-links>a:not(.button){padding:4px 0}.nav-links .button{align-self:flex-start}.hero{grid-template-columns:1fr;padding-top:58px;padding-bottom:34px;gap:15px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-text{font-size:13px;margin:0 auto 22px}.hero-proof{margin-top:26px}.hero-art{height:360px;transform:scale(.83);margin:-4px -25px 0}.float-note.note-top{right:-10px;top:31px}.float-note.note-bottom{left:-8px;bottom:32px}.art-glow{width:350px;height:350px}.dashboard-card{width:470px}.trust-inner{padding:18px 0;align-items:flex-start;gap:14px;flex-direction:column}.trust-items{width:100%;justify-content:space-between;gap:8px;font-size:9px}.trust-inner>span{font-size:8px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.benefit-copy h2,.about-copy h2{font-size:32px;letter-spacing:-1.2px}.section-heading>p{margin-top:14px;font-size:12px}.product-grid{grid-template-columns:1fr 1fr;gap:11px}.product-card{grid-column:span 1;min-height:265px;padding:17px}.product-card h3{font-size:15px}.product-card p{font-size:10px}.product-top{margin-bottom:17px}.product-icon{width:37px;height:37px}.product-cta{grid-column:span 2;min-height:190px;padding:21px}.product-cta h3{font-size:17px}.benefit-layout{grid-template-columns:1fr;gap:35px}.benefit-copy>p{margin-top:13px}.benefit-list article{padding:17px 0}.about{grid-template-columns:1fr;gap:38px}.about-visual{height:280px;order:2}.about-copy{order:1}.about-board{width:77%;padding:14px 16px}.board-code{font-size:9px}.about-sticker{right:7%;bottom:12%}.contact-inner{padding-top:55px;padding-bottom:55px;min-height:0;display:block}.contact-inner h2{font-size:34px}.contact-inner p{max-width:370px}.contact-action{margin-top:23px}.contact-orb{right:-160px}.footer-inner{min-height:105px;display:grid;grid-template-columns:1fr auto;gap:0 12px}.footer-inner>span{grid-row:2;grid-column:1/-1;align-self:start;padding-bottom:13px}.back-top{align-self:center}.footer-brand{align-self:end;margin-bottom:9px}}
@media(max-width:390px){.hero h1{font-size:42px}.hero-actions{gap:15px}.hero-actions .button{padding:0 15px}.hero-art{transform:scale(.72);margin-left:-50px;margin-right:-50px;height:315px}.product-card{padding:14px}.product-card p{font-size:9px}.product-card h3{font-size:14px}.product-number{font-size:8px}.trust-items{font-size:8px}.trust-items span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.school-logo{width:39px;height:39px;object-fit:contain;flex:0 0 auto}.footer-brand .school-logo{width:34px;height:34px}
:root{--purple:#1769aa;--purple-dark:#10548d;--glory-red:#c83a42;--celtic-blue:#1769aa;--amber-gold:#e8ad35}
.icon-purple{background:#fff0ef;color:var(--glory-red)}
.product-card.card-exam{border-top:3px solid var(--glory-red)}
.product-cta,.contact-section{background:var(--celtic-blue)}
.cta-spark{color:var(--amber-gold)}
.about-sticker{background:var(--amber-gold)}

/* Polesan visual Sintesa Digital */
body{background:#fff}
.site-header{background:rgba(255,255,255,.94);box-shadow:0 5px 24px rgba(24,48,78,.045)}
.brand-name{letter-spacing:-.85px}
.brand-name>span{color:var(--glory-red)}
.hero{min-height:620px;position:relative}
.hero:before{content:"";position:absolute;left:-140px;top:15px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,170,.08),transparent 68%);pointer-events:none}
.hero h1{font-size:clamp(47px,5.6vw,72px);letter-spacing:-4px}
.highlight{background:linear-gradient(100deg,var(--celtic-blue) 0%,#3889c2 66%,var(--glory-red) 130%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .button{background:var(--glory-red);box-shadow:0 8px 20px rgba(200,58,66,.2)}
.hero .button:hover{background:#ad2c36}
.hero-art{filter:drop-shadow(0 16px 25px rgba(25,53,86,.055))}
.art-glow{background:radial-gradient(circle,rgba(23,105,170,.13) 0,#f1f7fb 48%,transparent 72%)}
.dashboard-card{border-radius:16px;box-shadow:0 30px 75px rgba(28,54,86,.18);border-color:#e3ebf2}
.note-top{border-left:3px solid var(--amber-gold)}
.note-bottom{border-left:3px solid #63bd91}
.trust-strip{background:linear-gradient(90deg,#f8fbfd,#fff,#fffaf2)}
.products{padding-top:118px;padding-bottom:118px}
.section-heading h2,.benefit-copy h2,.about-copy h2{letter-spacing:-2px}
.product-card{border-radius:14px;min-height:285px;padding:26px 25px;background:linear-gradient(150deg,#fff 60%,#f9fbfd);box-shadow:0 8px 24px rgba(30,55,87,.035)}
.product-card:hover{box-shadow:0 18px 38px rgba(30,55,87,.11);border-color:#d8e4ee}
.product-card h3{font-size:18px}
.product-card p{font-size:12px;max-width:300px}
.product-icon{transition:transform .25s ease}
.product-card:hover .product-icon{transform:translateY(-3px) rotate(-4deg)}
.product-card.card-exam{border-top:3px solid var(--glory-red)}
.product-card.card-pkl{border-top:3px solid var(--amber-gold)}
.product-card.card-spmb{border-top:3px solid var(--celtic-blue)}
.product-card.card-akademik{border-top:3px solid #55ae7c}
.product-card.card-kesiswaan{border-top:3px solid #df7791}
.card-decoration{opacity:.85}
.product-cta,.contact-section{background:linear-gradient(118deg,#12558b 0%,#1769aa 65%,#287bb5 100%)}
.product-cta{border-radius:14px;box-shadow:0 12px 26px rgba(23,105,170,.16)}
.button-light{color:#174f79;border-radius:8px}
.benefits{background:linear-gradient(135deg,#f5f8fb 0%,#f6f7fd 100%)}
.benefit-icon{box-shadow:inset 0 0 0 1px rgba(25,45,74,.035)}
.about-visual{border-radius:18px;background:linear-gradient(145deg,#eaf3fa,#f3f1fc);box-shadow:inset 0 0 0 1px rgba(23,105,170,.05)}
.about-board{border:1px solid #3b405d;box-shadow:0 25px 50px rgba(28,39,75,.28)}
.about-sticker{box-shadow:0 7px 20px rgba(196,139,30,.3);border:3px solid #fff}
.contact-section{background:linear-gradient(118deg,#124f80 0%,#1769aa 64%,#287bb5 100%)}
.contact-inner{min-height:315px}
.button-white{border-radius:9px;box-shadow:0 8px 20px rgba(12,43,75,.16)}
.footer{border-top:1px solid #edf0f4}
.footer-inner{min-height:95px}
@media(max-width:700px){.hero{min-height:0}.hero h1{font-size:48px;letter-spacing:-2.8px}.products{padding-top:78px;padding-bottom:78px}.product-card{min-height:270px;padding:18px}.product-card p{font-size:10px}}
.product-dialog{width:min(520px,calc(100% - 32px));max-width:none;border:1px solid #e3eaf0;border-radius:18px;padding:34px 36px 32px;color:var(--ink);box-shadow:0 28px 90px rgba(22,43,72,.25);position:fixed}
.product-dialog[open]{animation:dialog-in .2s ease-out}
.product-dialog::backdrop{background:rgba(19,35,56,.52);backdrop-filter:blur(4px)}
.dialog-close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f7;color:#536173;font-size:24px;line-height:1;cursor:pointer}
.dialog-close:hover{background:#e5edf3;color:var(--celtic-blue)}
.dialog-eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:var(--celtic-blue);margin:7px 35px 12px 0}
.dialog-eyebrow span{color:var(--glory-red);padding:0 4px}
.product-dialog h2{font:800 27px/1.25 var(--display);letter-spacing:-1px;margin:0 25px 12px 0}
.dialog-summary{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px}
.product-dialog h3{font:700 12px var(--display);margin:0 0 10px}
.dialog-features{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px}
.dialog-features li{position:relative;padding-left:26px;font-size:12px;line-height:1.55;color:#555b6c}
.dialog-features li:before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e9f5ed;color:#3d9a6c;font-weight:800;font-size:10px}
.dialog-contact{min-height:43px;font-size:11px;border-radius:8px}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.product-dialog{padding:30px 23px 24px}.product-dialog h2{font-size:23px}.dialog-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-dialog[open]{animation:none}}
.products.section{position:relative;isolation:isolate}
.products.section:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(135deg,#f5f8fc 0%,#f1f6fa 52%,#fbf7f1 100%)}
.benefits.section{background:linear-gradient(125deg,#eaf3f9 0%,#eff5fa 55%,#f5f4f8 100%)}
.about.section{position:relative;isolation:isolate}
.about.section:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fffaf1}
.contact-section{background:linear-gradient(115deg,#124f80 0%,#1769aa 70%,#1c72ad 100%)}
.trust-strip{background:#fff;border-bottom-color:#e5ebf0}
@media(max-width:700px){.products.section:before,.about.section:before{width:100vw}.products.section{padding-left:0;padding-right:0}}
.product-grid>.product-cta{grid-column:1/-1;min-height:158px;padding:30px 34px;flex-direction:row;align-items:center;gap:24px}
.product-cta>div{margin-right:auto}
.product-cta .button-light{align-self:center;white-space:nowrap}
@media(max-width:700px){.product-grid>.product-cta{grid-column:1/-1;min-height:190px;padding:23px;align-items:flex-start;flex-direction:column;gap:16px}.product-cta .button-light{align-self:flex-start}}