/*
Theme Name: secmetix
Description: Lengva lietuviška vieno puslapio Gutenberg blokinė tema.
Version: 1.3.0
Requires at least: 6.6
Requires PHP: 7.4
Author: secmetix
License: GPL-2.0-or-later
Text Domain: secmetix
*/
:root{--ink:#10283f;--blue:#1763d1;--muted:#526478;--line:#dce4ec;--soft:#f3f6f9;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.65}a{color:var(--blue);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #1763d1;outline-offset:6px}p{margin:0 0 1.2rem}h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.04em;font-weight:600}h1{font-size:clamp(2.65rem,5vw,4.65rem)}h2{font-size:clamp(2.1rem,3.6vw,3.25rem);margin-bottom:1.5rem}h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:1rem}.shell{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}.brand{font-size:2rem;font-weight:700;letter-spacing:-.07em;margin:0}.brand a{color:var(--ink);text-decoration:none}.brand-x{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:0;font-size:.875rem;font-weight:600}.nav-links a{color:var(--ink);text-decoration:none}.nav-links a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:10px 17px;border-radius:3px}.hero{padding:94px 0 78px;background:linear-gradient(110deg,#fff 45%,#f3f7fc)}.hero-grid{display:grid;grid-template-columns:1.28fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:var(--blue);margin-bottom:24px;line-height:1.5}.lead{font-size:1.125rem;color:var(--muted);max-width:640px;margin-top:27px}.hero-note{font-size:.8125rem;color:var(--muted);margin:24px 0 0}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.wp-block-button__link{display:inline-block;background:var(--blue);border:1px solid var(--blue);border-radius:3px;color:white;text-decoration:none;padding:13px 20px;font-size:.875rem;font-weight:600;line-height:1.5}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#b9c7d6}.wp-block-button__link:hover{background:#114b9f;color:white}.network-visual{padding:28px;background:linear-gradient(#ffffffbd,#ffffffbd),repeating-linear-gradient(0deg,transparent,transparent 23px,#cedbeb 24px);border:1px solid #d5dfeb;border-radius:7px;box-shadow:0 20px 60px #133a6410;position:relative}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,monospace;font-size:.75rem;letter-spacing:.05em;color:var(--muted)}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--blue)}.network-node{background:white;border:1px solid #cbd7e5;padding:15px 8px;text-align:center;font-size:.875rem;border-radius:4px}.upstream{width:62%;margin:32px auto 0}.network-line{height:30px;width:1px;background:#9cb7d8;margin:auto}.firewall{border:1px solid var(--blue);width:76%;margin:auto;box-shadow:0 6px 20px #1763d10a}.network-node span{display:block;color:var(--muted);font-size:.75rem}.network-node .node-mark{font-size:2.8rem;font-weight:600;color:var(--blue);line-height:1.2}.network-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:35px;position:relative}.network-branches:before{content:"";height:20px;border:1px solid #9cb7d8;border-bottom:0;width:53%;position:absolute;top:15px;left:23.5%}.network-branches:after{content:"";height:15px;border-left:1px solid #9cb7d8;position:absolute;top:0;left:50%}.visual-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:19px;font-size:.6875rem;gap:6px}.strip{background:var(--ink);color:white}.service-strip{display:flex;justify-content:space-between;gap:18px;margin:0;padding:23px 0;font-size:.75rem;letter-spacing:.11em;font-weight:500;flex-wrap:wrap}.service-strip span{color:#748ba3}.section{padding:100px 0}.section-intro{max-width:660px;color:var(--muted);margin-bottom:42px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:32px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.service-card .eyebrow{margin-bottom:32px}.service-card p:not(.eyebrow){font-size:.9375rem;color:var(--muted)}.service-card .outcome{border-top:1px solid var(--line);padding-top:18px;margin:auto 0 0}.outcome strong{color:var(--ink)}.results{padding:76px 0;background:var(--ink);color:white}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.results .eyebrow{color:#8fbfff}.result-copy>p:last-child{color:#c0cfdf}.result-item{position:relative;padding:0 0 23px 52px;margin:0 0 23px;border-bottom:1px solid #365067}.result-item:last-child{margin:0;padding-bottom:0;border:0}.result-number{position:absolute;left:0;top:0;font-size:.875rem;color:#8fbfff}.result-item h3{font-size:1.125rem;margin-bottom:8px}.result-item p:last-child{font-size:.9375rem;color:#c0cfdf;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.step{border-top:1px solid #afc2d7;padding-top:24px}.step-number{font-size:2rem;color:var(--blue);font-weight:500;letter-spacing:-.04em;margin-bottom:30px}.step h3{font-size:1.2rem}.step p:last-child{font-size:.9375rem;color:var(--muted);margin:0}.soft{background:var(--soft)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.about-copy .lead{margin-top:0;color:var(--ink)}.about-copy p{color:var(--muted)}.principles{padding-left:32px;border-left:2px solid var(--blue)}.principles p{font-size:.9375rem;color:var(--muted)}.principles strong{color:var(--ink)}.wp-block-details{border-bottom:1px solid var(--line);padding:22px 0}.wp-block-details:first-of-type{border-top:1px solid var(--line);margin-top:42px}.wp-block-details summary{cursor:pointer;font-weight:600;font-size:1.05rem;padding-right:15px}.wp-block-details p{max-width:900px;color:var(--muted);font-size:1rem;margin:16px 0 0;padding-left:22px}.contact{background:#edf3fa}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;margin-top:44px}.contact-copy p{color:var(--muted);font-size:1rem}.example{border-left:2px solid #9db7d7;padding-left:20px;font-style:italic}.contact-card{background:white;border:1px solid #d3e0ed;padding:32px;overflow-wrap:anywhere}.contact-card .eyebrow{margin-bottom:20px}.contact-email{font-size:.875rem;color:var(--blue);font-weight:600;border-top:1px solid var(--line);padding-top:20px}.small{font-size:.8125rem!important;color:var(--muted)}.site-footer{padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-tag,.footer-link{font-size:.8125rem;color:var(--muted);margin:0}.footer-link a{color:var(--ink)}.page-content{padding-block:80px;min-height:60vh}.skip-link{position:absolute;top:-100px;left:20px;z-index:99;background:white;padding:12px}.skip-link:focus{top:10px}
@media(min-width:1400px){.hero{padding-block:115px}}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero-grid{gap:30px;grid-template-columns:1.1fr 1fr}.nav-links{gap:15px}.hero{padding:65px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.results-grid,.about-grid,.contact-grid{gap:36px}.visual-bottom{font-size:.625rem}}
@media(max-width:720px){.shell{width:calc(100% - 40px)}.header-inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:14px}.nav-links{gap:12px 18px;font-size:.8125rem}.nav-cta{padding:0;border:0;color:var(--blue)!important}.hero-grid,.results-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:45px}.hero{padding:52px 0}.hero-copy h1{font-size:clamp(2.65rem,9vw,3.8rem)}.lead{font-size:1.0625rem}.network-visual{max-width:450px;width:100%;margin:auto}.service-strip{font-size:.6875rem;letter-spacing:.05em;justify-content:flex-start;gap:12px}.service-strip span{display:none}.section{padding:64px 0}.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card .eyebrow{margin-bottom:20px}.results{padding:60px 0}.process-grid{gap:30px 22px}.step h3{font-size:1.1rem}.principles{padding-left:22px}.footer-inner{flex-wrap:wrap}.footer-tag{width:100%;order:3}.contact-card{padding:24px}}
@media(max-width:380px){.process-grid{grid-template-columns:1fr}.visual-bottom{letter-spacing:0}.wp-block-buttons{flex-direction:column}.wp-block-button__link{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep heading scale consistent with the WordPress editor and core global styles. */
.wp-site-blocks h1,.editor-styles-wrapper h1{font-size:clamp(2.65rem,5vw,4.65rem)}
.wp-site-blocks h2,.editor-styles-wrapper h2{font-size:clamp(2.1rem,3.6vw,3.25rem)}
.wp-site-blocks h3,.editor-styles-wrapper h3{font-size:1.35rem}
.wp-site-blocks .result-item h3,.editor-styles-wrapper .result-item h3{font-size:1.125rem}
.wp-site-blocks .step h3,.editor-styles-wrapper .step h3{font-size:1.2rem}
.hero-grid>*,.service-grid>*,.contact-grid>*,.about-grid>*{min-width:0}
@media(max-width:720px){.wp-site-blocks .hero-copy h1,.editor-styles-wrapper .hero-copy h1{font-size:clamp(2.65rem,9vw,3.8rem)}}

/* Frame the approved PNG without altering the source artwork. */
.brand-logo{position:relative;flex:0 0 auto;width:290px;max-width:100%;aspect-ratio:4.7;margin:0;overflow:hidden;background:#fff}
.brand-logo a{display:block;position:absolute;inset:0}
.brand-logo img{position:absolute!important;display:block;width:133.333%!important;max-width:none!important;height:auto!important;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand-logo:focus-within{outline:3px solid var(--blue);outline-offset:4px}
.footer-inner .brand-logo{width:235px}
@media(max-width:1000px){.header-inner{flex-wrap:wrap;padding-block:20px;gap:20px}.header-inner .brand-logo{width:265px}}
@media(max-width:720px){.header-inner .brand-logo{width:260px}.footer-inner .brand-logo{width:225px}}

/* Decorative service icons: bundled SVG, no external requests or scripts. */
.service-card .service-icon{width:48px;height:48px;margin:0 0 28px;flex-shrink:0}
.service-card .service-icon img{display:block;width:48px;height:48px;max-width:100%;object-fit:contain}
@media(max-width:720px){.service-card .service-icon{margin-bottom:22px}}

/* Selected concept A: self-contained network diagram. */
.smx-network{width:100%;min-width:0;border:1px solid #dce5ef;border-radius:16px;overflow:hidden;background:#fff;color:#10283f;box-shadow:0 14px 44px #10283f0c}
.smx-network-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 22px;border-bottom:1px solid #dce5ef;font-size:11px;letter-spacing:1.4px;font-weight:700;color:#526478}
.smx-network-meta{font-family:ui-monospace,monospace;font-weight:400;letter-spacing:0;color:#1763d1}
.smx-network-body{padding:26px 22px;background:radial-gradient(circle at center,#eef5ff 0,transparent 64%),radial-gradient(#cad8e8 .65px,transparent .65px);background-size:auto,17px 17px}
.smx-network-icon{display:inline-block;width:42px;height:42px;flex-shrink:0;border-radius:10px;background-color:#ecf3fd;background-repeat:no-repeat;background-position:center;background-size:22px 22px}
.smx-network-internet{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#526478}
.smx-network-internet .smx-network-icon{width:26px;height:28px;background-color:transparent}
.smx-network-line{height:27px;width:1px;background:#8eacd2;margin:auto}
.smx-network-hub{display:flex;align-items:center;gap:14px;max-width:340px;margin:auto;padding:20px;background:#fff;border:1px solid #adc8ed;border-radius:12px;box-shadow:0 8px 24px #1763d110}
.smx-network-hub .shield{width:48px;height:48px;background-color:#1763d1;background-size:25px 25px}
.smx-network-hub strong{font-size:17px;font-weight:600;line-height:1.3;display:block}
.smx-network-sub{display:block;font-size:13px;line-height:1.5;color:#526478;margin-top:6px}
.smx-network-split{height:28px;width:52%;border:1px solid #8eacd2;border-bottom:0;margin:auto}
.smx-network-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.smx-network-node{min-width:0;background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:17px 14px}
.smx-network-node strong{display:block;font-size:14px;font-weight:600;line-height:1.35;margin-top:12px}
.smx-network-footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:17px 20px;background:#f5f8fc;border-top:1px solid #dce5ef;font-size:12px;line-height:1.5}
.smx-network-footer .file{width:20px;height:22px;background-color:transparent;background-size:18px 18px}
@media(max-width:380px){.smx-network-body{padding:22px 14px}.smx-network-hub{padding:16px 12px;gap:10px}.smx-network-hub strong{font-size:15px}.smx-network-hub .shield{width:40px;height:40px}.smx-network-branches{gap:9px}.smx-network-node{padding:14px 10px}.smx-network-sub{font-size:12px}.smx-network-footer{padding:15px 14px;gap:7px}}
.smx-network-icon.cloud{background-image:url("assets/icons/diagram-cloud.svg")}
.smx-network-icon.shield{background-image:url("assets/icons/diagram-shield.svg")}
.smx-network-icon.network{background-image:url("assets/icons/diagram-network.svg")}
.smx-network-icon.laptop{background-image:url("assets/icons/diagram-laptop.svg")}
.smx-network-icon.file{background-image:url("assets/icons/diagram-file.svg")}