/*
Theme Name: Skyfour Gutenberg
Theme URI: https://www.skyfour.in/
Author: Skyfour Global Services
Description: Editable Gutenberg-first corporate website theme for Skyfour Global Services. Designed for the WordPress block editor; no Elementor required.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: skyfour-gutenberg
*/
:root{--sf-navy:#06183f;--sf-blue:#0b2d68;--sf-gold:#ffb900;--sf-cyan:#12c7f4;--sf-ink:#15213b;--sf-muted:#64748b;--sf-light:#f5f8fc;--sf-border:#dbe5f2}
*{box-sizing:border-box}
body{margin:0;color:var(--sf-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}
a{color:#087ec4;text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:var(--sf-navy);color:#fff;border-bottom:3px solid var(--sf-gold)}
.site-header-inner,.site-footer-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.02em;font-size:1.25rem}
.sf-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#12c7f4,#1266d6 55%,#ffb900);color:#fff;font-weight:900;box-shadow:0 5px 18px #0004}
.site-nav ul{display:flex;gap:18px;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.site-nav a{color:#fff;font-weight:650;font-size:.94rem}
.site-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--sf-navy);color:#fff}
main{min-height:58vh}
.sf-container{max-width:1180px;margin:0 auto;padding:48px 24px}
.sf-hero{background:radial-gradient(ellipse at 80% 20%,#174e9b 0%,transparent 42%),linear-gradient(125deg,#04112e,#08265b 60%,#06183f);color:#fff;overflow:hidden;position:relative}
.sf-hero:after{content:"";position:absolute;inset:auto -10% -70% 35%;height:100%;border:1px solid #20b9ff66;border-radius:50%;box-shadow:0 0 0 30px #20b9ff0b,0 0 0 70px #20b9ff0b;pointer-events:none}
.sf-hero-inner{max-width:1180px;margin:auto;padding:82px 24px 78px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;position:relative;z-index:1}
.sf-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--sf-cyan);font-weight:800;font-size:.8rem}
.sf-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.04;margin:.25em 0 .22em;color:#fff;letter-spacing:-.04em}
.sf-hero h1 span{color:var(--sf-gold)}
.sf-hero p{font-size:1.13rem;color:#dbeafe;max-width:660px}
.sf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sf-button,.wp-block-button__link{display:inline-block;border-radius:999px;padding:12px 22px;background:var(--sf-gold);color:#101c35;font-weight:850;border:2px solid var(--sf-gold);text-decoration:none}
.sf-button:hover,.wp-block-button__link:hover{filter:brightness(1.05);text-decoration:none}
.sf-button-outline{background:transparent;color:#fff;border-color:#7fc9ff}
.sf-hero-card{background:#ffffff0d;border:1px solid #8acfff66;border-radius:24px;padding:28px;box-shadow:0 18px 60px #0003;backdrop-filter:blur(8px)}
.sf-hero-card h2{margin-top:0;color:#fff}
.sf-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.sf-pill{border:1px solid #8acfff55;border-radius:999px;padding:7px 11px;font-size:.85rem;color:#eaf6ff}
.sf-trust{background:#07183c;color:#fff}
.sf-trust-inner{max-width:1180px;margin:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sf-trust-item{text-align:center;font-size:.9rem;font-weight:750;border-right:1px solid #ffffff30;padding:8px}
.sf-trust-item:last-child{border:0}
.sf-section-title{text-align:center;margin-bottom:28px}
.sf-section-title h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;color:var(--sf-navy);margin:0 0 10px}
.sf-section-title p{color:var(--sf-muted);margin:0}
.sf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sf-card{border:1px solid var(--sf-border);border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 24px #08265b08;transition:transform .18s,box-shadow .18s}
.sf-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #08265b14}
.sf-card-icon{font-size:2rem;line-height:1.2}
.sf-card h3{color:var(--sf-navy);margin:14px 0 8px;font-size:1.12rem}
.sf-card p{color:var(--sf-muted);margin:0 0 12px}
.sf-card a{font-weight:800}
.sf-cta{background:linear-gradient(120deg,#07183c,#0d3678);color:#fff;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.sf-cta h2{margin:0;color:#fff}
.sf-cta p{margin:6px 0 0;color:#dbeafe}
.sf-page-title{background:linear-gradient(120deg,#06183f,#0b3478);color:#fff;padding:54px 24px}
.sf-page-title-inner{max-width:1180px;margin:auto}
.sf-page-title h1{font-size:clamp(2rem,4vw,3.4rem);margin:0;color:#fff}
.sf-page-title p{margin:8px 0 0;color:#dbeafe}
.sf-content{max-width:1000px;margin:auto;padding:44px 24px 70px}
.sf-form{max-width:680px;margin:22px auto;padding:28px;border:1px solid var(--sf-border);border-radius:18px;background:#fff;box-shadow:0 10px 35px #08265b0b}
.sf-form label{display:block;font-weight:750;margin:12px 0 6px}
.sf-form input,.sf-form textarea,.sf-form select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;font:inherit;background:#fff}
.sf-form textarea{min-height:130px}
.sf-form button{cursor:pointer}
.sf-notice{padding:12px 14px;border-radius:10px;background:#eaf8ef;border:1px solid #a7dfb8;color:#14532d;margin:14px 0}
.sf-error{padding:12px 14px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;margin:14px 0}
.site-footer{background:#04112e;color:#d7e6ff;border-top:3px solid var(--sf-gold)}
.site-footer-inner{align-items:flex-start}
.site-footer a{color:#fff}
.site-footer h3{color:#fff;margin-top:0}
.sf-footer-small{border-top:1px solid #ffffff22;text-align:center;padding:14px;color:#9db3d8;font-size:.88rem}
.wp-block-post-title{color:var(--sf-navy)}
.wp-block-image img{border-radius:16px}
@media(max-width:800px){.sf-hero-inner{grid-template-columns:1fr;padding-top:58px;padding-bottom:56px}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-trust-inner{grid-template-columns:repeat(2,1fr)}.sf-trust-item:nth-child(2){border-right:0}.site-header-inner{align-items:flex-start;flex-direction:column}.site-nav ul{gap:12px}.sf-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.sf-container,.sf-content{padding-left:18px;padding-right:18px}.sf-grid{grid-template-columns:1fr}.sf-hero h1{font-size:2.6rem}.site-footer-inner{flex-direction:column}.sf-trust-inner{grid-template-columns:1fr 1fr}}