/*
Theme Name: FINRATA Refined One Page
Theme URI: https://www.finrata.lt/
Author: OpenAI
Description: Subtili, moderni vieno puslapio WordPress tema UAB FINRATA buhalterinės apskaitos paslaugoms Klaipėdoje. Turinį galima redaguoti per FINRATA meniu nekeičiant dizaino.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: finrata
*/

:root{
  --fin-green:#52b788;
  --fin-green-dark:#2f8f67;
  --fin-green-soft:#edf7f1;
  --fin-ink:#172019;
  --fin-text:#465149;
  --fin-muted:#77827b;
  --fin-line:#e1e8e3;
  --fin-bg:#f7f9f7;
  --fin-white:#fff;
  --fin-radius:22px;
  --fin-shadow:0 16px 46px rgba(23,32,25,.07);
  --fin-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fin-bg);color:var(--fin-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea{font:inherit}

.fin-container{width:min(calc(100% - 40px),var(--fin-max));margin-inline:auto}
.fin-section{padding:88px 0;scroll-margin-top:94px}
.fin-section--white{background:var(--fin-white)}
.fin-section--soft{background:var(--fin-green-soft)}
.fin-eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.73rem;color:var(--fin-green-dark);margin-bottom:16px}
.fin-eyebrow:before{content:"";width:24px;height:2px;background:var(--fin-green);border-radius:5px}
.fin-eyebrow--light{color:#9ce1bd}.fin-eyebrow--light:before{background:#7fd8aa}
.fin-section-title{font-size:clamp(2rem,3.35vw,3.1rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 20px;max-width:800px;font-weight:750}
.fin-section-lead{font-size:clamp(1rem,1.3vw,1.12rem);color:var(--fin-text);max-width:720px;margin:0}
.fin-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}

.fin-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:.94rem;transition:.22s ease;cursor:pointer}
.fin-btn--primary{background:var(--fin-green);color:#102319;box-shadow:0 10px 24px rgba(82,183,136,.18)}
.fin-btn--primary:hover{transform:translateY(-2px);filter:brightness(1.03)}
.fin-btn--ghost{background:transparent;border-color:#ccd8d0;color:var(--fin-ink)}
.fin-btn--ghost:hover{border-color:var(--fin-green);background:var(--fin-green-soft)}
.fin-btn--light{background:#fff;color:var(--fin-ink)}
.fin-btn--light:hover{transform:translateY(-2px)}
.fin-arrow{font-size:1.1em;transition:transform .2s ease}.fin-btn:hover .fin-arrow{transform:translateX(3px)}

/* Header */
.fin-header{position:sticky;top:0;z-index:1000;background:rgba(247,249,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,232,227,.85)}
.fin-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.fin-brand{display:flex;align-items:center;gap:14px;min-width:max-content}
.fin-brand .custom-logo{max-height:46px;width:auto}
.fin-wordmark{display:flex;flex-direction:column;line-height:1}
.fin-wordmark strong{font-size:1.36rem;letter-spacing:-.04em}.fin-wordmark span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fin-muted);margin-top:6px}
.fin-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.9rem}
.fin-nav a:not(.fin-btn){position:relative;color:#3e4942}.fin-nav a:not(.fin-btn):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--fin-green);transition:.2s ease}.fin-nav a:not(.fin-btn):hover:after{width:100%}
.fin-mobile-toggle{display:none;border:0;background:var(--fin-white);width:44px;height:44px;border-radius:13px;box-shadow:0 5px 20px rgba(0,0,0,.05);cursor:pointer}.fin-mobile-toggle span{display:block;width:19px;height:2px;background:var(--fin-ink);margin:4px auto}

/* Hero */
.fin-hero{padding:72px 0 58px;overflow:hidden;position:relative}
.fin-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(82,183,136,.13),rgba(82,183,136,0) 68%);right:-230px;top:-250px;pointer-events:none}
.fin-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}
.fin-hero h1{font-size:clamp(3rem,5.2vw,4.9rem);line-height:.98;letter-spacing:-.065em;margin:0 0 26px;max-width:720px;font-weight:760}
.fin-hero h1 span{color:var(--fin-green-dark)}
.fin-hero-text{font-size:clamp(1.04rem,1.45vw,1.18rem);color:var(--fin-text);max-width:680px;margin:0 0 30px}
.fin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.fin-hero-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--fin-text);font-weight:700;font-size:.88rem}.fin-hero-meta span{display:flex;align-items:center;gap:8px}.fin-dot{width:7px;height:7px;border-radius:50%;background:var(--fin-green)}
.fin-hero-visual{margin:0;position:relative;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(23,32,25,.15);background:#eef4ef;aspect-ratio:4/3;border:1px solid #e1e9e3}
.fin-hero-visual img{width:100%;height:100%;object-fit:cover}
.fin-visual-badge{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);padding:15px 18px;border-radius:16px;box-shadow:0 12px 32px rgba(23,32,25,.12)}
.fin-visual-badge strong,.fin-visual-badge span{display:block}.fin-visual-badge strong{font-size:.97rem}.fin-visual-badge span{color:var(--fin-muted);font-size:.8rem;margin-top:3px}
.fin-trust{margin-top:58px;background:var(--fin-white);border:1px solid var(--fin-line);border-radius:20px;padding:16px 22px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 12px 36px rgba(23,32,25,.045)}
.fin-trust-item{padding:12px 20px;border-right:1px solid var(--fin-line)}.fin-trust-item:last-child{border-right:0}.fin-trust-item strong{display:block;font-size:1.12rem;letter-spacing:-.03em}.fin-trust-item span{display:block;color:var(--fin-muted);font-size:.82rem;margin-top:4px}

/* About */
.fin-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:center}.fin-split--visual{align-items:center}
.fin-about-visual-wrap{position:relative}.fin-about-visual{width:100%;aspect-ratio:7/5;object-fit:cover;border-radius:28px;border:1px solid var(--fin-line);box-shadow:var(--fin-shadow)}
.fin-about-note{position:absolute;right:-20px;bottom:-24px;background:#fff;border:1px solid #dfe8e2;border-radius:20px;padding:22px 24px;width:min(270px,72%);box-shadow:0 18px 45px rgba(23,32,25,.1)}
.fin-about-note .fin-eyebrow{margin-bottom:9px}.fin-about-note strong{display:block;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1;letter-spacing:-.06em;color:var(--fin-green-dark)}.fin-about-note p{font-size:.93rem;color:var(--fin-text);margin:10px 0 0}
.fin-copy p{font-size:1.03rem;color:var(--fin-text);margin:0 0 18px}
.fin-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.fin-value{border:1px solid var(--fin-line);background:#fff;border-radius:16px;padding:15px 16px;font-weight:800;font-size:.92rem}.fin-value span{color:var(--fin-green-dark);margin-right:8px}

/* Services */
.fin-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.fin-service{background:#fff;border:1px solid var(--fin-line);border-radius:20px;padding:24px;min-height:250px;transition:.23s ease}.fin-service:hover{transform:translateY(-3px);box-shadow:var(--fin-shadow);border-color:#d2e3d8}.fin-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--fin-green-soft);color:var(--fin-green-dark);font-weight:900;font-size:.82rem;margin-bottom:18px}.fin-service h3{font-size:1.18rem;letter-spacing:-.025em;margin:0 0 10px}.fin-service p{color:var(--fin-text);margin:0;font-size:.94rem}.fin-service ul{padding-left:17px;color:var(--fin-text);margin:13px 0 0;font-size:.9rem}.fin-service li{margin:5px 0}

/* Audience */
.fin-audience-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.fin-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.fin-tag{padding:11px 15px;background:#fff;border:1px solid #d7e4dc;border-radius:999px;font-weight:800;font-size:.88rem;color:#344139}

/* Why */
.fin-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.fin-why{padding:24px;border-radius:20px;background:#fff;border:1px solid #dce7df}.fin-why-num{font-size:.73rem;font-weight:900;color:var(--fin-green-dark);letter-spacing:.1em}.fin-why h3{font-size:1.12rem;margin:13px 0 8px}.fin-why p{margin:0;color:var(--fin-text);font-size:.92rem}

/* Switch accountant */
.fin-switch{background:var(--fin-ink);color:#fff;border-radius:28px;padding:48px;position:relative;overflow:hidden}.fin-switch:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(82,183,136,.13);right:-100px;bottom:-160px}.fin-switch .fin-eyebrow{color:#86dbae}.fin-switch .fin-section-title{max-width:720px}.fin-switch>p{color:#c8d3cc;max-width:740px;font-size:1rem}.fin-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}.fin-step{position:relative;z-index:2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px}.fin-step span{display:block;color:#79d7a9;font-weight:900;font-size:.75rem;letter-spacing:.1em}.fin-step strong{display:block;font-size:1rem;margin-top:12px}.fin-step p{font-size:.86rem;margin:6px 0 0;color:#b7c5bd}

/* Approach */
.fin-approach-grid{display:grid;grid-template-columns:.28fr 1fr;gap:48px;align-items:start}.fin-quote{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 26px;max-width:930px}.fin-quote em{font-style:normal;color:var(--fin-green-dark)}

/* Testimonials */
.fin-testimonial{margin-top:34px;background:#fff;border:1px solid var(--fin-line);border-radius:24px;padding:34px;max-width:800px;box-shadow:0 14px 38px rgba(23,32,25,.05)}.fin-testimonial blockquote{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.5;letter-spacing:-.02em;margin:0}.fin-testimonial footer{margin-top:18px;color:var(--fin-muted);font-weight:800;font-size:.9rem}

/* CTA */
.fin-cta{background:var(--fin-ink);border-radius:28px;padding:52px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.fin-cta h2{font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:800px;color:#fff}.fin-cta p{font-size:1rem;max-width:670px;color:#b9c7bf;margin:20px 0 0}.fin-cta .fin-btn{min-width:180px}

/* Contact */
.fin-contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:start}.fin-contact-card{background:var(--fin-ink);color:#fff;border-radius:26px;padding:34px}.fin-contact-card h3{font-size:1.7rem;letter-spacing:-.035em;margin:0 0 26px}.fin-contact-line{padding:16px 0;border-top:1px solid rgba(255,255,255,.11)}.fin-contact-line small{display:block;color:#9fb0a6;margin-bottom:4px}.fin-contact-line strong,.fin-contact-line a{font-size:1rem}.fin-contact-form{background:#fff;border:1px solid var(--fin-line);border-radius:26px;padding:32px}.fin-form-title{font-size:clamp(1.75rem,2.8vw,2.25rem);letter-spacing:-.04em;margin:0 0 22px}.fin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fin-field{display:flex;flex-direction:column;gap:7px}.fin-field--full{grid-column:1/-1}.fin-field label{font-weight:800;font-size:.86rem}.fin-field input,.fin-field textarea{width:100%;border:1px solid #d7e0da;border-radius:13px;background:#fbfcfb;padding:13px 14px;outline:none;transition:.2s}.fin-field input:focus,.fin-field textarea:focus{border-color:var(--fin-green);box-shadow:0 0 0 4px rgba(82,183,136,.11)}.fin-field textarea{min-height:135px;resize:vertical}.fin-form-note{color:var(--fin-muted);font-size:.78rem;margin:13px 0 0}.fin-alert{padding:13px 15px;border-radius:13px;margin-bottom:16px;font-weight:700}.fin-alert--success{background:#e6f6ec;color:#1f7049}.fin-alert--error{background:#fff0ef;color:#a13d38}.fin-hp{position:absolute!important;left:-9999px!important;opacity:0!important}

/* Footer */
.fin-footer{background:#101914;color:#b7c2bc;padding:34px 0}.fin-footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.fin-footer strong{color:#fff}.fin-footer-links{display:flex;gap:18px;flex-wrap:wrap}.fin-footer a:hover{color:#fff}

@media(max-width:980px){
  .fin-nav{position:fixed;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--fin-line);border-radius:22px;padding:20px;box-shadow:var(--fin-shadow);display:none;flex-direction:column;align-items:stretch;gap:9px}.fin-nav.is-open{display:flex}.fin-nav a{padding:9px 8px}.fin-mobile-toggle{display:block}
  .fin-hero-grid,.fin-split,.fin-contact-grid,.fin-section-head,.fin-audience-row,.fin-approach-grid{grid-template-columns:1fr}.fin-hero-grid{gap:42px}.fin-about-note{right:16px}.fin-services,.fin-why-grid{grid-template-columns:repeat(2,1fr)}.fin-steps{grid-template-columns:repeat(2,1fr)}.fin-trust{grid-template-columns:repeat(2,1fr)}.fin-trust-item:nth-child(2){border-right:0}.fin-trust-item:nth-child(-n+2){border-bottom:1px solid var(--fin-line)}.fin-cta{grid-template-columns:1fr;align-items:start}.fin-section-head,.fin-audience-row,.fin-approach-grid{gap:26px}
}
@media(max-width:640px){
  .fin-container{width:min(calc(100% - 28px),var(--fin-max))}.fin-section{padding:68px 0}.fin-header-inner{height:72px}.fin-nav{top:72px}
  .fin-hero{padding:54px 0 44px}.fin-hero h1{font-size:clamp(2.75rem,13vw,4rem)}.fin-hero-grid{gap:34px}.fin-hero-visual{border-radius:22px}.fin-visual-badge{left:14px;right:14px;bottom:14px}.fin-trust{grid-template-columns:1fr;padding:8px 18px;margin-top:40px}.fin-trust-item{border-right:0;border-bottom:1px solid var(--fin-line)!important;padding:15px 6px}.fin-trust-item:last-child{border-bottom:0!important}
  .fin-about-note{position:relative;right:auto;bottom:auto;margin:-28px 16px 0;width:auto}.fin-services,.fin-why-grid,.fin-steps,.fin-values{grid-template-columns:1fr}.fin-service{min-height:0}.fin-switch{padding:32px 22px;border-radius:24px}.fin-cta{padding:36px 24px;border-radius:24px}.fin-contact-card,.fin-contact-form{padding:24px;border-radius:22px}.fin-form-grid{grid-template-columns:1fr}.fin-field--full{grid-column:auto}.fin-footer-inner{flex-direction:column;align-items:flex-start}.fin-wordmark span{display:none}.fin-hero-meta{gap:10px 16px}.fin-section-title{font-size:clamp(1.9rem,9vw,2.55rem)}
}
