:root{--ink:#082b3b;--ink-2:#123f50;--teal:#0b8c82;--teal-dark:#08736c;--mint:#dff4ed;--lime:#bfe25a;--amber:#f6b84a;--paper:#f7faf8;--white:#fff;--muted:#5d7179;--line:#dbe5e2;--danger:#b63b47;--shadow:0 24px 70px rgba(8,43,59,.14);--radius:24px;--container:min(1180px,calc(100% - 40px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.8vw,5.3rem)}h2{font-size:clamp(2.1rem,4vw,3.65rem)}h3{font-size:1.3rem}.container{width:var(--container);margin-inline:auto}.container--narrow{max-width:780px}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;border-bottom:1px solid transparent;transition:.25s}.site-header.is-scrolled{background:rgba(247,250,248,.88);backdrop-filter:blur(18px);border-color:rgba(8,43,59,.08)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:1.35rem;letter-spacing:.03em}.brand small{display:block;font-size:.58rem;font-weight:650;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.brand-mark{position:relative;width:36px;height:36px;border-radius:13px;background:var(--teal);color:transparent;box-shadow:inset 0 0 0 8px var(--mint)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:8px;height:10px;border-radius:50%;background:var(--teal);top:-5px}.brand-mark:before{left:6px;transform:rotate(-22deg)}.brand-mark:after{right:6px;transform:rotate(22deg)}.site-nav,.admin-nav{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:700}.site-nav>a:not(.button):hover,.admin-nav>a:hover{color:var(--teal)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:9px 13px;color:var(--ink);font-weight:750}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:14px 22px;background:var(--teal);color:#fff;font-weight:800;box-shadow:0 10px 25px rgba(11,140,130,.22);transition:transform .2s,background .2s}.button:hover{background:var(--teal-dark);transform:translateY(-2px)}.button--small{padding:10px 16px;border-radius:10px}.button--ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.text-link{font-weight:800;color:var(--ink);display:inline-flex;gap:8px;align-items:center}.text-link span{color:var(--teal);font-size:1.3em}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--teal-dark);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}.eyebrow>span{width:26px;height:2px;background:var(--teal)}
.hero{position:relative;min-height:790px;padding:150px 0 80px;overflow:hidden;background:linear-gradient(120deg,#f8fbf8 5%,#edf7f1 58%,#daeae6)}.hero:after{content:"";position:absolute;inset:auto -15% -40% 40%;height:70%;background:radial-gradient(circle,rgba(191,226,90,.2),transparent 64%)}.hero-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(11,140,130,.12);filter:blur(80px);top:-180px;left:-100px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}.hero-copy h1{margin-bottom:25px;max-width:650px}.hero-copy>p{font-size:1.17rem;color:var(--muted);max-width:590px}.hero-actions{display:flex;align-items:center;gap:24px;margin:34px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span{border:1px solid rgba(8,43,59,.1);background:rgba(255,255,255,.6);padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:750}.trust-row span:before{content:"✓";color:var(--teal);margin-right:6px}.hero-media{position:relative;border-radius:34px;overflow:visible;box-shadow:var(--shadow)}.hero-media img{width:100%;min-height:530px;object-fit:cover;border-radius:34px}.live-card{position:absolute;left:-28px;bottom:28px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:14px 20px;display:flex;gap:12px;align-items:center;box-shadow:0 16px 40px rgba(8,43,59,.18);font-weight:850}.live-card i{width:11px;height:11px;border-radius:50%;background:#27bd75;box-shadow:0 0 0 6px rgba(39,189,117,.14)}.live-card small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}.metric-strip{background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.metrics div{padding:8px 30px;border-right:1px solid rgba(255,255,255,.14)}.metrics div:last-child{border:0}.metrics strong{font-size:1.65rem;display:block}.metrics span{color:#b9ced4;font-size:.83rem}.section{padding:110px 0}.section--soft{background:#edf5f1}.section--ink{background:var(--ink);color:#fff;position:relative;overflow:hidden}.section--ink:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;border:140px solid rgba(11,140,130,.08);right:-250px;top:-300px}.section-heading{max-width:720px;margin-bottom:52px}.section-heading h2{margin-bottom:18px}.section-heading p{font-size:1.08rem;color:var(--muted)}.section-heading--light p{color:#b5c8ce}.section-heading--row{max-width:none;display:flex;justify-content:space-between;align-items:end}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;min-height:330px;padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card--accent{background:var(--mint)}.feature-no{position:absolute;right:24px;top:22px;color:#9db1b5;font-weight:850}.feature-icon{width:54px;height:54px;border-radius:17px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.7rem;margin:38px 0 28px}.feature-card h3{margin-bottom:13px}.feature-card p{color:var(--muted);font-size:.94rem}.steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps article{padding:25px 20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.035)}.steps article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:900;margin-bottom:36px}.steps i{font-size:.73rem;color:#8edbd0;font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.steps h3{margin:9px 0}.steps p{color:#b5c8ce;font-size:.88rem;margin:0}.split-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.split-grid--reverse{grid-template-columns:.92fr 1.08fr}.image-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#dce7e3}.image-frame img{width:100%;height:570px;object-fit:cover}.image-label{position:absolute;left:24px;bottom:24px;padding:10px 15px;background:rgba(8,43,59,.9);color:#fff;border-radius:10px;font-size:.8rem;font-weight:800}.content-block .lead{font-size:1.09rem;color:var(--muted);margin-bottom:32px}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:17px 0 17px 52px;border-top:1px solid var(--line)}.check-list li:before{content:"✓";position:absolute;left:0;top:17px;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--teal-dark);display:grid;place-items:center;font-weight:900}.check-list strong,.check-list span{display:block}.check-list span{font-size:.88rem;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 280px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 55px rgba(8,43,59,.08)}.compare-head,.compare-row{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:15px;align-items:center;padding:20px 28px}.compare-head{background:var(--ink);color:#fff;font-size:.75rem;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.compare-row{border-bottom:1px solid var(--line)}.compare-row:last-child{border:0}.compare-row strong{font-size:.9rem}.compare-row span{color:var(--muted)}.compare-row em{font-style:normal;color:var(--teal-dark);font-weight:900}.comparison aside{background:var(--mint);padding:36px 30px;display:flex;flex-direction:column;justify-content:center}.comparison aside>span{font-weight:800;font-size:.78rem;text-transform:uppercase}.comparison aside strong{font-size:2.6rem;line-height:1;margin:13px 0}.comparison aside p{font-size:.83rem;color:var(--muted)}.comparison aside a{font-weight:850;color:var(--teal-dark)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{font-size:.82rem;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.post-card img{width:100%;height:220px;object-fit:cover}.post-card div{padding:25px}.post-card span{font-size:.75rem;color:var(--teal);font-weight:800}.post-card h2,.post-card h3{margin:9px 0 12px}.post-card p{font-size:.9rem;color:var(--muted)}.post-card b{font-size:.82rem}.contact-section{padding:50px 0 110px;background:linear-gradient(180deg,var(--paper) 0,var(--paper) 30%,var(--ink) 30%)}.contact-card{background:#fff;border-radius:32px;padding:55px;box-shadow:var(--shadow);display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-card h2{font-size:clamp(2rem,3vw,3.1rem)}.contact-card>div>p{color:var(--muted)}.contact-links{display:grid;gap:10px;margin-top:30px}.contact-links a{font-weight:900;font-size:1.05rem}.contact-links small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.contact-form,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label,.stack-form label,.editor-form label,.upload-panel label{font-size:.78rem;font-weight:800}.contact-form input,.contact-form textarea,.stack-form input,.editor-form input,.editor-form textarea,.editor-form select,.upload-panel input,.inquiry-card select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.stack-form input:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(11,140,130,.1)}.full{grid-column:1/-1}.form-note{color:var(--muted);text-align:center}.site-footer{background:var(--ink);color:#fff;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:50px}.brand--light small{color:#93afb7}.footer-grid p{color:#9db5bc;max-width:390px;margin-top:18px}.footer-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#8edbd0}.footer-grid>div>a:not(.brand){display:block;color:#bed0d5;margin:8px 0;font-size:.9rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;color:#819fa8;font-size:.75rem}.page-hero,.article-head{padding:170px 0 75px;background:linear-gradient(130deg,#edf7f1,#dceee8)}.page-hero h1{max-width:850px;font-size:clamp(2.7rem,5vw,4.8rem)}.page-hero p,.article-head p{color:var(--muted);font-size:1.1rem;max-width:700px}.empty-state{text-align:center;padding:60px 25px}.article-head h1{font-size:clamp(2.7rem,5vw,4.5rem)}.article-cover{margin-top:55px}.article-cover img{width:100%;max-height:620px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.rich-content{padding-top:65px;padding-bottom:110px;font-size:1.06rem}.rich-content h2{font-size:2rem;margin-top:45px}.rich-content h3{font-size:1.45rem;margin-top:35px}.rich-content p,.rich-content li{color:#344d57}.rich-content a{color:var(--teal);text-decoration:underline}.rich-content blockquote{margin:30px 0;padding:20px 25px;border-left:4px solid var(--teal);background:var(--mint)}.back-link{display:block;font-size:.82rem;font-weight:800;color:var(--teal-dark);margin-bottom:20px}.error-page{min-height:75vh;padding:180px 0 100px}.error-page p{font-size:1.1rem;color:var(--muted);margin-bottom:30px}.flash{position:fixed;z-index:100;top:90px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:12px;background:#fff;box-shadow:var(--shadow);font-weight:750;font-size:.86rem}.flash--success{border-left:4px solid #22a66a}.flash--error{border-left:4px solid var(--danger)}
/* Admin */
.admin-body{background:#f3f6f5}.admin-topbar{height:72px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:sticky;top:0;z-index:30}.brand--compact{font-size:1rem}.brand--compact .brand-mark{width:29px;height:29px}.brand--compact small{color:#88a9b1}.admin-nav{gap:20px;font-size:.78rem}.admin-nav form{margin:0}.link-button{border:0;background:transparent;color:#fff;font-weight:800;padding:0}.admin-main{padding:50px 20px 100px}.admin-container{max-width:1280px;margin:auto}.admin-container--form{max-width:950px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-heading h1{font-size:2.5rem;margin-bottom:7px}.admin-heading p{color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat-grid a{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s}.stat-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,43,59,.08)}.stat-grid span,.stat-grid small{display:block;color:var(--muted)}.stat-grid strong{display:block;font-size:2.3rem;line-height:1.2;margin:6px 0}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.panel-head h2{font-size:1.3rem;margin:0}.panel-head a{color:var(--teal);font-weight:800;font-size:.82rem}.admin-list>a{display:flex;justify-content:space-between;align-items:center;padding:18px 5px;border-bottom:1px solid var(--line)}.admin-list>a:last-child{border:0}.admin-list strong,.admin-list small{display:block}.admin-list small{color:var(--muted)}.admin-list b{color:var(--teal);font-size:.82rem}.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 25% 10%,rgba(11,140,130,.15),transparent 38%),#f3f6f5}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.25rem}.auth-card>p{color:var(--muted)}.stack-form{display:grid;gap:18px;margin:30px 0}.stack-form small,.editor-form small,.upload-panel small{font-weight:500;color:var(--muted)}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.07em}.admin-table th,.admin-table td{padding:15px 12px;border-bottom:1px solid var(--line)}.admin-table td>small{display:block;color:var(--muted)}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf1f0;font-size:.7rem;font-weight:850}.status--published,.status--read{background:#dff4ed;color:#08736c}.status--new{background:#fff0ce;color:#8b5e00}.status--closed,.status--draft{background:#edf1f0;color:#60747a}.table-actions{display:flex;justify-content:flex-end;gap:12px}.table-actions a,.table-actions button{color:var(--teal-dark);font-weight:800;font-size:.78rem;border:0;background:none}.table-actions button,.danger-link{color:var(--danger)}.editor-form .admin-panel{display:grid;gap:22px}.editor-form h2{font-size:1.2rem;margin:20px 0 -5px;padding-bottom:12px;border-bottom:1px solid var(--line)}.content-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:12px}.upload-panel form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:end}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.media-card img{width:100%;height:210px;object-fit:cover}.media-card>div{padding:17px}.media-card strong,.media-card small{display:block}.media-card small{color:var(--muted);font-size:.67rem;word-break:break-all;margin:5px 0 10px}.copy-button,.danger-link{border:0;background:none;padding:0;margin-right:14px;font-size:.75rem;font-weight:800;color:var(--teal-dark)}.media-card form{display:inline}.inquiry-list{display:grid;gap:16px}.inquiry-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.inquiry-card--new{border-left:5px solid var(--amber)}.inquiry-card header{display:flex;justify-content:space-between}.inquiry-card h2{font-size:1.35rem;margin:10px 0 3px}.inquiry-card header p,.inquiry-card time{color:var(--muted);font-size:.78rem}.inquiry-contact{display:flex;gap:18px;margin:15px 0}.inquiry-contact a{color:var(--teal-dark);font-size:.85rem;font-weight:800}.inquiry-message{padding:17px;background:#f5f8f7;border-radius:12px;color:#344d57;white-space:pre-wrap}.inquiry-card form{display:flex;align-items:end;gap:12px}.inquiry-card form label{font-size:.74rem;font-weight:800}.inquiry-card select{min-width:150px;padding:8px}.inquiry-card .button{box-shadow:none}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.button,.feature-card,.post-card{transition:none}}
@media (max-width:980px){.site-nav,.admin-nav{display:none;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#fff;color:var(--ink);padding:20px;border-radius:16px;box-shadow:var(--shadow)}.site-nav{top:78px}.site-nav.is-open,.admin-nav.is-open{display:flex}.menu-toggle{display:block}.hero-grid,.split-grid,.split-grid--reverse,.contact-card{grid-template-columns:1fr}.hero{padding-top:125px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-media{max-width:760px;margin:auto}.hero-media img{min-height:430px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.comparison{grid-template-columns:1fr}.contact-card{gap:35px}.media-grid{grid-template-columns:1fr 1fr}.admin-topbar{padding:0 20px}}
@media (max-width:680px){:root{--container:min(100% - 28px,1180px)}h1{font-size:2.65rem}.section{padding:78px 0}.nav-wrap{height:72px}.brand{font-size:1.05rem}.brand small{font-size:.48rem}.hero{min-height:0;padding:115px 0 65px}.hero-grid{gap:42px}.hero-copy{text-align:left}.hero-actions,.trust-row{justify-content:flex-start}.hero-actions{align-items:flex-start;flex-direction:column}.hero-media img{min-height:360px}.live-card{left:15px;bottom:15px}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:14px;border-bottom:1px solid rgba(255,255,255,.12)}.feature-grid,.steps,.post-grid,.footer-grid,.contact-form,.form-grid,.stat-grid,.media-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.steps article>span{margin-bottom:20px}.split-grid{gap:42px}.image-frame img{height:390px}.section-heading--row{display:block}.comparison-main{overflow-x:auto}.compare-head,.compare-row{min-width:620px}.contact-card{padding:30px 22px}.contact-form .full{grid-column:auto}.footer-grid{gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.admin-main{padding:32px 13px 70px}.admin-heading{display:block}.admin-heading .button{margin-top:18px}.admin-panel{padding:20px}.upload-panel form{grid-template-columns:1fr}.admin-table{min-width:700px}.inquiry-card header{display:block}.inquiry-card form{align-items:stretch;flex-direction:column}.article-cover{width:100%;margin-top:0}.article-cover img{border-radius:0}.page-hero,.article-head{padding:130px 0 60px}}