.pagging{margin-top:2.5rem;}@media (max-width:800px){.blog-detail-v2 .mobile-toc-trigger{border-radius:16px 0 0 16px;}}.pagging nav{display:flex; justify-content:center;}.pagging .pagination{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0.65rem; margin:0; padding:0; list-style:none;}.pagging .page-item{display:flex;}.pagging .page-link{display:inline-flex; align-items:center; justify-content:center; min-width:2.9rem; height:2.9rem; padding:0 1rem; border:1px solid rgba(0, 128, 96, 0.16); border-radius:999px; background:rgba(255, 255, 255, 0.88); box-shadow:0 12px 30px rgba(15, 23, 42, 0.06); color:var(--accent); font-size:0.96rem; font-weight:700; line-height:1; transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;}.pagging .page-link:hover, .pagging .page-link:focus-visible{border-color:rgba(0, 128, 96, 0.32); background:var(--primary-soft); color:var(--primary-dark); box-shadow:0 16px 36px rgba(0, 128, 96, 0.14); transform:translateY(-2px); outline:none;}.pagging .page-item.active .page-link{border-color:var(--primary); background:linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% ); box-shadow:0 18px 40px rgba(0, 128, 96, 0.24); color:#ffffff;}.pagging .page-item.next .page-link, .pagging .page-item.prev .page-link{min-width:5.25rem; padding:0 1.2rem;}@media (max-width:640px){.pagging{margin-top:2rem;}.pagging .pagination{gap:0.5rem;}.pagging .page-link{min-width:2.6rem; height:2.6rem; padding:0 0.9rem; font-size:0.9rem;}.pagging .page-item.next .page-link, .pagging .page-item.prev .page-link{min-width:4.75rem;}}:root{--primary:#008060; --primary-dark:#00694f; --primary-soft:#e6f6f1; --mint-soft:#eef8f4; --sand-soft:#f9f6ef; --sky-soft:#f2f8fb; --accent:#0f172a; --text:#1f2937; --muted:#5b6472; --line:#dbe5e1; --surface:#ffffff; --surface-alt:#f5fbf8; --shadow:0 20px 60px rgba(0, 128, 96, 0.12); --radius-lg:28px; --radius-md:20px; --radius-sm:14px; --container:1160px;}*{box-sizing:border-box;}html{scroll-behavior:smooth; scrollbar-gutter:stable;}body{margin:0; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--text); background:radial-gradient( circle at top left, rgba(0, 128, 96, 0.18), transparent 28% ), linear-gradient(180deg, #f7fcfa 0%, #ffffff 22%, #f8fbfa 100%); line-height:1.6;}img{max-width:100%; height:auto; display:block; border-radius:var(--radius-md);}a{color:inherit; text-decoration:none;}img, a, button{-webkit-user-drag:none; user-drag:none;}p, h1, h2, h3{margin-top:0;}h1, h2, h3, h4, h5, h6{margin-bottom:0.75rem; line-height:1.2; letter-spacing:-0.02em;}h1{font-size:clamp(2.2rem, 4.2vw, 3.75rem);}h2{font-size:clamp(1.7rem, 3vw, 2.55rem);}h3{font-size:clamp(1.1rem, 1.8vw, 1.35rem);}.container{width:min(var(--container), calc(100% - 2rem)); margin:0 auto;}.section{position:relative; padding:5rem 0; content-visibility:auto; contain-intrinsic-size:1px 900px;}.section::before{content:""; position:absolute; top:0; left:50%; width:min(var(--container), calc(100% - 2rem)); height:1px; transform:translateX(-50%); background:rgba(0, 128, 96, 0.14);}.summary::before{display:none;}.section-heading{margin-bottom:2rem;}.section-heading.center{max-width:760px; margin:0 auto 2.5rem; text-align:center;}.section-heading h2{margin-bottom:0.9rem; line-height:1.15; color:var(--accent);}.section-heading p{color:var(--muted); font-size:1.03rem;}.eyebrow{display:inline-flex; align-items:center; gap:0.5rem; margin-bottom:1rem; padding:0.45rem 0.9rem; border-radius:999px; background:rgba(0, 128, 96, 0.1); color:var(--primary); font-size:0.82rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;}.eyebrow.light{background:rgba(255, 255, 255, 0.16); color:#dffcf3;}.btn{display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0.85rem 1.35rem; border-radius:999px; border:1px solid transparent; font-weight:700; transition:transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.btn-primary{background:var(--primary); color:#fff;}.hero-cta{position:relative; display:flex; align-items:center; justify-content:center; width:100%; max-width:300px; padding:0.9rem 1.5rem; border-radius:999px; border:2px solid #ffffff; background:#ffffff; color:#111111; font-weight:700; font-size:1rem; text-align:center; box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7), 0 8px 24px rgba(15, 23, 42, 0.1); animation:heroCtaPulse 2.4s ease-out infinite; transition:transform 0.2s ease;}.hero-cta:hover{transform:translateY(-2px);}@keyframes heroCtaPulse{0%{transform:scale(1); box-shadow:0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.4), 0 8px 24px rgba(15, 23, 42, 0.1);}60%{transform:scale(1); box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0), 0 8px 24px rgba(15, 23, 42, 0.1);}70%{transform:scale(1.06); box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0), 0 8px 24px rgba(15, 23, 42, 0.1);}80%{transform:scale(0.97);}90%{transform:scale(1.03);}100%{transform:scale(1); box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0), 0 8px 24px rgba(15, 23, 42, 0.1);}}.btn-secondary, .btn-outline{border-color:rgba(0, 128, 96, 0.24); background:#fff; color:var(--primary);}.btn-light{background:#fff; color:var(--primary);}.btn-text{display:inline-flex; align-items:center; gap:0.35rem; margin-top:1rem; color:var(--primary); font-weight:800; text-decoration:none; transition:color 0.2s ease, transform 0.2s ease;}.btn-text:hover, .btn-text:focus-visible{color:var(--primary-dark); transform:translateX(2px);}.btn-ghost{border-color:rgba(255, 255, 255, 0.25); color:#fff;}.btn-full{display:flex; width:100%; justify-content:center;}.hero{position:relative; overflow:hidden; padding-bottom:2rem; padding-top:0;}.page-hero{position:relative; overflow:hidden; padding:8.5rem 0 4rem; background:radial-gradient( circle at top left, rgba(0, 128, 96, 0.16), transparent 30% ), linear-gradient(180deg, #f7fcfa 0%, #ffffff 100%);}.blog-archive-hero{min-height:420px; padding:9rem 0 5rem; color:#fff; background:linear-gradient(125deg, #064d3b 0%, #008060 62%, #138b6d 100%);}.blog-archive-hero::before{content:""; position:absolute; inset:0; background-image:url("pattern-white-solusitech.svg?v=3"); background-size:650px 650px; background-repeat:repeat; pointer-events:none;}.blog-archive-hero::after{display:none;}.blog-archive-hero .page-hero-content{z-index:1;}.blog-archive-hero .contact-hero-inner{position:relative; z-index:1;}.blog-archive-hero .eyebrow{background:rgba(255, 255, 255, 0.16); color:#d3eee5;}.blog-archive-hero .page-hero-content h1, .blog-archive-hero .page-hero-content p{color:#fff;}.blog-archive-hero .page-hero-content p{color:#e3f4ee;}.blog-archive-hero .contact-hero-copy h1, .blog-archive-hero .contact-hero-copy p{color:#fff;}.page-hero::after{content:""; position:absolute; inset:0; background:radial-gradient( circle at right top, rgba(0, 128, 96, 0.13), transparent 32% ); pointer-events:none;}.hero::after{content:""; position:absolute; inset:0; background:#008060; pointer-events:none;}.navbar, .hero-content, .page-hero-content{position:relative; z-index:1;}.navbar{position:fixed; top:0; left:0; right:0; z-index:30; padding:1rem 0 0;}.navbar::before{display:none;}.navbar-inner{position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.55rem 1rem; border:1px solid rgba(0, 128, 96, 0.14); border-radius:14px; background:rgba(255, 255, 255, 0.88); box-shadow:0 18px 45px rgba(15, 23, 42, 0.08);}.menu-toggle{position:absolute; opacity:0; pointer-events:none;}.menu-button{display:none; align-items:center; justify-content:center; flex-direction:column; gap:5px; width:42px; height:42px; border:1px solid rgba(0, 128, 96, 0.16); border-radius:10px; background:rgba(255, 255, 255, 0.94); cursor:pointer;}.menu-button span{width:20px; height:2px; border-radius:999px; background:var(--primary); transition:transform 0.2s ease, opacity 0.2s ease;}.brand{display:inline-flex; align-items:center; flex:0 0 auto; min-width:0; font-size:1.25rem; font-weight:800; color:var(--accent);}.brand img{display:block; width:auto; height:clamp(24px, 2.5vw, 31px); max-width:min(180px, 38vw); border-radius:0; object-fit:contain;}.brand-light{color:#fff;}.nav-actions{display:flex; align-items:center; flex-wrap:wrap; gap:0.2rem;}.nav-link{display:inline-flex; align-items:center; justify-content:center; padding:0.7rem 0.78rem; border-radius:8px; color:var(--muted); font-size:0.92rem; font-weight:500; letter-spacing:0.02em;}.nav-dropdown{position:static;}.nav-dropdown summary{list-style:none; cursor:pointer;}.nav-dropdown summary::-webkit-details-marker{display:none;}.nav-dropdown summary::after{content:""; width:0.45rem; height:0.45rem; margin-left:0.55rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-0.15rem) rotate(45deg); transition:transform 0.2s ease;}.nav-dropdown[open] summary::after{transform:translateY(0.08rem) rotate(225deg);}.mega-menu{position:absolute; top:calc(100% + 0.7rem); left:50%; z-index:40; display:grid; grid-template-columns:0.75fr 1.25fr; gap:1rem; width:min(860px, calc(100vw - 2rem)); padding:1rem; border:1px solid rgba(0, 128, 96, 0.14); border-radius:18px; background:rgba(255, 255, 255, 0.97); box-shadow:0 24px 70px rgba(15, 23, 42, 0.14); transform:translateX(-50%);}.mega-menu-intro{padding:1.1rem; border-radius:12px; background:linear-gradient( 180deg, var(--primary) 0%, var(--primary-dark) 100% ); color:#fff;}.mega-eyebrow{display:block; margin-bottom:0.65rem; color:rgba(255, 255, 255, 0.72); font-size:0.78rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase;}.mega-menu-intro strong{display:block; margin-bottom:1rem; line-height:1.35;}.mega-cta{display:flex; align-items:center; justify-content:center; width:100%; min-height:40px; padding:0.65rem 0.95rem; border-radius:8px; background:#fff; color:var(--primary); font-size:0.9rem; font-weight:800;}.mega-menu-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0.75rem;}.mega-menu-item{display:block; min-height:100%; padding:1rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:12px; background:var(--surface-alt); transition:transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;}.mega-menu-item span{display:block; margin-bottom:0.45rem; color:var(--accent); font-weight:800; line-height:1.25;}.mega-menu-item p{margin:0; color:var(--muted); font-size:0.92rem; line-height:1.45;}.hero-content{display:grid; grid-template-columns:1.1fr 0.9fr; gap:2rem; align-items:center; padding:8.6rem 0 4rem;}.hero-text h1{margin-bottom:1.2rem; font-size:clamp(2rem, 3.4vw, 3.1rem); line-height:1.08; color:#ffffff; max-width:18ch;}.page-hero-content{max-width:820px; text-align:center;}.page-hero-content h1{margin-bottom:1.1rem; color:var(--accent); font-size:clamp(2.1rem, 4vw, 3.6rem);}.page-hero-content p{margin:0 auto; max-width:720px; color:var(--muted); font-size:1.08rem;}.about-page .page-hero::before{display:none;}.about-hero{padding:8.4rem 0 4rem;}.about-hero-inner{display:grid; grid-template-columns:1.08fr 0.92fr; gap:1.5rem; align-items:center;}.about-hero-copy h1{margin-bottom:1.1rem; color:var(--accent); font-size:clamp(2.1rem, 4vw, 3.55rem); line-height:1.08; max-width:16ch;}.about-hero-copy p{max-width:660px; margin-bottom:1.6rem; color:var(--muted); font-size:1.08rem;}.about-hero-panel{display:grid; gap:1rem;}.about-hero-card, .about-metric-card, .about-story-card, .about-value-card, .about-focus-card, .about-focus-panel, .process-card{border:1px solid rgba(0, 128, 96, 0.12); background:rgba(255, 255, 255, 0.92); box-shadow:var(--shadow);}.about-hero-card, .about-story-card, .about-focus-panel{padding:1.35rem; border-radius:22px;}.about-card-label, .about-story-badge{display:inline-flex; align-items:center; padding:0.38rem 0.75rem; border-radius:999px; background:rgba(0, 128, 96, 0.12); color:var(--primary); font-size:0.78rem; font-weight:800; letter-spacing:0.05em; text-transform:uppercase;}.about-hero-card strong, .about-focus-panel strong{display:block; margin:0.95rem 0 0.75rem; color:var(--accent); font-size:1.28rem; line-height:1.3;}.about-hero-card p, .about-focus-panel p{margin:0; color:var(--muted);}.about-hero-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.about-metric-card{padding:1.05rem 1rem; border-radius:18px;}.about-metric-card strong{display:block; margin-bottom:0.45rem; color:var(--primary); font-size:1.35rem;}.about-metric-card span{display:block; color:var(--muted); font-size:0.94rem; line-height:1.55;}.about-story{background:linear-gradient(180deg, #ffffff 0%, #f5fbf8 100%);}.about-copy p{margin-top:0; color:var(--muted); font-size:1.03rem;}.about-story-points{display:grid; gap:0.85rem; margin:1rem 0 0; padding-left:1.15rem; color:var(--text);}.about-story-points li::marker{color:var(--primary);}.about-values{background:linear-gradient(180deg, #f4faf8 0%, #edf7f3 100%);}.about-values-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}.about-value-card{padding:1.35rem; border-radius:22px;}.about-value-card h3, .about-focus-card h3, .process-card h3{margin-bottom:0.55rem; color:var(--accent);}.about-value-card p, .about-focus-card p, .process-card p{margin:0; color:var(--muted);}.about-process{border-top:1px solid rgba(0, 128, 96, 0.08); border-bottom:1px solid rgba(0, 128, 96, 0.06); background:linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%);}.card-grid.four{grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:stretch;}.process-card{display:flex; flex-direction:column; gap:0.85rem; min-height:100%; padding:1.4rem; border-radius:22px;}.process-card h3{line-height:1.3;}.about-focus{background:linear-gradient(180deg, var(--sand-soft) 0%, #fffdf9 100%);}.about-focus-visual{min-width:0; display:flex;}.about-focus-copy{min-width:0;}.about-focus-grid{display:grid; gap:0.9rem;}.about-focus-card{padding:1.2rem 1.25rem; border-radius:18px;}.about-focus-panel{width:100%;}.contact-page .page-hero::before{display:none;}.contact-hero{padding:8.4rem 0 4rem;}.contact-hero-inner{display:grid; grid-template-columns:1.05fr 0.95fr; gap:1.5rem; align-items:center;}.contact-hero-copy h1{margin-bottom:1.1rem; color:var(--accent); font-size:clamp(2.1rem, 4vw, 3.55rem); line-height:1.08; max-width:14ch;}.contact-hero-copy p{max-width:680px; margin-bottom:1.6rem; color:var(--muted); font-size:1.08rem;}#contact-hero .contact-hero-copy h1{color:#fff;}#contact-hero .contact-hero-copy p, #contact-hero .contact-hero-copy p strong{color:#e3f4ee;}.contact-highlight-card, .contact-form-shell, .contact-channel-card, .contact-mini-card, .field-group input, .field-group select, .field-group textarea{border:1px solid rgba(0, 128, 96, 0.12); background:rgba(255, 255, 255, 0.92); box-shadow:var(--shadow);}.contact-highlight-card, .contact-form-shell{padding:1.35rem; border-radius:22px;}.contact-highlight-card strong{display:block; margin:0.95rem 0 0.75rem; color:var(--accent); font-size:1.28rem; line-height:1.3;}.contact-highlight-card p{margin:0; color:var(--muted);}.contact-highlight-list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; margin-top:1.25rem;}.contact-mini-card{padding:1rem; border-radius:18px;}.contact-mini-card h3{margin-bottom:0.35rem; color:var(--primary); font-size:1rem;}.contact-mini-card p{color:var(--text); font-size:0.95rem; line-height:1.5;}.contact-channels{background:linear-gradient(180deg, #ffffff 0%, #f5fbf8 100%);}.contact-channel-grid{align-items:stretch;}.contact-channel-card{display:flex; flex-direction:column; gap:0.9rem;}.contact-link{margin-top:auto; color:var(--primary); font-weight:800; line-height:1.5;}.contact-link.static{color:var(--text); font-weight:700;}.contact-main{background:linear-gradient(180deg, #f4faf8 0%, #ffffff 100%);}.contact-layout{align-items:start;}.contact-form{display:grid; gap:1rem;}.contact-form-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.field-group{display:grid; gap:0.45rem;}.field-group span{color:var(--accent); font-size:0.95rem; font-weight:700;}.field-group input, .field-group select, .field-group textarea{width:100%; padding:0.95rem 1rem; border-radius:16px; color:var(--text); font:inherit;}.field-group textarea{resize:vertical; min-height:160px;}.field-group input::placeholder, .field-group textarea::placeholder{color:#8892a0;}.field-group input:focus, .field-group select:focus, .field-group textarea:focus{outline:2px solid rgba(0, 128, 96, 0.18); border-color:rgba(0, 128, 96, 0.3);}.contact-form-actions{display:flex; flex-wrap:wrap; align-items:center; gap:1rem;}.contact-form-actions p{margin:0; max-width:28rem; color:var(--muted); font-size:0.95rem;}.contact-sidebar{display:grid; gap:1rem; align-self:start;}.contact-points{margin-top:1rem;}.contact-sidebar .about-focus-panel, .contact-sidebar .about-focus-card{margin-top:0;}@media (min-width:981px){.about-focus .two-column.reverse{grid-template-columns:1.1fr 0.9fr; align-items:start;}.about-focus-copy{order:1;}.about-focus-visual{order:2; align-self:start;}}.hero-text p{max-width:680px; margin-bottom:1.65rem; color:#ffffff; font-size:clamp(1.08rem, 1.35vw, 1.22rem); line-height:1.75;}.hero-actions{display:flex; flex-wrap:wrap; gap:0.9rem;}.hero-visual{display:flex; align-items:center; justify-content:center; min-width:0;}.hero-illustration{width:min(100%, 520px); height:auto; max-height:min(560px, 58vh); border-radius:0; object-fit:contain;}.hero-card{display:flex; justify-content:center;}.summary{padding:1.5rem 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#008060;}.mockup-card, .visual-card, .info-card, .service-card, .portfolio-card, .step-card, .testimonial-card, .price-card{border:1px solid rgba(0, 128, 96, 0.12); background:rgba(255, 255, 255, 0.92); box-shadow:var(--shadow);}.mockup-card{padding:1rem; border-radius:var(--radius-lg);}.mockup-card img{aspect-ratio:700 / 480; object-fit:cover;}.mockup-head{display:flex; gap:0.45rem; margin-bottom:0.9rem;}.mockup-head span{width:12px; height:12px; border-radius:50%; background:rgba(0, 128, 96, 0.3);}.mockup-info{padding:1.15rem 0.45rem 0.2rem;}.mockup-info strong{display:block; margin-bottom:0.45rem; color:var(--accent);}.mockup-info p{margin:0; color:var(--muted);}.problem, .problem-solution{border-top:1px solid rgba(120, 83, 32, 0.08); border-bottom:1px solid rgba(120, 83, 32, 0.06); background:linear-gradient(180deg, var(--sand-soft) 0%, #fffdf9 100%);}.services{border-top:1px solid rgba(0, 128, 96, 0.08); border-bottom:1px solid rgba(0, 128, 96, 0.07); background:linear-gradient(180deg, #f7fcfa 0%, #ebf8f3 100%);}.advantages{border-top:1px solid rgba(15, 23, 42, 0.05); border-bottom:1px solid rgba(15, 23, 42, 0.05); background:#ffffff;}.solution-benefits{border-top:1px solid rgba(0, 128, 96, 0.07); border-bottom:1px solid rgba(0, 128, 96, 0.06); background:linear-gradient(180deg, #ffffff 0%, #f2faf7 100%);}.portfolio{border-top:1px solid rgba(15, 23, 42, 0.05); border-bottom:1px solid rgba(15, 23, 42, 0.05); background:linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);}.process{border-top:1px solid rgba(0, 128, 96, 0.08); border-bottom:1px solid rgba(0, 128, 96, 0.07); background-image:url("./cs.svg"), linear-gradient(180deg, #eef8f4 0%, #f7fcfa 100%); background-repeat:no-repeat, no-repeat; background-position:right 4.5rem bottom 1.5rem, center; background-size:min(32%, 260px), auto;}@media (max-width:1080px) and (min-width:761px){.process{background-position:right 2rem top 5.5rem, center; background-size:min(48vw, 270px), auto;}}.testimonials{border-top:1px solid rgba(120, 83, 32, 0.07); border-bottom:1px solid rgba(120, 83, 32, 0.05); background:linear-gradient(180deg, var(--sand-soft) 0%, #fffdf9 100%);}.pricing{background:linear-gradient(180deg, #f2faf7 0%, #e9f7f2 100%);}.faq{position:relative; border-top:1px solid rgba(0, 128, 96, 0.07); border-bottom:1px solid rgba(0, 128, 96, 0.06); overflow:hidden; background-image:url("./faq.svg"), url("./faq.svg"), linear-gradient(180deg, #ffffff 0%, #f4faf8 100%); background-repeat:no-repeat, no-repeat, no-repeat; background-position:top 3rem right 3rem, bottom 3rem left 3rem, center; background-size:min(20vw, 380px), min(16vw, 190px), auto;}.trust-grid, .card-grid, .steps-grid, .list-grid, .faq-list, .footer-content, .cta-box, .two-column{display:grid; gap:1.25rem;}.trust-grid{grid-template-columns:repeat(4, minmax(0, 1fr)); align-items:center;}.stat-card{position:relative; padding:0.5rem 1rem; border-radius:#000; text-align:center;}.stat-card:not(:last-child)::after{content:""; position:absolute; top:50%; right:0; width:1px; height:34px; background:#fff; transform:translateY(-50%);}.stat-card strong{display:block; margin-bottom:0; font-size:clamp(1rem, 1.45vw, 1.2rem); line-height:1.25; color:#fff; font-weight:800;}.two-column{grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:center; gap:2rem;}.two-column.reverse{grid-template-columns:0.9fr 1.1fr;}.solution-layout{display:grid; grid-template-columns:1.05fr 0.95fr; grid-template-areas:"intro visual" "body visual" "features visual"; align-items:center; gap:0 2rem;}.solution-intro{grid-area:intro; margin-bottom:0.9rem;}.solution-body{display:contents;}.solution-body>p{grid-area:body; margin-top:0; color:var(--muted); font-size:1.03rem;}.solution-body .visual-card{grid-area:visual;}.solution-body .feature-list{grid-area:features;}.list-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.website-deliverables .list-grid{align-items:stretch;}.info-card, .service-card, .portfolio-card, .step-card, .testimonial-card, .price-card{padding:1.5rem; border-radius:var(--radius-md);}.info-card h3, .service-card h3, .portfolio-card h3, .step-card h3, .price-card h3{margin-bottom:0.6rem; color:var(--accent);}.info-card p, .service-card p, .portfolio-card p, .step-card p, .testimonial-card p, .price-card p{margin-bottom:0; color:var(--muted);}.website-deliverables .info-card{display:flex; flex-direction:column; height:100%;}.website-deliverables .info-card p{margin-bottom:1.15rem; line-height:1.72; flex-grow:1;}.website-deliverables .info-card .btn-full{margin-top:auto;}.visual-card{padding:1rem; border-radius:var(--radius-lg);}.visual-card img{aspect-ratio:11721 / 7238; object-fit:contain;}.feature-list{display:grid; gap:1rem; margin-top:1.5rem;}.feature-item{padding:1rem 1.1rem; border-left:4px solid var(--primary); background:var(--surface-alt); border-radius:0 var(--radius-sm) var(--radius-sm) 0;}.feature-item strong{display:block; margin-bottom:0.35rem; color:var(--accent);}.feature-item p{margin:0; color:var(--muted);}.card-grid.three, .steps-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}.service-card ul, .price-card ul{padding-left:1.1rem; margin:1rem 0 1.5rem; color:var(--muted);}.service-card{display:flex; flex-direction:column;}.service-card>p:not(.service-note){margin-bottom:1.15rem; line-height:1.72; flex-grow:1;}.service-card .btn-full{margin-top:auto;}.service-note{display:block; margin:0; padding:0.85rem 0.95rem; border-left:4px solid var(--primary); border-radius:0 var(--radius-sm) var(--radius-sm) 0; background:rgba(0, 128, 96, 0.08); color:var(--accent); font-size:0.96rem; font-weight:700; line-height:1.55;}.service-card.featured, .price-card.featured{position:relative; background:linear-gradient(180deg, #ffffff 0%, #eefaf6 100%); border-color:rgba(0, 128, 96, 0.3);}.advantages-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.25rem 1.5rem;}.advantage-item{position:relative; display:grid; grid-template-columns:auto 1fr; gap:1rem; min-height:100%; padding:1.35rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:8px; background:#ffffff; box-shadow:0 8px 22px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);}.advantage-item::after{content:""; position:absolute; right:1rem; bottom:1rem; width:48px; height:4px; border-radius:999px; background:rgba(0, 128, 96, 0.12);}.advantage-icon{display:grid; place-items:center; width:56px; height:56px; border-radius:8px; background:var(--primary-soft); color:var(--primary); flex:0 0 auto;}.advantage-icon svg{display:block;}.advantage-item h3{margin-bottom:0.4rem; color:var(--accent); font-size:1.12rem;}.advantage-item p{margin:0; color:var(--muted); line-height:1.65;}.badge{display:inline-flex; margin-bottom:0.9rem; padding:0.35rem 0.7rem; border-radius:999px; background:var(--primary); color:#fff; font-size:0.78rem; font-weight:700;}.portfolio-card{overflow:hidden; padding:1rem;}.portfolio .card-grid.three{align-items:stretch; grid-template-columns:repeat(3, minmax(0, 1fr)); grid-auto-rows:1fr; padding-bottom:0;}.portfolio .card-grid.three.portfolio-grid{align-items:start; grid-template-columns:repeat(3, minmax(0, 1fr)); padding-bottom:0;}.portfolio .portfolio-card:nth-child(n){transform:none;}.portfolio-card{display:flex; flex-direction:column; padding:0; border-radius:8px; border:1px solid rgba(15, 23, 42, 0.2); box-shadow:0 10px 28px rgba(15, 23, 42, 0.08), 0 1px 4px rgba(15, 23, 42, 0.05);}.portfolio-card>a{display:flex; flex:1; flex-direction:column; color:inherit;}.portfolio-card-content{flex:1; padding:1rem 1.1rem 1.15rem;}.portfolio-card-content h3{margin-bottom:0.45rem; font-size:1.05rem;}.portfolio-card-content p{margin:0; color:var(--muted); font-size:0.92rem; line-height:1.55;}.portfolio-card:nth-child(4n + 2){transform:translateY(1.75rem);}.portfolio-card:nth-child(4n + 3){transform:translateY(3.5rem);}.portfolio-card:nth-child(4n){transform:translateY(5.25rem);}.portfolio-card img{width:100%; aspect-ratio:600 / 420; border-radius:8px; object-fit:cover;}.portfolio-card .btn{border:0; border-radius:0;}.blog-list{padding-top:4.5rem;}.blog-archive{background:inherit;}.blog-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); align-items:start; gap:1.25rem;}.blog-card{overflow:hidden; padding:0; border-radius:8px; box-shadow:0 10px 28px rgba(15, 23, 42, 0.08), 0 1px 4px rgba(15, 23, 42, 0.05);}.blog-card img{width:100%; aspect-ratio:600 / 420; border-radius:8px; object-fit:cover;}.blog-card>div{padding:1.1rem 1.1rem 1.2rem;}.blog-card h2, .blog-card h3{font-size:clamp(1.1rem, 1.8vw, 1.35rem); margin-bottom:0.75rem;}.blog-meta{display:inline-flex; margin-bottom:0.85rem; color:var(--primary); font-size:0.88rem; font-weight:700; letter-spacing:0.04em; text-transform:capitalize;}.read-more{display:inline-flex; margin-top:1rem; color:var(--primary); font-weight:800;}.article-page{background:radial-gradient( circle at top left, rgba(0, 128, 96, 0.12), transparent 28% ), linear-gradient(180deg, #f7fcfa 0%, #ffffff 22%, #f8fbfa 100%);}.article-hero{position:relative; padding-bottom:2rem; overflow:visible; background:linear-gradient(180deg, #f8fcfa 0%, #eef8f4 100%);}.article-hero::before{content:""; position:absolute; left:2.5rem; bottom:-8rem; width:min(22vw, 350px); height:min(22vw, 350px); background:url("./st.svg") left bottom / contain no-repeat; opacity:0.3; transform-origin:bottom left; pointer-events:none; z-index:0;}.article-hero-inner{position:relative; display:grid; grid-template-columns:minmax(0, 1fr); gap:2.25rem; align-items:start; justify-items:center; padding-top:8rem; text-align:center;}.article-hero-inner>*{position:relative; z-index:1;}.article-hero-copy{width:100%; max-width:940px;}.article-title{max-width:24ch; margin-left:auto; margin-right:auto; margin-bottom:1rem; font-size:clamp(2.3rem, 4vw, 4rem); line-height:1.04; color:var(--accent);}.article-title.article-title-small{max-width:52ch; margin-bottom:0.55rem; font-size:clamp(0.95rem, 1.15vw, 1.15rem); line-height:1.45; font-weight:600; color:var(--muted);}.article-subtitle-title{margin-bottom:1rem;}.article-summary{max-width:62ch; margin-bottom:1.5rem; color:var(--muted); font-size:1.05rem;}.article-meta-row{display:flex; flex-wrap:wrap; justify-content:center; gap:0.75rem;}.article-meta-row span{display:inline-flex; align-items:center; min-height:36px; padding:0.4rem 0.8rem; border-radius:999px; background:#008060; color:#ffffff; font-size:0.88rem; font-weight:700;}.article-hero-media{display:inline-flex; align-items:center; justify-content:center; justify-self:center; align-self:center; width:100%; max-width:100%;}.article-hero-media img{display:block; width:100%; max-width:min(100%, 640px); height:auto; border:1px solid rgba(15, 23, 42, 0.16); border-radius:18px; box-shadow:0 18px 46px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.08); object-fit:contain;}.article-shell{position:relative; z-index:1; padding-top:2.5rem;}.article-layout{display:grid; grid-template-columns:minmax(220px, 260px) minmax(0, 1fr); gap:2rem; align-items:start;}.article-sidebar{position:sticky; top:6.5rem; display:grid; gap:1rem;}.article-sidecard{display:grid; gap:0.85rem; padding:1.15rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:8px; background:rgba(255, 255, 255, 0.92); box-shadow:0 12px 32px rgba(15, 23, 42, 0.06);}.article-side-label{color:var(--accent); font-size:0.84rem; font-weight:800; text-transform:uppercase;}.article-sidecard a{color:var(--muted); font-weight:700;}.article-toc{gap:0;}.article-toc-toggle{display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none;}.article-toc-toggle::-webkit-details-marker{display:none;}.article-toc-action{display:inline-flex; align-items:center; color:var(--primary); flex:0 0 auto;}.article-toc-action::after{content:""; width:0.65rem; height:0.65rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-0.08rem) rotate(45deg); transition:transform 0.2s ease;}.article-toc[open] .article-toc-action::after{transform:translateY(0.08rem) rotate(225deg);}.article-toc-links{display:grid; gap:0.85rem; margin-top:0.9rem; font-size:0.92rem; line-height:1.5;}.article-content{min-width:0;}.article-prose{padding:clamp(1.2rem, 2vw, 2rem); border:1px solid rgba(0, 128, 96, 0.1); border-radius:8px; background:rgba(255, 255, 255, 0.94); box-shadow:0 14px 40px rgba(15, 23, 42, 0.06);}.article-prose>*:first-child{margin-top:0;}.article-prose h2{margin-top:2.2rem; margin-bottom:0.9rem; font-size:clamp(1.5rem, 2vw, 2rem);}.article-prose p, .article-prose li{color:var(--muted); font-size:1.02rem; line-height:1.8;}.article-highlight{margin:1.5rem 0; padding:1.1rem 1.15rem; border-left:4px solid var(--primary); border-radius:0 8px 8px 0; background:rgba(0, 128, 96, 0.07);}.article-highlight strong{display:block; margin-bottom:0.65rem;}.article-highlight ul{margin:0; padding-left:1.15rem;}.article-quote{margin:1.8rem 0; padding:1.1rem 1.2rem; border-left:4px solid var(--primary); background:#f5fbf8; color:var(--accent); font-size:1.15rem; font-weight:700;}.article-feature-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin:1.5rem 0 0;}.article-feature-card{padding:1rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:8px; background:linear-gradient(180deg, #ffffff 0%, #f4faf8 100%);}.article-feature-card h3{margin-bottom:0.5rem; font-size:1.05rem;}.article-feature-card p{margin:0;}.article-steps{display:grid; gap:0.85rem; padding-left:1.2rem;}.article-related{padding-top:1rem;}.article-related-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1.25rem;}.article-related-card{overflow:hidden; border-radius:8px; background:rgba(255, 255, 255, 0.94); box-shadow:0 10px 28px rgba(15, 23, 42, 0.08), 0 1px 4px rgba(15, 23, 42, 0.05);}.article-related-card img{width:100%; aspect-ratio:16 / 10; object-fit:cover; border-radius:0;}.article-related-card div{padding:1rem 1rem 1.15rem;}.article-related-card span{display:inline-flex; margin-bottom:0.55rem; color:var(--primary); font-size:0.82rem; font-weight:800; text-transform:uppercase;}.article-related-card strong{display:block; color:var(--accent); line-height:1.4;}.process-list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem; margin:0; padding:0; list-style:none; counter-reset:process-step;}.process-list li{position:relative; padding-top:5.35rem;}.process-list li::before{counter-increment:process-step; content:counter(process-step, decimal-leading-zero); position:absolute; top:1.5rem; left:1.5rem; display:inline-flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:16px; background:var(--primary-soft); color:var(--primary); font-size:1.12rem; font-weight:800;}.step-card span{display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:1rem; border-radius:16px; background:var(--primary-soft); color:var(--primary); font-weight:800;}.testimonial-card{position:relative; overflow:hidden; padding-top:2.45rem;}.testimonial-card::before, .testimonial-card::after{position:absolute; pointer-events:none;}.testimonial-card::before{content:""; right:0.85rem; bottom:0.45rem; width:clamp(200px, 40%, 300px); height:90px; background:url("data:image/svg+xml,%3Csvg width='168' height='64' viewBox='0 0 168 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f7c948' fill-opacity='.48'%3E%3Cg transform='translate(18 35) scale(.95)'%3E%3Cpolygon points='0,-10 2.9,-3.1 9.5,-3.1 4.1,1.2 5.9,8.1 0,4 -5.9,8.1 -4.1,1.2 -9.5,-3.1 -2.9,-3.1'/%3E%3C/g%3E%3Cg transform='translate(50 35) scale(1.12)'%3E%3Cpolygon points='0,-10 2.9,-3.1 9.5,-3.1 4.1,1.2 5.9,8.1 0,4 -5.9,8.1 -4.1,1.2 -9.5,-3.1 -2.9,-3.1'/%3E%3C/g%3E%3Cg transform='translate(84 35) scale(1.28)'%3E%3Cpolygon points='0,-10 2.9,-3.1 9.5,-3.1 4.1,1.2 5.9,8.1 0,4 -5.9,8.1 -4.1,1.2 -9.5,-3.1 -2.9,-3.1'/%3E%3C/g%3E%3Cg transform='translate(120 35) scale(1.46)'%3E%3Cpolygon points='0,-10 2.9,-3.1 9.5,-3.1 4.1,1.2 5.9,8.1 0,4 -5.9,8.1 -4.1,1.2 -9.5,-3.1 -2.9,-3.1'/%3E%3C/g%3E%3Cg transform='translate(154 35) scale(1.64)'%3E%3Cpolygon points='0,-10 2.9,-3.1 9.5,-3.1 4.1,1.2 5.9,8.1 0,4 -5.9,8.1 -4.1,1.2 -9.5,-3.1 -2.9,-3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;}.testimonial-card::after{content:none;}.testimonial-card p{position:relative; z-index:1; margin-bottom:1.1rem; font-size:1.02rem;}.testimonial-card strong{position:relative; z-index:1; display:block; color:var(--accent);}.testimonial-card span{color:var(--muted); font-size:0.95rem;}.price{margin-bottom:0.6rem; font-size:2rem; font-weight:800; color:var(--primary);}.faq-list{max-width:880px; margin:0 auto;}.faq-list details{padding:1.2rem 1.25rem; border:1px solid rgba(0, 128, 96, 0.14); border-radius:var(--radius-md); background:rgba(255, 255, 255, 0.92);}.faq-list summary{cursor:pointer; font-weight:700; color:var(--accent); list-style:none;}.faq-list summary::-webkit-details-marker{display:none;}.faq-list p{margin:0.9rem 0 0; color:var(--muted);}.faq-answer{margin-top:0.2rem;}.website-service-hero{padding-bottom:4.5rem;}.visually-hidden{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}.website-service-hero .website-service-hero-content{max-width:var(--container); text-align:left;}.website-hero-grid{display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 1fr); gap:2rem; align-items:center;}.website-hero-copy h1{margin-bottom:1.1rem; color:var(--accent); font-size:clamp(1.9rem, 3.2vw, 2.9rem); line-height:1.12; max-width:16ch;}.website-hero-copy p{max-width:640px; margin:0 0 1.6rem; color:var(--muted); font-size:1.08rem;}.website-service-eyebrow{margin-bottom:1rem;}.website-hero-actions{display:flex; flex-wrap:wrap; gap:0.9rem;}.website-hero-panel{padding:1.5rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:28px; background:linear-gradient( 180deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 248, 244, 0.92) 100% ); box-shadow:0 24px 55px rgba(15, 23, 42, 0.07);}.website-hero-panel h2{margin-bottom:1rem; font-size:clamp(1.45rem, 2.4vw, 2.05rem); line-height:1.16;}.website-proof-list{display:grid; gap:0.95rem;}.website-hero-gallery{display:grid; grid-template-columns:minmax(0, 1fr); gap:0; margin-bottom:1rem;}.website-hero-gallery img{display:block; width:100%; height:auto; object-fit:contain; border-radius:0; box-shadow:none;}.website-proof-list article{padding:1rem 1rem 1rem 1.05rem; border-left:4px solid var(--primary); border-radius:0 16px 16px 0; background:rgba(255, 255, 255, 0.85);}.website-proof-list strong{display:block; margin-bottom:0.35rem; color:var(--accent);}.website-proof-list p, .website-deliverables-panel p{margin:0; color:var(--muted);}.card-icon, .module-icon{display:inline-grid; place-items:center; width:3rem; height:3rem; border-radius:18px; background:radial-gradient( circle at top left, rgba(255, 255, 255, 0.5), transparent 55% ), linear-gradient(135deg, rgba(0, 128, 96, 0.16), rgba(0, 128, 96, 0.06)); border:1px solid rgba(0, 128, 96, 0.14); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.45);}.card-icon, .module-icon{margin-bottom:1rem; color:var(--primary-dark); font-size:0.92rem; font-weight:800; letter-spacing:0.04em;}.deliverables-cta{margin-top:1rem;}.deliverables-cta p, .deliverables-cta small{margin:0; color:var(--muted);}.website-checklist{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.website-summary{background:linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%);}.website-summary .trust-grid{grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; align-items:stretch;}.website-summary .trust-grid::before, .website-summary .trust-grid::after{display:none;}.website-summary .stat-card{display:grid; gap:0.8rem; padding:1.25rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:22px; background:rgba(255, 255, 255, 0.94); box-shadow:0 18px 44px rgba(15, 23, 42, 0.06); text-align:left;}.website-summary .stat-card:not(:last-child)::after{display:none;}.website-summary .stat-card i{display:grid; place-items:center; width:3rem; height:3rem; border-radius:16px; background:linear-gradient( 135deg, rgba(0, 128, 96, 0.14), rgba(0, 128, 96, 0.05) ); color:var(--primary); font-style:normal; box-shadow:inset 0 0 0 1px rgba(0, 128, 96, 0.08);}.website-summary .stat-card i::before{font-size:1.15rem; font-weight:800; line-height:1;}.website-summary .icon-responsive::before{content:"R";}.website-summary .icon-seo::before{content:"S";}.website-summary .icon-speed::before{content:"P";}.website-summary .icon-scalable::before{content:"G";}.website-summary .stat-card strong{margin-bottom:0; color:var(--accent); font-size:1.02rem; line-height:1.35;}.website-summary .stat-card p{margin:0; color:var(--muted); font-size:0.95rem; line-height:1.68;}.website-outcomes{background:linear-gradient( 180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 248, 0.96) 100% );}.website-outcomes .card-grid.three{align-items:stretch;}.website-outcomes .service-card{display:flex; flex-direction:column; height:100%;}.website-outcomes .service-card>p:not(.service-note){flex-grow:1;}.website-outcomes .service-note{margin-top:auto;}.website-deliverables{background:radial-gradient( circle at top right, rgba(0, 128, 96, 0.08), transparent 28% ), linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);}.website-deliverables-panel{padding-right:0.5rem;}.website-deliverables-panel h2{margin-bottom:0.85rem;}.website-showcase{background:radial-gradient( circle at top left, rgba(0, 128, 96, 0.08), transparent 24% ), linear-gradient(180deg, #ffffff 0%, #f7fcfa 100%);}.website-showcase-grid{display:grid; grid-template-columns:minmax(0, 1.15fr) repeat(2, minmax(0, 0.85fr)); gap:1.25rem; align-items:stretch;}.website-showcase-card{display:block; padding:1rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:26px; background:rgba(255, 255, 255, 0.94); box-shadow:0 20px 50px rgba(15, 23, 42, 0.07);}.website-showcase-card-large{grid-row:span 2;}.website-showcase-media{position:relative; overflow:hidden; border-radius:20px; background:linear-gradient(135deg, #eef8f4 0%, #f9f6ef 100%);}.website-showcase-media img{width:100%; aspect-ratio:12 / 8; object-fit:cover; border-radius:20px;}.website-inspiration-strip{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; margin-top:1.25rem;}.website-inspiration-card{overflow:hidden; border:1px solid rgba(0, 128, 96, 0.12); border-radius:22px; background:rgba(255, 255, 255, 0.94); box-shadow:0 18px 40px rgba(15, 23, 42, 0.06);}.website-inspiration-card img{width:100%; aspect-ratio:19 / 13; object-fit:cover; border-radius:0;}.website-process{background-color:#fff;}.website-process-grid .process-card{display:flex; flex-direction:column; align-items:flex-start; gap:0.9rem; min-height:100%;}.website-process .process-number{display:inline-grid; place-items:center; min-width:3.1rem; height:3.1rem; padding:0 0.9rem; border-radius:16px; background:linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% ); box-shadow:0 14px 30px rgba(0, 128, 96, 0.18); color:#ffffff; font-size:1rem; font-weight:800; line-height:1;}.website-process .process-card h3{margin-bottom:0;}.website-process .process-card p{margin-bottom:0;}.website-advantages .advantage-icon{font-size:1rem; font-weight:800;}.website-faq .faq-list{max-width:860px;}@media (max-width:960px){.website-hero-grid{grid-template-columns:1fr;}.website-summary .trust-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.website-showcase-grid{grid-template-columns:1fr 1fr;}.website-inspiration-strip{grid-template-columns:1fr 1fr;}.website-showcase-card-large{grid-column:1 / -1; grid-row:auto;}.website-hero-copy h1, .website-hero-copy p{max-width:100%;}.website-deliverables-panel{padding-right:0;}.faq{background-image:url("./faq.svg"), linear-gradient(180deg, #ffffff 0%, #f4faf8 100%); background-repeat:no-repeat, no-repeat; background-position:top 2.25rem right 1.5rem, center; background-size:170px, auto;}}@media (max-width:640px){.website-service-hero .container, .website-summary .container, .website-outcomes .container, .website-deliverables .container, .website-showcase .container, .website-process .container, .website-advantages .container, .website-faq .container, .summary .container{width:min(var(--container), calc(100% - 2.2rem));}.problem-solution .container, .cta .container{width:min(var(--container), calc(100% - 2.2rem));}.website-checklist{grid-template-columns:1fr;}.website-summary .trust-grid{grid-template-columns:1fr; gap:0.85rem;}.website-hero-gallery, .website-showcase-grid, .website-inspiration-strip{grid-template-columns:1fr;}.website-showcase-grid{gap:1rem;}.website-service-hero .website-service-hero-content{text-align:left;}.website-service-hero{padding-bottom:2.5rem;}.website-hero-grid{gap:1rem;}.website-hero-panel, .website-showcase-card, .website-inspiration-card, .website-deliverables .info-card, .website-outcomes .service-card, .website-process .process-card, .website-advantages .advantage-item, .website-faq .faq-list details{border-radius:18px;}.website-showcase-card, .website-summary .stat-card, .website-deliverables .info-card, .website-outcomes .service-card, .website-process .process-card{padding:0.9rem;}.website-faq .faq-list, .website-showcase .section-heading.center, .website-outcomes .section-heading.center, .website-process .section-heading.center, .website-advantages .section-heading.center{max-width:100%;}.website-showcase .section-heading.center, .website-outcomes .section-heading.center, .website-process .section-heading.center, .website-advantages .section-heading.center, .website-faq .section-heading.center{margin-left:auto; margin-right:auto; padding-left:0.45rem; padding-right:0.45rem;}.website-hero-panel{padding:1.35rem; border-radius:22px;}.website-hero-copy h1{font-size:clamp(1.95rem, 7vw, 2.5rem);}.website-hero-copy p{font-size:1rem;}.website-hero-actions .btn{width:100%;}.faq{background-image:url("./faq.svg"), linear-gradient(180deg, #ffffff 0%, #f4faf8 100%); background-repeat:no-repeat, no-repeat; background-position:top 2rem right 1rem, center; background-size:150px, auto;}}.cta{padding-top:2rem; background-color:#fff;}.cta-box{grid-template-columns:1.2fr 0.8fr; align-items:center; padding:2rem; border-radius:32px; background:linear-gradient(135deg, var(--primary-dark), var(--primary)); color:#fff; box-shadow:var(--shadow);}.cta-box h2{margin-bottom:0.8rem; font-size:clamp(1.7rem, 3vw, 2.75rem); line-height:1.15;}.cta-box p{margin-bottom:0; color:rgba(255, 255, 255, 0.84);}.cta-actions{display:flex; flex-wrap:wrap; gap:0.9rem; justify-content:flex-end;}.footer{padding:3rem 0 2.6rem; background-color:#000; background-image:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url("pattern-green-solusitech.svg?v=3"); background-size:100% 100%, 420px 420px; background-repeat:no-repeat, repeat; color:rgba(255, 255, 255, 0.82);}.footer-content{display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); gap:2rem; align-items:start;}.footer-content p{max-width:560px; margin:0.7rem 0 0;}.footer-column{min-width:0; grid-column:span 12;}.footer-col-1{grid-column:span 1;}.footer-col-2{grid-column:span 2;}.footer-col-3{grid-column:span 3;}.footer-col-4{grid-column:span 4;}.footer-col-5{grid-column:span 5;}.footer-col-6{grid-column:span 6;}.footer-col-7{grid-column:span 7;}.footer-col-8{grid-column:span 8;}.footer-col-9{grid-column:span 9;}.footer-col-10{grid-column:span 10;}.footer-col-11{grid-column:span 11;}.footer-col-12{grid-column:span 12;}.footer-brand .brand{display:inline-flex; margin-bottom:0.4rem;}.footer-brand .brand img{width:clamp(170px, 18vw, 220px); border-radius:0;}.footer-title{margin-bottom:1rem; color:#ffffff; font-size:1rem; letter-spacing:0.01em;}.footer-disclaimer{color:rgba(255, 255, 255, 0.64); font-size:0.92rem;}.footer-links{display:grid; gap:0.55rem;}.footer-links a{color:rgba(255, 255, 255, 0.9); width:fit-content; transition:color 0.2s ease, transform 0.2s ease;}.footer-section-group{margin-top:1.2rem; margin-bottom:1.8rem; padding-top:1rem; border-top:1px solid rgba(255, 255, 255, 0.14);}.footer-links-company-top{grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:1rem; row-gap:0.55rem;}.footer-contact{display:grid; gap:0.9rem;}.footer-contact p{margin:0; max-width:none;}.footer-contact strong{color:#ffffff;}.footer-contact a{color:rgba(255, 255, 255, 0.9); transition:color 0.2s ease;}.footer-social-title{display:inline-block; margin-top:1.4rem; margin-bottom:0.75rem; color:#ffffff; font-weight:700;}.footer-social{display:flex; align-items:center; gap:0.35rem;}.footer-social a{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; transition:transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;}.icon_footer{width:24px; height:24px; display:block; border-radius:0; flex-shrink:0;}.footer-bottom{margin-top:2.2rem; padding-top:1.2rem; border-top:1px solid rgba(255, 255, 255, 0.12);}.footer-bottom p{margin:0; color:rgba(255, 255, 255, 0.72); font-size:0.94rem;}@media (min-width:761px){.footer-col-md-1{grid-column:span 1;}.footer-col-md-2{grid-column:span 2;}.footer-col-md-3{grid-column:span 3;}.footer-col-md-4{grid-column:span 4;}.footer-col-md-5{grid-column:span 5;}.footer-col-md-6{grid-column:span 6;}.footer-col-md-7{grid-column:span 7;}.footer-col-md-8{grid-column:span 8;}.footer-col-md-9{grid-column:span 9;}.footer-col-md-10{grid-column:span 10;}.footer-col-md-11{grid-column:span 11;}.footer-col-md-12{grid-column:span 12;}}@media (min-width:1081px){.footer-col-lg-1{grid-column:span 1;}.footer-col-lg-2{grid-column:span 2;}.footer-col-lg-3{grid-column:span 3;}.footer-col-lg-4{grid-column:span 4;}.footer-col-lg-5{grid-column:span 5;}.footer-col-lg-6{grid-column:span 6;}.footer-col-lg-7{grid-column:span 7;}.footer-col-lg-8{grid-column:span 8;}.footer-col-lg-9{grid-column:span 9;}.footer-col-lg-10{grid-column:span 10;}.footer-col-lg-11{grid-column:span 11;}.footer-col-lg-12{grid-column:span 12;}}@media (hover:hover){.btn:hover{transform:translateY(-2px);}.btn-primary:hover{background:var(--primary-dark);}.nav-link:hover{background:rgba(0, 128, 96, 0.08); color:var(--primary);}.mega-menu-item:hover{border-color:rgba(0, 128, 96, 0.26); background:#fff; transform:translateY(-2px);}.footer-links a:hover{color:#ffffff; transform:translateX(3px);}.footer-contact a:hover{color:#ffffff;}.footer-social a:hover{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*, *::before, *::after{animation:none !important; transition:none !important;}}@media (max-width:1080px){.article-hero::before{content:none;}.about-hero-inner, .contact-hero-inner, .hero-content, .two-column, .two-column.reverse, .cta-box{grid-template-columns:1fr;}.about-focus .two-column.reverse{display:flex; flex-direction:column;}.about-focus-copy{order:1;}.about-focus-visual{order:2;}.about-focus-copy .section-heading{text-align:center;}.about-focus-copy .section-heading p, .about-focus-copy .section-heading h2{margin-left:auto; margin-right:auto;}.hero-text{text-align:center;}.about-hero-copy{text-align:center;}.contact-hero-copy{text-align:center;}.about-hero-copy h1, .about-hero-copy p, .contact-hero-copy h1, .contact-hero-copy p{margin-left:auto; margin-right:auto; max-width:100%;}.hero-text h1{margin-left:auto; margin-right:auto;}.hero-text p{margin-left:auto; margin-right:auto;}.hero-actions{justify-content:center;}.solution-layout{grid-template-columns:1fr; grid-template-areas:"intro" "body" "visual" "features"; gap:1.25rem;}.solution-intro{margin-bottom:0;}.trust-grid, .card-grid.three, .blog-grid, .article-feature-grid, .advantages-grid, .steps-grid, .process-list, .card-grid.four{grid-template-columns:repeat(2, minmax(0, 1fr));}.article-hero-inner, .article-layout{grid-template-columns:1fr;}.about-values-grid, .about-hero-grid, .contact-highlight-list, .contact-form-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.article-related-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.article-hero-inner{gap:1.5rem; justify-items:center; text-align:center;}.article-hero-copy{width:100%;}.article-sidebar{position:static; order:-1;}.article-title.article-title-small{max-width:52ch; font-size:1rem;}.article-title{max-width:24ch; margin-left:auto; margin-right:auto;}.article-summary, .article-meta-row{justify-content:center;}.article-hero-media{max-width:100%;}.article-hero-media img{width:100%; max-width:min(100%, 560px); height:auto;}.cta-actions{justify-content:center;}.portfolio .card-grid.three{padding-bottom:0;}.portfolio-card:nth-child(4n + 2), .portfolio-card:nth-child(4n + 3), .portfolio-card:nth-child(4n){transform:none;}.navbar{padding-top:0.7rem;}.navbar-inner{display:grid; grid-template-columns:1fr auto; align-items:center; padding:0.55rem 0.75rem;}.brand{text-align:left;}.brand img{height:27px; max-width:min(160px, 54vw);}.menu-button{display:inline-flex; width:42px; height:42px;}.nav-actions{display:none; width:100%; grid-column:1 / -1; grid-template-columns:1fr; gap:0.55rem; margin-top:0.8rem; padding:0.85rem; border:1px solid rgba(255, 255, 255, 0.72); border-radius:12px; background:rgba(255, 255, 255, 0.58); box-shadow:0 16px 40px rgba(0, 45, 34, 0.12); -webkit-backdrop-filter:blur(18px) saturate(155%); backdrop-filter:blur(18px) saturate(155%); max-height:calc(100dvh - 6.5rem); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;}.nav-link{display:flex; align-items:center; justify-content:center; min-height:46px; text-align:center; padding:0.8rem 0.75rem; border-radius:8px; border:1px solid rgba(0, 128, 96, 0.12); background:rgba(255, 255, 255, 0.66);}.nav-dropdown{width:100%;}.nav-dropdown summary{width:100%;}.mega-menu{position:static; display:grid; grid-template-columns:1fr; width:100%; margin-top:0.55rem; padding:0.75rem; border-radius:14px; box-shadow:none; transform:none;}.mega-menu-intro{padding:0.95rem; border-radius:8px;}.mega-menu-grid{grid-template-columns:1fr;}.mega-menu-item{min-height:auto; padding:0.9rem; border-radius:8px;}.menu-toggle:checked + .menu-button + .nav-actions{display:grid;}.menu-toggle:checked + .menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg);}.menu-toggle:checked + .menu-button span:nth-child(2){opacity:0;}.menu-toggle:checked + .menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}}@media (max-width:760px){.section{padding:4rem 0;}.article-layout{gap:1.25rem;}.process{background:linear-gradient(180deg, #eef8f4 0%, #f7fcfa 100%);}.footer{padding:2.6rem 0 2.2rem;}.footer-content{gap:1.25rem 1rem;}.footer-column{padding-top:0.35rem;}.footer-title{margin-bottom:0.8rem;}.footer-social-title{margin-top:1rem; margin-bottom:0.55rem;}.footer-social{gap:0.15rem;}.footer-social a{width:34px; height:34px;}.icon_footer{width:18px; height:18px;}.footer-bottom{margin-top:1.6rem; padding-top:1rem; text-align:center;}.card-grid.three, .blog-grid, .article-feature-grid, .steps-grid, .list-grid, .process-list, .card-grid.four, .contact-form-grid, .contact-highlight-list{grid-template-columns:1fr;}.portfolio .card-grid.three{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0.85rem;}.portfolio .card-grid.three.portfolio-grid{grid-template-columns:1fr; gap:1.25rem;}.portfolio-grid .portfolio-card{transform:none;}.article-hero{padding-bottom:1.25rem;}.article-hero-inner{gap:1.25rem; padding-top:7rem;}.article-hero-media{width:100%; max-width:100%; padding:0.1rem;}.article-title.article-title-small{max-width:52ch; font-size:0.95rem;}.article-title{max-width:24ch; font-size:clamp(2rem, 8vw, 3rem);}.article-summary, .article-prose p, .article-prose li{font-size:0.98rem;}.article-sidecard, .article-prose{padding:1rem;}.testimonials .card-grid.three{grid-template-columns:1fr; gap:0.85rem;}.testimonial-card::before{top:0.45rem; right:0.65rem; bottom:auto; left:auto; width:calc(100% - 1.3rem); height:56px; background-position:right top;}.trust-grid{position:relative; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0.85rem 1rem;}.trust-grid::before, .trust-grid::after{content:""; position:absolute; background:rgba(0, 128, 96, 0.2); pointer-events:none;}.trust-grid::before{top:50%; left:0; width:100%; height:1px; transform:translateY(-50%);}.trust-grid::after{top:0; left:50%; width:1px; height:100%; transform:translateX(-50%);}.hero-content{width:min(var(--container), calc(100% - 1.6rem)); gap:1.15rem; padding:7.4rem 1rem 1.2rem; border-radius:28px; background:#008060; box-shadow:0 18px 48px rgba(0, 128, 96, 0.08);}.about-hero{padding:7.2rem 0 2rem;}.about-hero-grid, .about-values-grid{grid-template-columns:1fr;}.about-hero-card, .about-story-card, .about-value-card, .about-focus-panel, .about-focus-card, .process-card{border-radius:18px;}.stat-card:not(:last-child)::after{display:none;}.stat-card{padding:0.7rem 0.45rem;}.problem-solution .list-grid{position:relative; gap:0; counter-reset:problem-point; padding-left:0.25rem;}.problem-solution .list-grid::before{content:""; position:absolute; top:0.3rem; bottom:0.3rem; left:1rem; width:1px; background:rgba(0, 128, 96, 0.18);}.problem-solution .info-card{position:relative; padding:0 0 1.35rem 2.75rem; border:0; border-radius:0; background:transparent; box-shadow:none; counter-increment:problem-point;}.problem-solution .info-card:last-child{padding-bottom:0;}.problem-solution .info-card::before{content:counter(problem-point); position:absolute; top:0; left:0; z-index:1; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--primary); color:#fff; font-size:0.88rem; font-weight:800; line-height:1;}.problem-solution .info-card h3{margin-bottom:0.35rem; font-size:1.05rem;}.problem-solution .info-card p{font-size:0.98rem; line-height:1.65;}.advantages-grid{grid-template-columns:1fr; gap:0.85rem;}.advantage-item{grid-template-columns:auto 1fr; align-items:start; gap:0.85rem; padding:1rem 1rem 1rem 0.9rem; border-radius:8px; box-shadow:0 6px 16px rgba(15, 23, 42, 0.045), 0 1px 2px rgba(15, 23, 42, 0.035);}.advantage-item::after{top:1rem; right:auto; bottom:auto; left:0; width:3px; height:calc(100% - 2rem); background:var(--primary);}.advantage-icon{width:48px; height:48px;}.advantage-icon svg{width:38px; height:38px;}.advantage-item h3{margin-bottom:0.25rem; font-size:1.04rem;}.advantage-item p{font-size:0.96rem; line-height:1.58;}.services .card-grid.three{position:relative; gap:0; counter-reset:service-step; padding-left:0.15rem;}.services .card-grid.three::before{content:""; position:absolute; top:0.35rem; bottom:0.35rem; left:1.1rem; width:1px; background:rgba(0, 128, 96, 0.22);}.services .service-card{position:relative; padding:0 0 1.7rem 3.05rem; border:0; border-radius:0; background:transparent; box-shadow:none; counter-increment:service-step;}.services .service-card:last-child{padding-bottom:0;}.services .service-card::before{content:"0" counter(service-step); position:absolute; top:0; left:0; z-index:1; display:grid; place-items:center; width:2.25rem; height:2.25rem; border:1px solid rgba(255, 255, 255, 0.75); border-radius:8px; background:var(--primary); color:#fff; box-shadow:0 12px 26px rgba(0, 128, 96, 0.18); font-size:0.82rem; font-weight:800; line-height:1;}.services .service-card h3{margin-bottom:0.45rem; font-size:1.12rem;}.services .service-card>p:not(.service-note){margin-bottom:0.85rem; font-size:0.98rem; line-height:1.66;}.services .service-note{padding:0.75rem 0.85rem; border-left-width:3px; border-radius:0 8px 8px 0; background:rgba(255, 255, 255, 0.78); box-shadow:0 10px 28px rgba(0, 128, 96, 0.08); font-size:0.92rem;}.hero-text, .hero-visual, .hero-card{width:100%;}.hero-text{padding:0.35rem 0.1rem 0;}.hero-text p{margin-bottom:1.2rem; font-size:1.04rem; line-height:1.7;}.hero-actions{gap:0.75rem; margin-bottom:0;}.hero-visual{padding-top:0.25rem;}.hero-illustration{width:min(100%, 420px); max-height:42vh;}.hero-card{padding-top:0.25rem;}.mockup-card{padding:0.85rem; border-radius:22px;}.mockup-info{padding:1rem 0.2rem 0.1rem;}.hero-text h1{font-size:clamp(1.75rem, 7vw, 2.35rem); max-width:100%;}.section-heading h2, .cta-box h2{font-size:clamp(1.55rem, 6vw, 2.15rem);}.btn, .hero-actions .btn, .cta-actions .btn{width:100%;}.cta-box{padding:1.5rem; border-radius:24px;}}@media (max-width:520px){.container{width:min(var(--container), calc(100% - 2.2rem));}.problem-solution .container, .cta .container{width:min(var(--container), calc(100% - 2.8rem));}.hero-content{width:min(var(--container), calc(100% - 1.4rem)); padding:7rem 0.9rem 1rem; border-radius:24px;}.contact-highlight-card, .contact-form-shell{padding:1.15rem; border-radius:20px;}.hero-text{padding:0.15rem 0 0;}.hero-illustration{width:min(100%, 340px); max-height:36vh;}.article-hero-inner{padding-top:6.75rem;}.article-meta-row span{width:auto; flex:0 1 auto; justify-content:center;}.info-card, .blog-card, .portfolio-card, .step-card, .testimonial-card, .price-card{padding:1.2rem;}.advantage-item{padding-right:0.85rem;}.testimonial-card{padding-top:2.35rem;}.portfolio .portfolio-card{padding:0;}.blog-card{padding:0;}.blog-card>div{padding:1rem 1rem 1.1rem;}.services .service-card{padding:0 0 1.55rem 2.85rem;}.process-list li{padding-top:5rem;}.process-list li::before{top:1.2rem; left:1.2rem;}}.appweb-hero{padding-bottom:4rem; background:radial-gradient( circle at top right, rgba(15, 23, 42, 0.08), transparent 26% ), linear-gradient(180deg, #f5fbfa 0%, #ffffff 100%);}.appweb-hero-content{max-width:var(--container);}.appweb-hero-grid{display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 0.95fr); gap:2rem; align-items:center;}.appweb-hero-copy h1{margin-bottom:1rem; font-size:clamp(2rem, 3.2vw, 3rem); line-height:1.1; color:var(--accent); max-width:14ch;}.appweb-hero-copy p{max-width:620px; margin:0 0 1.5rem; color:var(--muted); font-size:1.05rem;}.appweb-hero-actions{display:flex; flex-wrap:wrap; gap:0.9rem;}.appweb-hero-actions .cta-subtext{width:100%; margin:0.15rem 0 0; color:var(--muted); font-size:0.82rem; line-height:1.5;}.appweb-eyebrow{margin-bottom:1rem;}.appweb-hero-panel{padding:1.5rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:28px; background:linear-gradient( 180deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 248, 244, 0.92) 100% ); box-shadow:0 24px 55px rgba(15, 23, 42, 0.07);}.appweb-hero-panel h2{margin-bottom:1rem; font-size:clamp(1.45rem, 2.4vw, 2.05rem); line-height:1.16;}.appweb-hero-gallery{display:grid; grid-template-columns:minmax(0, 1fr); gap:0; margin-bottom:1rem;}.appweb-hero-gallery img{display:block; width:100%; height:auto; object-fit:contain; border-radius:0; box-shadow:none;}.appweb-proof-list{display:grid; gap:0.95rem;}.appweb-proof-list article{padding:1rem 1rem 1rem 1.05rem; border-left:4px solid var(--primary); border-radius:0 14px 14px 0; background:rgba(255, 255, 255, 0.72);}.appweb-proof-list p{margin:0.45rem 0 0;}.appweb-summary{padding:1.5rem 0; border-top:1px solid rgba(15, 23, 42, 0.05); border-bottom:1px solid rgba(15, 23, 42, 0.05); background:linear-gradient(180deg, #ffffff 0%, #f9fcfb 100%);}.appweb-summary-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem;}.appweb-summary-card{display:flex; flex-direction:column; gap:0.7rem; padding:1.1rem 1.15rem; border:1px solid rgba(15, 23, 42, 0.06); border-radius:20px; background:rgba(255, 255, 255, 0.96); box-shadow:0 16px 40px rgba(15, 23, 42, 0.05);}.appweb-summary-card .card-status{display:inline-flex; align-items:center; width:fit-content; padding:0.38rem 0.72rem; border-radius:999px; background:rgba(0, 128, 96, 0.08); color:var(--primary-dark); font-size:0.76rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase;}.appweb-summary-card strong{display:block; margin-bottom:0.35rem; color:var(--accent);}.appweb-summary-card p{margin:0; color:var(--muted); line-height:1.65;}.appweb-painpoints{background:linear-gradient(180deg, #f8fbfa 0%, #ffffff 100%);}.appweb-two-column{display:grid; grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr); gap:2rem; align-items:start;}.appweb-points{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.appweb-point-card, .appweb-module-card, .appweb-process-card{padding:1.25rem; border:1px solid rgba(15, 23, 42, 0.06); border-radius:22px; background:rgba(255, 255, 255, 0.96); box-shadow:0 18px 40px rgba(15, 23, 42, 0.05);}.appweb-point-card h3, .appweb-module-card strong, .appweb-process-card strong{color:var(--accent);}.appweb-point-card p, .appweb-module-card p, .appweb-process-card p{margin-bottom:0; color:var(--muted);}.appweb-solutions{background:radial-gradient( circle at top left, rgba(0, 128, 96, 0.08), transparent 24% ), linear-gradient(180deg, #ffffff 0%, #f3faf7 100%);}.appweb-solution-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.1rem;}.appweb-solution-card{display:flex; flex-direction:column; gap:0.9rem; min-height:100%; padding:1.35rem; border:1px solid rgba(0, 128, 96, 0.1); border-radius:24px; background:rgba(255, 255, 255, 0.96); box-shadow:0 20px 50px rgba(15, 23, 42, 0.06);}.appweb-solution-card.featured{background:linear-gradient(180deg, #ffffff 0%, #eef8f4 100%); border-color:rgba(0, 128, 96, 0.22);}.appweb-solution-number{display:inline-grid; place-items:center; width:3rem; height:3rem; border-radius:16px; background:var(--primary-soft); color:var(--primary-dark); font-weight:800;}.appweb-solution-card h3{margin-bottom:0;}.appweb-solution-card p{margin:0; color:var(--muted); line-height:1.7;}.appweb-modules{background:#fff;}.appweb-module-layout{display:grid; grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr); gap:2rem; align-items:start;}.appweb-module-copy h2{margin-bottom:0.85rem;}.appweb-module-copy p{margin:0; color:var(--muted); line-height:1.72;}.appweb-module-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.appweb-showcase{background:radial-gradient( circle at right top, rgba(15, 23, 42, 0.06), transparent 24% ), linear-gradient(180deg, #f8fbfa 0%, #ffffff 100%);}.appweb-showcase-grid{display:grid; grid-template-columns:minmax(0, 1.15fr) repeat(2, minmax(0, 0.85fr)); gap:1.25rem;}.appweb-shot, .appweb-mini-shot{overflow:hidden; border:1px solid rgba(15, 23, 42, 0.06); border-radius:24px; background:rgba(255, 255, 255, 0.96); box-shadow:0 20px 50px rgba(15, 23, 42, 0.06);}.appweb-shot-large{grid-row:span 2;}.appweb-shot img, .appweb-mini-shot img{width:100%; height:auto; display:block; object-fit:cover;}.appweb-shot img{aspect-ratio:12 / 8;}.appweb-mini-gallery{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; margin-top:1.25rem;}.appweb-mini-shot img{aspect-ratio:19 / 13;}.appweb-process{background:#fff;}.appweb-process-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem;}.appweb-process-card{display:flex; flex-direction:column; gap:0.9rem; min-height:100%;}.appweb-process-card h3{margin-bottom:0;}.appweb-process-card p{margin-bottom:0;}.appweb-process-card .process-step{display:inline-flex; align-items:center; justify-content:center; width:fit-content; min-width:5.9rem; height:2.3rem; padding:0 0.9rem; border-radius:999px; background:linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% ); box-shadow:0 14px 30px rgba(0, 128, 96, 0.18); color:#ffffff; font-size:0.82rem; font-weight:800; letter-spacing:0.04em; text-transform:uppercase;}.appweb-faq{background:linear-gradient(180deg, #ffffff 0%, #f5fbfa 100%);}.appweb-faq-list{max-width:900px; margin:0 auto;}.appweb-cta{background-color:#fff;}@media (max-width:960px){.appweb-hero-grid, .appweb-two-column, .appweb-module-layout{grid-template-columns:1fr;}.appweb-summary-grid, .appweb-solution-grid, .appweb-process-grid, .appweb-mini-gallery, .appweb-points, .appweb-module-grid, .appweb-showcase-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.appweb-shot-large{grid-column:1 / -1; grid-row:auto;}.appweb-hero-copy h1, .appweb-hero-copy p{max-width:100%;}}@media (max-width:640px){.appweb-hero .container, .appweb-summary .container, .appweb-painpoints .container, .appweb-solutions .container, .appweb-modules .container, .appweb-showcase .container, .appweb-process .container, .appweb-faq .container{width:min(var(--container), calc(100% - 1rem));}.appweb-summary-grid, .appweb-solution-grid, .appweb-process-grid, .appweb-mini-gallery, .appweb-points, .appweb-module-grid, .appweb-showcase-grid, .appweb-hero-gallery{grid-template-columns:1fr;}.appweb-hero{padding-bottom:2.5rem;}.appweb-hero-grid{gap:1rem;}.appweb-hero-copy h1{font-size:clamp(1.9rem, 7vw, 2.5rem); max-width:100%;}.appweb-hero-copy p{font-size:1rem;}.appweb-hero-actions .btn{width:100%;}.appweb-process .section-heading.center, .appweb-showcase .section-heading.center, .appweb-faq .section-heading.center{max-width:100%; margin-left:auto; margin-right:auto;}.appweb-hero-panel, .appweb-summary-card, .appweb-point-card, .appweb-solution-card, .appweb-module-card, .appweb-shot, .appweb-mini-shot, .appweb-process-card{border-radius:18px;}.appweb-point-card, .appweb-solution-card, .appweb-module-card, .appweb-process-card{padding:1rem;}.appweb-hero-panel{padding:1.2rem; border-radius:22px;}.appweb-cta .container, .appweb-cta.cta .container{width:min(var(--container), calc(100% - 1rem));}}.syscustom-hero{padding-bottom:4rem; background:radial-gradient( circle at top left, rgba(15, 23, 42, 0.08), transparent 28% ), linear-gradient(180deg, #f7fbfa 0%, #ffffff 100%);}.syscustom-hero-content{max-width:var(--container);}.syscustom-hero-grid{display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 0.96fr); gap:2rem; align-items:center;}.syscustom-copy h1{margin-bottom:1rem; color:var(--accent); font-size:clamp(2rem, 3.2vw, 3rem); line-height:1.08; max-width:15ch;}.syscustom-copy p{max-width:640px; margin:0 0 1.5rem; color:var(--muted); font-size:1.05rem;}.syscustom-actions{display:flex; flex-wrap:wrap; gap:0.9rem;}.syscustom-eyebrow{margin-bottom:1rem;}.syscustom-hero-panel{padding:1.5rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:28px; background:linear-gradient( 180deg, rgba(255, 255, 255, 0.98) 0%, rgba(238, 248, 244, 0.92) 100% ); box-shadow:0 24px 55px rgba(15, 23, 42, 0.07);}.syscustom-hero-panel h2{margin-bottom:1rem; font-size:clamp(1.45rem, 2.4vw, 2.05rem); line-height:1.16;}.syscustom-hero-gallery{display:grid; grid-template-columns:minmax(0, 1fr); gap:0; margin-bottom:1rem;}.syscustom-hero-gallery img{display:block; width:100%; height:auto; object-fit:contain; border-radius:0; box-shadow:none;}.syscustom-proof-list{display:grid; gap:0.95rem;}.syscustom-proof-list article{padding:1rem 1rem 1rem 1.05rem; border-left:4px solid var(--primary); border-radius:0 14px 14px 0; background:rgba(255, 255, 255, 0.72);}.syscustom-proof-list p{margin:0.45rem 0 0;}.syscustom-summary{padding:1.5rem 0; border-top:1px solid rgba(15, 23, 42, 0.05); border-bottom:1px solid rgba(15, 23, 42, 0.05); background:linear-gradient(180deg, #ffffff 0%, #f9fcfb 100%);}.syscustom-summary-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem;}.syscustom-summary-card, .syscustom-context-card, .syscustom-module-card, .syscustom-adv-card, .syscustom-process-card{padding:1.15rem 1.2rem; border:1px solid rgba(15, 23, 42, 0.06); border-radius:22px; background:rgba(255, 255, 255, 0.96); box-shadow:0 18px 42px rgba(15, 23, 42, 0.05);}.syscustom-summary-card strong, .syscustom-module-card strong, .syscustom-adv-card strong{display:block; margin-bottom:0.35rem; color:var(--accent);}.syscustom-summary-card p, .syscustom-context-card p, .syscustom-module-card p, .syscustom-adv-card p, .syscustom-process-card p{margin:0; color:var(--muted); line-height:1.68;}.syscustom-context{background:linear-gradient(180deg, #f8fbfa 0%, #ffffff 100%);}.syscustom-context-grid, .syscustom-module-layout{display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr); gap:2rem; align-items:start;}.syscustom-module-copy{align-self:center;}.syscustom-context-list, .syscustom-module-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.syscustom-context-card h3, .syscustom-process-card h3{color:var(--accent);}.syscustom-context-card p{margin-bottom:0;}.syscustom-architecture{background:radial-gradient( circle at top right, rgba(0, 128, 96, 0.08), transparent 24% ), linear-gradient(180deg, #ffffff 0%, #eef8f4 100%);}.syscustom-architecture-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.1rem;}.syscustom-arch-card{display:flex; flex-direction:column; gap:0.9rem; min-height:100%; padding:1.35rem; border:1px solid rgba(0, 128, 96, 0.12); border-radius:24px; background:rgba(255, 255, 255, 0.96); box-shadow:0 22px 50px rgba(15, 23, 42, 0.06);}.syscustom-arch-card.featured{background:linear-gradient(180deg, #ffffff 0%, #eef8f4 100%); border-color:rgba(0, 128, 96, 0.22);}.syscustom-arch-mark, .syscustom-process-badge{display:inline-grid; place-items:center; width:3.15rem; height:3.15rem; border-radius:18px; background:linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% ); box-shadow:0 14px 30px rgba(0, 128, 96, 0.18); color:#fff; font-weight:800;}.syscustom-arch-card h3{margin-bottom:0;}.syscustom-arch-card p{margin:0; color:var(--muted); line-height:1.7;}.syscustom-modules{background:#fff;}.syscustom-showcase{background:radial-gradient( circle at left top, rgba(15, 23, 42, 0.06), transparent 24% ), linear-gradient(180deg, #f8fbfa 0%, #ffffff 100%);}.syscustom-showcase-grid{display:grid; grid-template-columns:minmax(0, 1.15fr) repeat(2, minmax(0, 0.85fr)); gap:1.25rem;}.syscustom-screen, .syscustom-gallery-card{overflow:hidden; border:1px solid rgba(15, 23, 42, 0.06); border-radius:24px; background:rgba(255, 255, 255, 0.96); box-shadow:0 20px 50px rgba(15, 23, 42, 0.06);}.syscustom-screen-primary{grid-row:span 2;}.syscustom-screen img, .syscustom-gallery-card img{width:100%; height:auto; display:block; object-fit:cover;}.syscustom-screen img{aspect-ratio:12 / 8;}.syscustom-gallery-strip{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; margin-top:1.25rem;}.syscustom-gallery-card img{aspect-ratio:19 / 13;}.syscustom-advantages{background:#fff;}.syscustom-adv-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem;}.syscustom-process-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.syscustom-process{background:linear-gradient(180deg, #ffffff 0%, #f4faf8 100%);}.syscustom-process-card{display:flex; flex-direction:column; gap:0.9rem;}.syscustom-process-card h3{margin-bottom:0;}.syscustom-faq{background:linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);}.syscustom-faq-list{max-width:900px; margin:0 auto;}.syscustom-cta{background-color:#fff;}.career-hero{overflow:hidden;}.career-hero-grid{display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(320px, 0.95fr); gap:1.5rem; align-items:center;}.career-copy p{max-width:62ch;}.career-actions{margin-top:2rem;}.career-proof{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0.9rem; margin-top:1.75rem;}.career-proof-item, .career-highlight-card, .career-benefit-card, .career-opening-card, .career-process-card{border:1px solid rgba(15, 23, 42, 0.08); border-radius:24px; background:rgba(255, 255, 255, 0.94); box-shadow:0 18px 42px rgba(15, 23, 42, 0.06);}.career-proof-item{padding:1rem 1.05rem;}.career-proof-item strong, .career-benefit-card strong{display:block; margin-bottom:0.3rem; color:var(--accent);}.career-proof-item span{color:var(--muted); font-size:0.95rem; line-height:1.6;}.career-highlight{padding:2rem; border:1px solid rgba(255, 255, 255, 0.34); border-radius:32px; background:radial-gradient( circle at top right, rgba(255, 255, 255, 0.3), transparent 32% ), linear-gradient(135deg, #0f766e 0%, #0b5d50 100%); box-shadow:0 28px 60px rgba(9, 86, 73, 0.26); color:#fff;}.career-panel-label{display:inline-flex; margin-bottom:1rem; padding:0.45rem 0.9rem; border-radius:999px; background:rgba(255, 255, 255, 0.14); font-size:0.82rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;}.career-highlight h2{font-size:clamp(1.7rem, 3vw, 2.4rem); line-height:1.12;}.career-highlight p{color:rgba(255, 255, 255, 0.86);}.career-highlight-list{display:grid; gap:0.85rem; margin-top:1.4rem;}.career-highlight-card{padding:1.05rem 1.1rem; border-color:rgba(255, 255, 255, 0.12); background:rgba(255, 255, 255, 0.09); box-shadow:none;}.career-highlight-card strong{display:block; margin-bottom:0.35rem;}.career-highlight-card p{margin-bottom:0; color:rgba(255, 255, 255, 0.78);}.career-values, .career-openings, .career-cta{background:#fff;}.career-benefits{background:radial-gradient( circle at left top, rgba(0, 128, 96, 0.08), transparent 24% ), linear-gradient(180deg, #f7fcfa 0%, #eef8f4 100%);}.career-benefits-layout{display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr); gap:1.25rem; align-items:start;}.career-benefit-grid, .career-opening-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem;}.career-benefit-card, .career-opening-card, .career-process-card{padding:1.4rem;}.career-benefit-card p, .career-opening-card p, .career-process-card p{margin-bottom:0; color:var(--muted);}.career-opening-head{display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:0.9rem;}.career-opening-head h3{margin-bottom:0;}.career-opening-head span{display:inline-flex; flex-shrink:0; padding:0.4rem 0.8rem; border-radius:999px; background:var(--primary-soft); color:var(--primary-dark); font-size:0.82rem; font-weight:700;}.career-list{margin:1rem 0 0; padding-left:1.1rem; color:var(--muted);}.career-list li + li{margin-top:0.55rem;}.career-process{background:radial-gradient( circle at right top, rgba(15, 23, 42, 0.06), transparent 24% ), linear-gradient(180deg, #f8fbfa 0%, #ffffff 100%);}.career-process-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem;}.career-process-card span{display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; margin-bottom:1rem; border-radius:18px; background:linear-gradient( 135deg, var(--primary) 0%, var(--primary-dark) 100% ); color:#fff; font-size:1rem; font-weight:800;}.career-process-card h3{margin-bottom:0.6rem;}@media (max-width:960px){.syscustom-hero-grid, .syscustom-context-grid, .syscustom-module-layout{grid-template-columns:1fr;}.syscustom-summary-grid, .syscustom-context-list, .syscustom-architecture-grid, .syscustom-module-grid, .syscustom-showcase-grid, .syscustom-gallery-strip, .syscustom-adv-grid, .syscustom-process-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.syscustom-screen-primary{grid-column:1 / -1; grid-row:auto;}.syscustom-copy h1, .syscustom-copy p{max-width:100%;}.career-hero-grid, .career-benefits-layout, .career-process-grid{grid-template-columns:1fr;}.career-proof, .career-benefit-grid, .career-opening-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width:640px){.syscustom-hero .container, .syscustom-summary .container, .syscustom-context .container, .syscustom-architecture .container, .syscustom-modules .container, .syscustom-showcase .container, .syscustom-advantages .container, .syscustom-process .container, .syscustom-faq .container{width:min(var(--container), calc(100% - 1rem));}.syscustom-summary-grid, .syscustom-context-list, .syscustom-architecture-grid, .syscustom-module-grid, .syscustom-showcase-grid, .syscustom-gallery-strip, .syscustom-adv-grid, .syscustom-process-grid, .syscustom-hero-gallery{grid-template-columns:1fr;}.syscustom-hero{padding-bottom:2.5rem;}.syscustom-hero-grid{gap:1rem;}.syscustom-copy h1{font-size:clamp(1.9rem, 7vw, 2.45rem); max-width:100%;}.syscustom-copy p{font-size:1rem;}.syscustom-actions .btn{width:100%;}.syscustom-hero-panel, .syscustom-summary-card, .syscustom-context-card, .syscustom-module-card, .syscustom-adv-card, .syscustom-process-card, .syscustom-arch-card, .syscustom-screen, .syscustom-gallery-card{border-radius:18px;}.syscustom-context-card, .syscustom-module-card, .syscustom-adv-card, .syscustom-process-card, .syscustom-arch-card{padding:1rem;}.syscustom-hero-panel{padding:1.2rem; border-radius:22px;}.career-hero-grid, .career-proof, .career-benefit-grid, .career-opening-grid, .career-process-grid{grid-template-columns:1fr;}.career-highlight, .career-benefit-card, .career-opening-card, .career-process-card, .career-proof-item{border-radius:20px;}.career-highlight{padding:1.35rem;}.career-opening-head{flex-direction:column; align-items:flex-start;}.career-actions .btn, .career-cta .cta-actions .btn{width:100%;}}