@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--teal:#10a8a7;--teal2:#0a999b;--ink:#0c1f31;--muted:#657b8b;--line:#dfe9ee;--soft:#f5f9fb;--blue:#1fa9d8;--green:#12a897;--purple:#775de7;--max:1280px;--shadow:0 18px 48px rgba(17,48,67,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.ui-icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:11px;line-height:1.2;letter-spacing:.14em;color:#708698;font-weight:850;margin-bottom:12px}.section{padding:52px 0}.section h2{margin:0;color:var(--ink);font-size:36px;line-height:1.04;letter-spacing:-1.35px}.section-head{margin-bottom:25px}.section-head>p,.section-head div>p{color:var(--muted);line-height:1.7}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}.split-head>p{font-size:13px;max-width:510px;justify-self:end;margin:0}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:900;letter-spacing:-.45px}.brand-g2{font-size:31px;color:var(--teal);line-height:1}.brand-name{font-size:20px;color:#153046}.site-header{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf3f6;position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.main-nav{display:flex;align-items:center;gap:35px;margin-left:auto;height:100%}.nav-dropdown{height:100%;display:flex;align-items:center;position:relative}.nav-link{display:flex;align-items:center;gap:7px;height:100%;border:0;background:transparent;padding:0;color:#385168;font-size:13px;cursor:pointer;position:relative;transition:color .22s ease}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .24s ease}.nav-link:hover,.nav-dropdown.open>.nav-link{color:var(--teal2)}.nav-link:hover:after,.nav-dropdown.open>.nav-link:after{transform:scaleX(1)}.nav-chevron{width:12px;height:12px;transition:transform .2s ease;stroke-width:2}.nav-dropdown:hover .nav-chevron,.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% - 1px);left:-28px;width:346px;background:#fff;border:1px solid #dfe9ee;box-shadow:0 24px 60px rgba(14,42,60,.15);padding:10px;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .18s ease,transform .18s ease,visibility .18s;border-radius:10px}.nav-dropdown:hover>.dropdown-panel,.nav-dropdown:focus-within>.dropdown-panel,.nav-dropdown.open>.dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-panel a:not(.menu-all){display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px;border-radius:7px;transition:background .16s,transform .16s}.dropdown-panel a:not(.menu-all):hover{background:#f2fbfb;transform:translateX(2px)}.drop-icon{width:38px;height:38px;border:1px solid #dcebee;background:#f5fbfc;border-radius:7px;display:grid;place-items:center;color:var(--teal)}.drop-icon .ui-icon{font-size:20px}.drop-icon.blue{background:#eff9ff;color:#1c9ed0}.drop-icon.green{background:#effbf7;color:#119b8d}.drop-icon.purple{background:#f5f1ff;color:#7155df}.dropdown-panel b{font-size:13px;display:block}.dropdown-panel small{font-size:10px;line-height:1.45;color:#7b8c98;display:block;margin-top:3px}.menu-all{border-top:1px solid #e7eef2;margin-top:6px;padding:10px 12px 5px;color:var(--teal2);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.mini-arrow{width:15px;height:15px}.compact-menu{width:310px}.sector-menu{width:300px}.header-cta,.btn,.product-btn{position:relative;overflow:hidden;isolation:isolate}.header-cta{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#17b6b1,#0a9b9e);color:#fff;padding:0 23px;border-radius:6px;font-size:13px;font-weight:800;box-shadow:0 8px 21px rgba(13,157,159,.16)}.btn{height:45px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 23px;border-radius:6px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s,color .2s,background .2s}.btn-primary{background:linear-gradient(180deg,#17b6b1,#0a9b9e);color:#fff;box-shadow:0 8px 18px rgba(10,157,160,.15)}.btn-secondary{background:#fff;color:#24485c;border-color:#50b9c0}.btn-arrow{width:15px;height:15px;transition:transform .2s ease}.fx-button:before{content:"";position:absolute;z-index:0;pointer-events:none;top:-65%;left:-45%;width:24%;height:230%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(19deg) translateX(-220%);animation:buttonSweep 4.6s cubic-bezier(.2,.65,.25,1) infinite}.fx-button:hover:before{animation:none;transform:rotate(19deg) translateX(720%);transition:transform .55s cubic-bezier(.2,.65,.25,1)}@keyframes buttonSweep{0%,68%{transform:rotate(19deg) translateX(-220%)}88%,100%{transform:rotate(19deg) translateX(720%)}}.fx-button>.btn-label,.fx-button>.btn-arrow{position:relative;z-index:1}.fx-button:hover{transform:translateY(-2px)}.fx-button:hover .btn-arrow{transform:translateX(4px)}.btn-secondary:before,.product-btn:not(.filled):before{background:linear-gradient(90deg,transparent,rgba(13,168,167,.13),transparent)}.mobile-toggle{display:none;margin-left:auto;border:0;background:transparent;color:#173347;width:38px;height:38px;place-items:center}.mobile-toggle svg{width:24px;height:24px}.mobile-toggle .menu-close{display:none}.mobile-toggle[aria-expanded="true"] .menu-open{display:none}.mobile-toggle[aria-expanded="true"] .menu-close{display:block}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fbfdfe 48%,#f1f8fb 100%);border-bottom:1px solid #eef4f7}.hero-bg{position:absolute;right:0;top:0;width:54%;height:100%;background-image:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.84) 17%,rgba(255,255,255,.20) 55%,rgba(255,255,255,.06) 100%),url('assets/sectors/hero-bg.webp');background-size:cover;background-position:center;opacity:.8;filter:saturate(.82)}.hero-grid{min-height:565px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:24px;position:relative;padding:28px 0 18px}.hero-copy{padding:28px 0 20px;z-index:2}.hero h1{font-size:46px;line-height:1.04;letter-spacing:-1.9px;margin:0 0 18px;color:#0b1b2b;font-weight:900}.hero h1 span,.subhero h1 span,.solution-band h2 span{color:#0f999c}.hero-copy>p{font-size:16px;line-height:1.66;color:#52697a;max-width:555px;margin:0}.hero-actions,.subhero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-stats{margin-top:32px;padding-top:18px;border-top:1px solid #d6e3e9;display:grid;grid-template-columns:repeat(4,1fr);max-width:575px}.hero-stats>div{padding:0 16px;border-right:1px solid #dbe6eb}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border-right:0}.hero-stats strong{display:block;font-size:14px;color:#16374d}.hero-stats span{display:block;font-size:10px;color:#778996;margin-top:4px}.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}.monitor-shell{width:min(95%,700px);background:#17232d;padding:11px 11px 13px;border-radius:11px 11px 5px 5px;box-shadow:0 25px 48px rgba(12,31,45,.22),0 0 0 1px rgba(0,0,0,.06);position:relative;z-index:2}.monitor-top-dot{width:5px;height:5px;border-radius:50%;background:#6c8797;position:absolute;top:4px;left:50%}.monitor-screen{overflow:hidden;background:#0b1520;aspect-ratio:16/9}.monitor-screen img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.monitor-neck{position:absolute;bottom:40px;width:90px;height:56px;background:linear-gradient(90deg,#8a979d,#e0e6e8 45%,#929fa5);clip-path:polygon(21% 0,79% 0,100% 100%,0 100%);z-index:1}.monitor-base{position:absolute;bottom:26px;width:225px;height:15px;border-radius:50%;background:linear-gradient(180deg,#dce2e4,#7e8c93);box-shadow:0 5px 8px rgba(0,0,0,.17)}.real-ui-note{position:absolute;right:4px;bottom:45px;color:#0a9ea0;font-size:12px;text-align:center;transform:rotate(-2deg);line-height:1.2}.note-arrow{display:block;width:29px;height:29px;margin:0 auto 2px;transform:rotate(-135deg)}.note-arrow .ui-icon{width:29px;height:29px;stroke-width:1.4}.trust-strip-wrap{background:#fff}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#fbfdfe,#f1f7fa);border:1px solid #e4edf2;border-radius:14px;min-height:82px;box-shadow:0 9px 28px rgba(25,64,86,.04)}.trust-item{display:flex;align-items:center;gap:14px;padding:18px 22px;position:relative}.trust-item:not(:last-child):after{content:"";position:absolute;right:0;height:42px;width:1px;background:#dce6eb}.iconbox{width:34px;height:34px;color:#0aa7ab;display:grid;place-items:center;flex:0 0 auto}.iconbox .ui-icon{width:30px;height:30px;stroke-width:1.6}.trust-item b{display:block;font-size:13px;color:#15374e}.trust-item small{display:block;margin-top:4px;font-size:10px;color:#7f909d}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{padding:18px;border-radius:11px;border:1px solid #e4edf2;overflow:hidden;min-width:0;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,53,70,.09)}.card-blue{background:linear-gradient(145deg,#f4fbff,#eaf4fc)}.card-green{background:linear-gradient(145deg,#f2fffc,#e8f8f2)}.card-purple{background:linear-gradient(145deg,#fbf9ff,#f0ecff)}.product-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.product-icon{width:39px;height:39px;border-radius:8px;background:var(--product-color);color:#fff;display:grid;place-items:center}.product-icon .ui-icon{width:22px;height:22px}.product-title h3{margin:0;font-size:19px;letter-spacing:-.4px}.product-title p{margin:3px 0 0;color:#657a8b;font-size:10px}.product-shot{display:block;background:#10202e;padding:5px;border-radius:7px;box-shadow:0 9px 22px rgba(24,49,67,.08);aspect-ratio:16/9;overflow:hidden}.product-shot img{width:100%;height:100%;object-fit:cover}.product-card ul{list-style:none;padding:0;margin:15px 0 13px}.product-card li{position:relative;padding-left:20px;margin:9px 0;color:#24485a;font-size:11px}.product-card li:before{content:"";position:absolute;left:3px;top:1px;width:5px;height:9px;border-right:2px solid #0aa4a6;border-bottom:2px solid #0aa4a6;transform:rotate(45deg)}.card-purple li:before{border-color:#6850d8}.product-btn{height:34px;padding:0 15px;border:1px solid #26aeb1;color:#147f85;font-size:10px;font-weight:850;border-radius:5px;background:#fff;display:inline-flex;align-items:center;gap:9px;transition:transform .2s}.product-btn.filled{background:#0ea5a2;color:#fff;border-color:#0ea5a2}.product-btn.purple{border-color:#8b73e6;color:#6a51cf}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.feature-card{min-height:137px;border:1px solid #e4ebef;border-radius:7px;background:#fff;padding:18px 14px;box-shadow:0 8px 22px rgba(26,54,74,.035);transition:border .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);border-color:#b8dfe1}.ficon{display:block;color:#0ca9ab;width:34px;height:34px;margin-bottom:14px}.ficon .ui-icon{width:30px;height:30px;stroke-width:1.65}.feature-card h3{font-size:13px;margin:0 0 8px}.feature-card p{font-size:10.5px;line-height:1.5;color:#738695;margin:0}.showcase-section{padding-top:24px}.showcase-panel{background:linear-gradient(135deg,#f7fbfd,#eef5f8);border-radius:13px;padding:22px;display:grid;grid-template-columns:34% 66%;gap:18px}.showcase-copy{padding:18px 12px 18px 10px}.showcase-copy h2{font-size:31px;margin-bottom:18px}.showcase-copy p{font-size:12px;line-height:1.65;color:#63798a;max-width:320px}.long-btn{margin-top:18px}.showcase-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.showcase-tabs button{border:1px solid #dbe6eb;background:#fff;color:#526c7e;font-size:9.5px;height:31px;border-radius:4px;cursor:pointer;transition:.18s}.showcase-tabs button:hover{border-color:#80c9cd}.showcase-tabs button.active{background:#08a5a7;color:#fff;border-color:#08a5a7}.showcase-content{display:grid;grid-template-columns:68% 32%;gap:14px;align-items:start}.showcase-shot{border:0;cursor:zoom-in;background:#122333;border-radius:6px;padding:4px;box-shadow:0 8px 18px rgba(26,54,74,.08);aspect-ratio:16/9;overflow:hidden}.showcase-shot img{width:100%;height:100%;object-fit:cover;transition:.18s opacity}.showcase-detail{padding:6px 2px}.mini-mark{display:block;color:#0da9aa;width:20px;height:20px}.showcase-detail h3{font-size:15px;line-height:1.25;margin:5px 0 8px}.showcase-detail p{font-size:10.5px;line-height:1.55;color:#6d8190;margin:0 0 12px}.showcase-detail ul{list-style:none;padding:0;margin:0}.showcase-detail li{font-size:10.5px;margin:8px 0;color:#3c596c}.showcase-detail li{position:relative;padding-left:17px}.showcase-detail li:before{content:"";position:absolute;left:2px;top:1px;width:4px;height:8px;border-right:2px solid #12b98b;border-bottom:2px solid #12b98b;transform:rotate(45deg)}.process-section{padding-top:16px}.process-section h2{font-size:30px;margin-bottom:23px}.process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:start}.process-flow article{display:grid;grid-template-columns:39px 1fr;column-gap:8px;align-items:start}.picon{width:36px;height:36px;color:#08a7aa;display:grid;place-items:center;grid-row:1/3}.picon .ui-icon{width:30px;height:30px}.process-flow b{font-size:12px;margin-top:2px}.process-flow p{grid-column:2;font-size:10px;line-height:1.45;color:#6f8392;margin:5px 0 0}.flow-arrow{width:24px;height:24px;color:#96aab5;margin-top:7px}.flow-arrow .ui-icon{width:22px;height:22px}.sectors-section{padding-top:28px}.sectors-section h2{font-size:30px;margin-bottom:14px}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sector-grid a{border:1px solid #e2e9ed;background:#fff;display:grid;grid-template-columns:27px 1fr 17px;grid-template-rows:85px 34px;align-items:center;overflow:hidden;box-shadow:0 6px 16px rgba(25,55,72,.025);transition:transform .2s,box-shadow .2s}.sector-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,55,72,.08)}.sector-grid img{grid-column:1/-1;width:100%;height:85px;object-fit:cover}.sector-grid span{color:#08a4a7;text-align:center;width:18px;height:18px;margin-left:5px}.sector-grid b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-grid i{font-style:normal;color:#557282;width:13px;height:13px}.cta-wrap{padding:8px 0 20px}.cta-bar{background:linear-gradient(90deg,#ecfbfb,#dff7f8);border-radius:9px;min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px 11px 22px;gap:24px}.cta-left{display:flex;align-items:center;gap:12px}.cta-icon{width:29px;height:29px;color:#08a7aa}.cta-left b{display:block;font-size:12px}.cta-left small{display:block;margin-top:4px;color:#748996;font-size:9.5px}.cta-actions{display:flex;gap:10px}.cta-actions .btn{height:38px;font-size:10px;padding:0 17px}.site-footer{padding:8px 0 30px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr) 1.2fr;gap:34px;align-items:start;padding-top:4px}.footer-brand .brand-g2{font-size:24px}.footer-brand .brand-name{font-size:15px}.footer-brand p{font-size:9.5px;color:#718492;margin:11px 0;line-height:1.5}.site-footer h4{font-size:10px;margin:4px 0 9px}.site-footer a{display:block;font-size:9px;color:#748493;margin:6px 0;transition:color .18s}.site-footer a:hover{color:var(--teal2)}.footer-copy{border-left:1px solid #e1e8ec;padding-left:24px;font-size:9px;color:#788a96}.footer-copy b{display:block;color:#556d7d;font-size:10px;margin-bottom:9px}.footer-copy span{display:block;margin:5px 0}
/* sub pages */
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a9aa5;margin-bottom:34px}.breadcrumbs a:hover{color:var(--teal2)}.breadcrumbs i{font-style:normal;color:#b2c0c8}.subhero{position:relative;overflow:hidden;padding:38px 0 48px;background:linear-gradient(135deg,#fbfdfe,#eef7fa);border-bottom:1px solid #e8f0f4}.subhero-grid{display:grid;grid-template-columns:70% 30%;align-items:center;min-height:235px}.subhero h1{font-size:54px;line-height:1.02;letter-spacing:-2.2px;margin:0 0 18px;max-width:780px}.subhero p{max-width:760px;font-size:15px;line-height:1.7;color:#5d7484;margin:0}.subhero-watermark{font-size:190px;font-weight:950;color:rgba(13,163,164,.07);text-align:right;letter-spacing:-15px;user-select:none}.product-hero{padding:34px 0 52px;background:linear-gradient(135deg,#fbfdfe,#f0f8fa);border-bottom:1px solid #e6eff3}.product-hero-grid{display:grid;grid-template-columns:43% 57%;gap:44px;align-items:center}.product-hero-copy h1{font-size:48px;line-height:1;letter-spacing:-2px;margin:0}.version-line{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.version-line>span{font-size:12px;font-weight:850;padding:5px 8px;border:1px solid #c8e5e5;border-radius:5px;color:#0d9799;background:#fff}.product-hero-copy>p{font-size:15px;line-height:1.7;color:#5e7585;margin:0;max-width:550px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip-row>span{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;color:#365769;border:1px solid #dce9ee;background:rgba(255,255,255,.8);padding:7px 9px;border-radius:5px}.chip-row .ui-icon{width:12px;height:12px;color:#0aa5a7;stroke-width:2.2}.screen-frame{background:#17242e;border:1px solid #0c1720;border-radius:10px;box-shadow:0 24px 55px rgba(15,46,64,.18);padding:0 8px 8px;overflow:hidden}.screen-bar{height:31px;display:flex;align-items:center;gap:6px;padding:0 3px;color:#afbdc5;font-size:9px}.screen-bar i{width:6px;height:6px;border-radius:50%;background:#596b76}.screen-bar i:nth-child(1){background:#ef6a68}.screen-bar i:nth-child(2){background:#e5b74d}.screen-bar i:nth-child(3){background:#52b67b}.screen-bar span{margin-left:auto}.screen-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0d1924}.product-purple .version-line>span{color:#6d53d8;border-color:#d9d0f8}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-grid.three{grid-template-columns:repeat(3,1fr)}.info-card{border:1px solid #e0e9ee;border-radius:8px;background:#fff;padding:21px 19px;min-height:175px;box-shadow:0 7px 21px rgba(19,52,70,.025);transition:transform .2s,border-color .2s}.info-card:hover{transform:translateY(-3px);border-color:#b9dfe1}.info-icon{width:35px;height:35px;display:grid;place-items:center;color:#0aa6a7;margin-bottom:17px}.info-icon .ui-icon{width:31px;height:31px;stroke-width:1.55}.info-card h3{font-size:15px;margin:0 0 9px}.info-card p{font-size:11px;line-height:1.6;color:#708492;margin:0}.info-card .btn{margin-top:18px;height:36px;font-size:10px;padding:0 13px}.use-section{background:#f8fbfc;border-block:1px solid #edf2f5}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.use-card{background:#fff;border:1px solid #e0e9ee;border-radius:8px;padding:24px}.use-card>span{width:37px;height:37px;color:var(--teal);display:block}.use-card>span .ui-icon{width:34px;height:34px}.use-card h3{font-size:17px;margin:15px 0 9px}.use-card p{font-size:11px;line-height:1.65;color:#718492;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{appearance:none;text-align:left;border:1px solid #e0e9ee;background:#fff;border-radius:8px;padding:8px 8px 13px;cursor:zoom-in;color:inherit;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(20,52,70,.09)}.gallery-image{display:block;position:relative;overflow:hidden;background:#10202e;border-radius:5px;aspect-ratio:16/9}.gallery-image img{width:100%;height:100%;object-fit:cover}.gallery-image i{position:absolute;right:10px;bottom:10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0a9799;opacity:0;transform:translateY(5px);transition:.2s}.gallery-image i .ui-icon{width:16px;height:16px}.gallery-item:hover .gallery-image i{opacity:1;transform:none}.gallery-item b{font-size:12px;margin:12px 7px 3px;display:block}.gallery-item small{font-size:9.5px;color:#81919b;margin:0 7px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.overview-product{border:1px solid #e0e9ee;border-radius:10px;padding:20px;background:#fff;box-shadow:0 12px 30px rgba(18,48,65,.04)}.overview-top{display:flex;gap:12px;align-items:center}.overview-top>span{width:43px;height:43px;color:#fff;border-radius:8px;display:grid;place-items:center;background:var(--teal)}.product-blue .overview-top>span{background:var(--blue)}.product-green .overview-top>span{background:var(--green)}.product-purple .overview-top>span{background:var(--purple)}.overview-top>span .ui-icon{width:25px;height:25px}.overview-top .eyebrow{margin:0 0 5px}.overview-top h2{font-size:20px!important;letter-spacing:-.5px}.overview-top h2 small{font-size:10px;color:#81939f}.overview-shot{margin:16px 0 15px;background:#10202e;padding:5px;border-radius:6px;aspect-ratio:16/9}.overview-shot img{width:100%;height:100%;object-fit:cover}.overview-product>p{font-size:11px;line-height:1.6;color:#6f8290}.overview-product .btn{height:38px;font-size:10px;margin-top:16px}.comparison-section{background:#f8fbfc;border-block:1px solid #edf2f5}.table-wrap{overflow:auto;border:1px solid #dfe9ee;border-radius:8px;background:#fff}.compare-table{width:100%;border-collapse:collapse;min-width:700px}.compare-table th,.compare-table td{padding:14px 16px;border-bottom:1px solid #e7eef2;text-align:center;font-size:11px}.compare-table th{background:#f3f8fa;font-size:10px;color:#617887}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table tbody tr:last-child td{border-bottom:0}.solution-band{padding:58px 0;background:#0d2537;color:#fff}.solution-band-grid{display:grid;grid-template-columns:36% 64%;gap:50px;align-items:center}.solution-band .eyebrow{color:#7db6c1}.solution-band h2{font-size:42px;line-height:1.02;letter-spacing:-1.6px;margin:0 0 18px}.solution-band p{color:#a7bac5;font-size:12px;line-height:1.7}.solution-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solution-band .info-card{background:#122e41;border-color:#24475c;box-shadow:none}.solution-band .info-card h3{color:#fff}.solution-band .info-card p{color:#9cb0bc}.solution-band .info-icon{color:#21c3c1}.sector-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sector-detail{position:relative;border:1px solid #e0e9ee;background:#fff;border-radius:9px;overflow:hidden;padding:0 20px 21px;scroll-margin-top:95px}.sector-photo{height:150px;margin:0 -20px 17px;overflow:hidden}.sector-photo img{width:100%;height:100%;object-fit:cover}.sector-number{position:absolute;top:128px;right:16px;background:#fff;border:1px solid #dce7ec;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:850;color:#718591}.sector-detail-icon{width:33px;height:33px;color:#0aa5a6;display:block}.sector-detail-icon .ui-icon{width:30px;height:30px}.sector-detail h2{font-size:21px!important;margin:10px 0 8px}.sector-detail p{font-size:11px;line-height:1.6;color:#718492;min-height:53px}.recommended{font-size:10px;color:#83929c;border-top:1px solid #e7eef2;padding-top:12px;margin-top:14px}.recommended a{color:#0a9799;font-weight:800;display:inline-flex;align-items:center;gap:5px}.architecture-mini{background:#f8fbfc}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.architecture-visual{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.arch-node{width:95px;height:95px;border-radius:9px;border:1px solid #2c5065;background:#143247;display:grid;place-items:center;align-content:center;gap:8px;color:#8fb4c0}.arch-node.hot{background:#0b9799;border-color:#18b7b4;color:#fff}.arch-node .ui-icon{width:31px;height:31px}.arch-node b{font-size:11px}.architecture-visual>i{width:23px;height:23px;color:#6e93a1}.about-grid{display:grid;grid-template-columns:36% 64%;gap:55px;align-items:start}.about-grid h2{font-size:38px}.lead-copy{font-size:13px;line-height:1.75;color:#637a8a}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-layout{display:grid;grid-template-columns:67% 33%;gap:32px}.contact-form{border:1px solid #dfe9ee;border-radius:9px;background:#fff;padding:23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block}.contact-form label>span{display:block;font-size:10px;font-weight:800;color:#546d7c;margin-bottom:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8e4e9;background:#fbfdfe;border-radius:5px;padding:10px 11px;color:#173347;outline:0;transition:border .18s,box-shadow .18s}.contact-form input,.contact-form select{height:42px}.contact-form textarea{resize:vertical;min-height:115px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#59bfc2;box-shadow:0 0 0 3px rgba(15,168,168,.08)}.contact-form>label{margin-top:15px}.submit-btn{border:0;margin-top:18px;cursor:pointer}.form-note{font-size:9.5px!important;color:#8796a0!important;margin:12px 0 0!important}.contact-aside{display:grid;gap:12px}.contact-aside .info-card{min-height:150px}.faq-section{background:#f8fbfc}.faq-list{max-width:920px}.faq-item{border-bottom:1px solid #dfe8ed}.faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:18px;height:18px;color:#6f8796;transition:transform .2s}.faq-item[open] summary span{transform:rotate(180deg)}.faq-item p{font-size:11px;line-height:1.65;color:#718492;max-width:760px;margin:0 0 18px}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-card{min-height:110px;border:1px solid #dfe9ee;border-radius:8px;padding:20px;display:flex;align-items:center;gap:14px;background:#fff}.contact-card>span{width:36px;height:36px;color:#0aa5a7}.contact-card>span .ui-icon{width:32px;height:32px}.contact-card small{display:block;font-size:9px;color:#8a99a2;margin-bottom:5px}.contact-card b{font-size:13px}.contact-card>.mini-arrow{margin-left:auto;color:#78909d}.lightbox{width:min(94vw,1450px);max-width:none;border:0;border-radius:10px;padding:42px 14px 14px;background:#0a151e;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.45)}.lightbox::backdrop{background:rgba(4,12,18,.84);backdrop-filter:blur(7px)}.lightbox figure{margin:0}.lightbox img{max-height:82vh;margin:auto;border-radius:5px}.lightbox figcaption{text-align:center;font-size:11px;color:#b9c7cf;margin-top:9px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-close{right:13px;top:10px;width:29px;height:29px;border-radius:50%}.lightbox-close .ui-icon{width:16px;height:16px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:38px;height:52px;border-radius:6px}.lightbox-prev .ui-icon,.lightbox-next .ui-icon{width:19px;height:19px}.lightbox-prev .ui-icon{transform:rotate(180deg)}.lightbox-prev{left:12px}.lightbox-next{right:12px}

/* Dökümanlar */
.docs-subhero{overflow:hidden}.docs-hero-visual{min-height:290px;display:grid;place-items:center;position:relative}.docs-stack{position:relative;width:250px;height:220px}.docs-sheet{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dbe7ec;background:#fff;border-radius:12px;box-shadow:0 24px 55px rgba(15,44,61,.1)}.docs-sheet.sheet-3{width:178px;height:205px;left:54px;top:9px;transform:rotate(10deg);background:#e9f6f6;border-color:#cce8e8}.docs-sheet.sheet-2{width:178px;height:205px;left:23px;top:8px;transform:rotate(-8deg);background:#f5f9fb}.docs-sheet.sheet-1{width:180px;height:210px;left:35px;top:3px;z-index:3;color:#0f999c}.docs-sheet.sheet-1 .ui-icon{width:54px;height:54px;stroke-width:1.35}.docs-sheet.sheet-1 b{font-size:23px;letter-spacing:.12em;margin-top:12px}.docs-sheet.sheet-1 small{font-size:9px;color:#738896;margin-top:7px}.docs-intro{padding-bottom:30px}.docs-quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.docs-quick-nav a{height:48px;border:1px solid #dfe9ee;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;color:#315368;font-size:11px;font-weight:800;transition:border .18s,transform .18s,box-shadow .18s}.docs-quick-nav a:hover{border-color:#74c3c5;transform:translateY(-2px);box-shadow:0 10px 26px rgba(22,62,79,.07);color:#0f999c}.docs-product-section{scroll-margin-top:80px}.docs-product-section.docs-alt{background:#f8fbfc}.docs-product-layout{display:grid;grid-template-columns:31% 69%;gap:24px;align-items:stretch}.docs-product-summary{border:1px solid #dfe9ee;border-radius:11px;padding:20px;background:#fff;overflow:hidden;position:relative}.docs-product-summary:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#38aee0}.docs-product-summary.docs-green:before{background:#14a993}.docs-product-summary.docs-purple:before{background:#7359e0}.docs-product-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.docs-product-title h2{font-size:25px!important;letter-spacing:-.7px}.docs-product-title span{font-size:9px;font-weight:850;color:#6c8290;border:1px solid #dce6eb;padding:5px 7px;border-radius:5px;background:#f8fbfc}.docs-product-summary>p{font-size:11px;line-height:1.65;color:#6b8190;margin:12px 0 17px}.docs-product-shot{border:1px solid #d9e5eb;border-radius:7px;overflow:hidden;background:#0f1d29}.docs-product-shot img{width:100%;aspect-ratio:16/9;object-fit:cover}.docs-product-link{display:inline-flex;align-items:center;gap:8px;color:#0f999c;font-size:10px;font-weight:800;margin-top:15px}.docs-product-link .mini-arrow{transition:transform .18s}.docs-product-link:hover .mini-arrow{transform:translateX(3px)}.docs-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-card{border:1px solid #dfe8ed;border-radius:10px;background:#fff;padding:20px;display:flex;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}.doc-card.is-available:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,51,69,.08);border-color:#9fd4d4}.doc-card-top{display:flex;align-items:center;justify-content:space-between}.doc-icon{width:44px;height:44px;border-radius:8px;background:#eff9f9;color:#0f999c;display:grid;place-items:center;border:1px solid #d1ebeb}.doc-icon .ui-icon{width:25px;height:25px}.pdf-badge{font-size:8px;letter-spacing:.12em;font-weight:900;color:#8a5a5a;background:#fff4f4;border:1px solid #efdada;border-radius:4px;padding:5px 7px}.doc-type{font-size:8px;letter-spacing:.13em;color:#8798a3;font-weight:850;margin-top:18px}.doc-card h3{font-size:17px;margin:6px 0 8px}.doc-card p{font-size:10.5px;line-height:1.65;color:#718492;margin:0;min-height:70px}.doc-meta{border-top:1px solid #e7eef2;margin-top:16px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#7d8f9a}.doc-meta span:last-child{font-weight:800;color:#587180}.doc-action{margin-top:auto;padding-top:16px;height:50px;display:flex;align-items:flex-end;justify-content:space-between;font-size:10px;font-weight:850}.doc-action.available{color:#0f999c}.doc-action.available .mini-arrow{transition:transform .18s}.doc-action.available:hover .mini-arrow{transform:translateX(3px)}.doc-action.pending{color:#9aa7af}.status-dot{width:8px;height:8px;border-radius:50%;background:#d5dde1;box-shadow:0 0 0 4px #f3f6f7}.docs-info-band{background:#0d2537;color:#fff}.docs-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.docs-info-band .eyebrow{color:#77aeb8}.docs-info-band h2{color:#fff}.docs-info-band p{font-size:11px;color:#9db3bf;line-height:1.65}.docs-paths{display:grid;gap:8px}.docs-paths code{display:block;border:1px solid #294b5f;background:#123247;border-radius:6px;padding:12px 14px;font-size:10px;color:#b9d4da;overflow:auto}


@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:1100px){.main-nav{gap:18px}.nav-link{font-size:12px}.hero-grid{grid-template-columns:45% 55%}.hero h1{font-size:40px}.feature-grid{grid-template-columns:repeat(3,1fr)}.sector-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);row-gap:24px}.footer-copy{border-left:0;padding-left:0}.info-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.product-hero-grid{grid-template-columns:42% 58%}.subhero h1{font-size:48px}.sector-detail-grid{grid-template-columns:1fr 1fr}.solution-band-grid,.about-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:850px){.container{width:min(100% - 28px,var(--max))}.site-header{height:64px}.header-cta{display:none}.mobile-toggle{display:grid}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#fff;border-bottom:1px solid #e1eaef;box-shadow:0 18px 35px rgba(16,44,60,.12);padding:10px 18px 16px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-dropdown{height:auto;display:block}.nav-link{height:44px;width:100%;justify-content:space-between;padding:0 5px}.nav-link:after{display:none}.dropdown-panel{position:static;width:100%!important;box-shadow:none;border:0;border-left:2px solid #dce8ed;border-radius:0;padding:0 0 0 9px;margin:0 0 4px;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown:hover>.dropdown-panel{display:none}.nav-dropdown.open>.dropdown-panel{display:block}.dropdown-panel a:not(.menu-all){padding:8px}.menu-all{padding-left:8px}.hero-grid{grid-template-columns:1fr;padding-top:30px}.hero h1{font-size:45px}.hero-visual{height:410px}.hero-bg{width:100%;height:45%;top:auto;bottom:0;opacity:.34}.hero-stats{max-width:none}.trust-strip{grid-template-columns:1fr 1fr}.trust-item:nth-child(2):after{display:none}.split-head{grid-template-columns:1fr;gap:12px}.split-head>p{justify-self:start}.product-grid{grid-template-columns:1fr}.showcase-panel{grid-template-columns:1fr}.showcase-copy p{max-width:600px}.process-flow{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.sector-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.subhero-grid,.product-hero-grid{grid-template-columns:1fr}.subhero-watermark{display:none}.product-hero-media{margin-top:26px}.subhero h1{font-size:44px}.info-grid,.info-grid.three{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.architecture-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.about-points{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.brand-g2{font-size:27px}.brand-name{font-size:17px}.hero h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-actions,.subhero-actions{flex-direction:column;align-items:stretch}.hero-stats{grid-template-columns:1fr 1fr;gap:18px}.hero-stats>div{border-right:0;padding-left:0}.hero-visual{height:300px}.real-ui-note{display:none}.trust-strip{grid-template-columns:1fr}.trust-item:not(:last-child):after{width:calc(100% - 44px);height:1px;left:22px;right:auto;bottom:0}.feature-grid{grid-template-columns:1fr 1fr}.showcase-tabs{grid-template-columns:1fr 1fr}.showcase-content{grid-template-columns:1fr}.process-flow{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr}.cta-bar{align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .btn{flex:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-copy{grid-column:1/-1}.section{padding:38px 0}.section h2{font-size:30px}.subhero{padding-top:25px}.breadcrumbs{margin-bottom:24px}.subhero h1,.product-hero-copy h1{font-size:37px}.subhero p,.product-hero-copy>p{font-size:13px}.version-line{align-items:flex-start;flex-direction:column}.info-grid,.info-grid.three,.gallery-grid,.architecture-grid,.sector-detail-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.solution-steps{grid-template-columns:1fr}.solution-band h2{font-size:35px}.about-points{grid-template-columns:1fr}.showcase-panel{padding:16px}.overview-product{padding:15px}.contact-form{padding:16px}}

/* PHP form durumları */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-alert{margin:0 0 18px;padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.55}
.form-alert.success{background:#e9f8f3;border:1px solid #a8dfcf;color:#17634f}
.form-alert.error{background:#fff1f1;border:1px solid #efb4b4;color:#8b2626}
.form-alert ul{margin:8px 0 0 18px;padding:0}
.contact-aside a{color:var(--teal,#0f999c);text-decoration:none;font-weight:600}

/* =========================================================
   G2 LOGO - HEADER / FOOTER BOYUTLANDIRMA
   Masaüstü: 200 x 67 px
   Mobil: oran korunarak küçülür
   ========================================================= */
.brand{
    display:inline-flex;
    align-items:center;
    gap:0;
    white-space:nowrap;
    line-height:0;
    flex:0 0 auto;
}

.brand-g2{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    line-height:0;
    font-size:0;
    flex:0 0 auto;
}

.brand-g2 img{
    display:block;
    width:200px;
    height:67px;
    min-width:200px;
    max-width:200px;
    object-fit:contain;
    object-position:left center;
}

/* 200x67 logoya rahat alan bırakır */
.site-header{
    height:82px;
}

.header-inner{
    height:100%;
    align-items:center;
}

/* Footer'da aynı logo biraz daha kompakt */
.footer-brand .brand-g2 img{
    width:180px;
    height:auto;
    min-width:0;
    max-width:180px;
}

@media (max-width:850px){
    .site-header{
        height:68px;
    }

    .main-nav{
        top:68px;
    }

    .brand-g2 img{
        width:165px;
        height:auto;
        min-width:0;
        max-width:165px;
    }

    .footer-brand .brand-g2 img{
        width:165px;
        max-width:165px;
    }
}

@media (max-width:560px){
    .brand-g2 img{
        width:150px;
        height:auto;
        max-width:150px;
    }

    .footer-brand .brand-g2 img{
        width:150px;
        max-width:150px;
    }
}

/* =========================================================
   FOOTER GRID FIX
   7 blok: logo + 5 menü kolonu + copyright
   Copyright masaüstünde sağ köşede kalır.
   ========================================================= */
@media (min-width:1101px){
    .footer-grid{
        grid-template-columns:minmax(230px,1.55fr) repeat(5,minmax(105px,1fr)) minmax(175px,1.15fr);
        gap:28px;
        align-items:start;
    }

    .footer-copy{
        grid-column:7;
        grid-row:1;
        justify-self:end;
        align-self:start;
        width:100%;
        max-width:190px;
        border-left:1px solid #e1e8ec;
        padding-left:22px;
        text-align:right;
    }
}

@media (max-width:1100px) and (min-width:851px){
    .footer-grid{
        grid-template-columns:1.45fr repeat(3,1fr);
        gap:24px 28px;
        row-gap:24px;
    }

    .footer-copy{
        grid-column:4;
        justify-self:end;
        width:100%;
        max-width:190px;
        border-left:1px solid #e1e8ec;
        padding-left:20px;
        text-align:right;
    }
}

@media (max-width:850px){
    .footer-grid{
        grid-template-columns:repeat(3,1fr);
        gap:22px;
    }

    .footer-brand{
        grid-column:1 / -1;
    }

    .footer-copy{
        grid-column:1 / -1;
        justify-self:end;
        width:auto;
        min-width:190px;
        border-left:0;
        border-top:1px solid #e1e8ec;
        padding:18px 0 0;
        margin-top:2px;
        text-align:right;
    }
}

@media (max-width:560px){
    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .footer-copy{
        grid-column:1 / -1;
        width:100%;
        min-width:0;
        text-align:right;
    }
}


/* =========================================================
   MOBILE MENU ICON FIX
   Hamburger / close SVG çizgilerinin tüm tarayıcılarda görünmesi
   ========================================================= */
.mobile-toggle{
    position:relative;
    z-index:120;
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:0;
    color:#173347;
}
.mobile-toggle svg{
    display:block;
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mobile-toggle .menu-close{display:none;}
.mobile-toggle[aria-expanded="true"] .menu-open{display:none;}
.mobile-toggle[aria-expanded="true"] .menu-close{display:block;}

@media (max-width:850px){
    .mobile-toggle{
        display:grid;
        place-items:center;
        margin-left:auto;
    }
}

/* =========================================================
   DÖKÜMANLAR SAYFASI - RESPONSIVE FIX
   Tablet: ürün özeti üstte, doküman kartları 2 kolon
   Mobil: tüm bloklar tek kolon, taşma yok
   ========================================================= */
@media (max-width: 850px) {
    .documents-page .docs-subhero .subhero-grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .documents-page .docs-hero-visual {
        min-height: 220px;
        margin-top: 20px;
    }

    .documents-page .docs-stack {
        transform: scale(.82);
        transform-origin: center;
    }

    .documents-page .docs-quick-nav {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .documents-page .docs-quick-nav a {
        width: 100%;
        height: 46px;
        min-width: 0;
    }

    .documents-page .docs-product-layout {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }

    .documents-page .docs-product-summary {
        width: 100%;
        min-width: 0;
    }

    .documents-page .docs-product-title h2 {
        font-size: 23px !important;
    }

    .documents-page .docs-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
        min-width: 0;
    }

    .documents-page .doc-card {
        min-width: 0;
        width: 100%;
        padding: 18px;
    }

    .documents-page .doc-card p {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .documents-page .docs-subhero {
        padding-bottom: 32px;
    }

    .documents-page .docs-hero-visual {
        display: none;
    }

    .documents-page .docs-intro {
        padding-bottom: 20px;
    }

    .documents-page .docs-quick-nav {
        margin-top: 16px;
    }

    .documents-page .docs-product-section {
        padding: 34px 0;
        scroll-margin-top: 76px;
    }

    .documents-page .docs-product-layout {
        gap: 14px;
    }

    .documents-page .docs-product-summary {
        padding: 18px;
        border-radius: 9px;
    }

    .documents-page .docs-product-title {
        align-items: flex-start;
    }

    .documents-page .docs-product-title h2 {
        font-size: 24px !important;
        line-height: 1.08;
        overflow-wrap: anywhere;
    }

    .documents-page .docs-product-summary > p {
        font-size: 12px;
        line-height: 1.65;
    }

    .documents-page .docs-product-shot {
        margin-top: 14px;
    }

    .documents-page .docs-card-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .documents-page .doc-card {
        padding: 18px;
        border-radius: 9px;
    }

    .documents-page .doc-card-top {
        justify-content: flex-start;
        gap: 10px;
    }

    .documents-page .doc-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
    }

    .documents-page .pdf-badge {
        margin-left: 0;
    }

    .documents-page .doc-type {
        margin-top: 15px;
    }

    .documents-page .doc-card h3 {
        font-size: 20px;
        line-height: 1.18;
        margin: 6px 0 8px;
        overflow-wrap: normal;
        word-break: normal;
    }

    .documents-page .doc-card p {
        font-size: 12px;
        line-height: 1.6;
        min-height: 0;
    }

    .documents-page .doc-meta {
        margin-top: 14px;
        padding-top: 10px;
        font-size: 10px;
    }

    .documents-page .doc-action {
        height: auto;
        min-height: 38px;
        padding-top: 14px;
        align-items: center;
    }
}