:root{--blue:#0b4f87;--blue2:#073858;--sky:#eaf5ff;--ink:#142536;--muted:#617386;--line:#dce7ef;--white:#fff;--gold:#f0b34b;--shadow:0 20px 60px rgba(15,61,94,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#2d87c7);color:#fff;font-weight:800;box-shadow:0 10px 26px rgba(11,79,135,.25)}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:.74rem}nav{display:flex;align-items:center;gap:25px}nav a{font-weight:650;color:#31485d}.nav-cta{background:var(--blue);color:#fff!important;padding:11px 17px;border-radius:12px}.menu-toggle{display:none}.hero{padding:88px 0 74px;background:radial-gradient(circle at 90% 10%,#d5efff,transparent 32%),linear-gradient(180deg,#f6fbff,#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--blue);margin:0 0 15px}.light{color:#77c8ef}.hero h1,.catalogue-hero h1{font-size:clamp(2.55rem,5vw,4.7rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px}.hero-copy{font-size:1.15rem;color:var(--muted)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:14px 21px;font-weight:750;cursor:pointer;font:inherit}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(11,79,135,.24)}.button.secondary{background:#fff;border:1px solid var(--line)}.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem}.trust-row span:before{content:"✓";color:var(--blue);margin-right:7px}.hero-board{position:relative}.browser{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.browser-top{height:47px;background:#eaf1f6;padding:18px}.browser-top i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#a8bbc9;margin-right:5px}.browser-body{min-height:320px;padding:55px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#083b66,#157ab5);color:#fff}.browser-body strong{font-size:2rem;margin:15px 0}.browser-body span{height:9px;width:70%;background:rgba(255,255,255,.2);border-radius:9px;margin:5px 0}.browser-body button{margin-top:20px;width:max-content;border:0;padding:10px 14px;border-radius:9px}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:var(--shadow)}.floating-card span{display:block;color:var(--muted);font-size:.78rem}.card-one{left:-28px;bottom:55px}.card-two{right:-22px;top:40px}.section-pad{padding:88px 0}.muted-section{background:#f2f7fb}.dark-section{background:#092f4d;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2,.split h2,.contact-grid h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.1;letter-spacing:-.04em;margin:0}.text-link{color:var(--blue);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:17px}.category-card span{font-size:1.4rem;color:var(--blue)}.category-card strong,.category-card small{display:block}.category-card small{color:var(--muted);margin-top:6px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.template-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.template-preview{min-height:220px;padding:28px;display:flex;align-items:center;position:relative;color:#fff}.template-preview div{width:100%}.template-preview small,.template-preview strong,.template-preview span{display:block}.template-preview strong{font-size:1.35rem;margin:10px 0}.template-preview span{height:8px;width:72%;background:rgba(255,255,255,.22);border-radius:8px;margin:6px 0}.template-preview span:last-child{width:50%}.template-preview em{position:absolute;top:14px;right:14px;background:var(--gold);color:#25313c;padding:6px 10px;border-radius:15px;font-style:normal;font-size:.72rem;font-weight:800}.tone-1{background:linear-gradient(135deg,#074b7d,#1492ba)}.tone-2{background:linear-gradient(135deg,#503ea2,#9a5ab3)}.tone-3{background:linear-gradient(135deg,#174c48,#4b9a78)}.tone-4{background:linear-gradient(135deg,#7d3d50,#df8b74)}.template-content{padding:23px}.template-content h3{margin:0}.template-content p,.catalogue-hero p,.split p,.contact-grid p,.service-grid p,.blog-card p{color:var(--muted)}.template-meta{display:flex;flex-direction:column;font-size:.82rem;margin:12px 0}.feature-grid,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:24px;border-radius:17px}.feature-grid p{color:#c0d1dc}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-list span{background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px}.check-list span:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.contact-section{background:linear-gradient(135deg,#eff8ff,#fff)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.contact-form label{font-size:.84rem;font-weight:750}.contact-form input,.contact-form textarea,.catalogue-tools input,.catalogue-tools select{width:100%;margin-top:7px;border:1px solid #cedce7;border-radius:10px;padding:13px;font:inherit}.full{grid-column:1/-1}.catalogue-hero{padding:85px 0 65px;background:linear-gradient(135deg,#eaf6ff,#fff)}.catalogue-tools{display:grid;grid-template-columns:1fr 260px auto;gap:12px;margin-bottom:30px}.template-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.template-large-preview{min-height:500px;border-radius:24px;padding:60px;display:flex;align-items:center;color:#fff}.template-large-preview strong{display:block;font-size:2.5rem;margin:15px 0}.template-large-preview span{display:block;height:10px;width:70%;background:rgba(255,255,255,.2);margin:8px 0;border-radius:8px}.template-large-preview button{margin-top:25px;padding:12px 16px;border:0;border-radius:10px}.template-sidebar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;height:max-content}.service-grid article,.blog-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:17px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{padding:85px 0}.article h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08}.article-content{font-size:1.08rem}.article-content h2{margin-top:36px}.narrow{max-width:780px}.notice{padding:28px;border-radius:18px}.success{background:#e8f8ef;border:1px solid #b9e5cb}.error{background:#fff0f0;border:1px solid #f0c2c2}.selected-template{grid-column:1/-1;background:var(--sky);padding:12px;border-radius:10px}.site-footer{background:#071f33;color:#dce8ef;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;color:#879aa7}.empty-state{text-align:center;padding:40px}
@media(max-width:900px){nav{display:none}.menu-toggle{display:block}.hero-grid,.split,.contact-grid,.template-detail{grid-template-columns:1fr}.category-grid,.template-grid,.feature-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.catalogue-tools{grid-template-columns:1fr}.section-pad{padding:65px 0}}
@media(max-width:620px){.category-grid,.template-grid,.feature-grid,.service-grid,.check-list,.footer-grid,.contact-form{grid-template-columns:1fr}.full{grid-column:auto}.hero h1{font-size:2.55rem}.section-heading{align-items:flex-start;flex-direction:column}}