/* Putra Studio · SEO Landing Pages V6
   Uses the original Putra Studio design system; all page styles are scoped. */
.seo-page{background:#f7f6f2}
.seo-page .button{font-size:13px;gap:18px}
.seo-page .button-dark{background:#18271e}
.seo-page .section-kicker{color:#8b795d}
.seo-page .seo-breadcrumb{display:flex;align-items:center;gap:12px;padding-top:22px;padding-bottom:2px;font-size:12px;font-weight:650;color:#7d857b}
.seo-page .seo-breadcrumb a{color:#475748;transition:color .2s}
.seo-page .seo-breadcrumb a:hover{color:#aa8654;text-decoration:underline}
.seo-page .seo-breadcrumb span:last-child{color:#a17d4b}
.seo-hero{position:relative;background:radial-gradient(ellipse 58% 65% at 94% 17%,#eee9dc 0,transparent 85%),#f7f6f2;overflow:hidden}
.seo-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:65px;padding-bottom:78px}
.seo-hero-copy{min-width:0}
.seo-eyebrow{display:flex;align-items:center;gap:15px;font-weight:760;letter-spacing:.15em;font-size:11px;color:#697667;margin-bottom:27px}
.seo-eyebrow .signal-dot{width:8px;height:8px}
.seo-title{font-size:clamp(43px,5.1vw,77px);line-height:1.055;letter-spacing:-.065em;font-weight:680;margin:0;max-width:780px;color:#1d2820}
.seo-title em,.seo-section-header h2 em,.seo-faq-title h2 em,.seo-contact-copy h2 em{font-family:var(--serif);color:#a9824c;font-style:italic;font-weight:400;letter-spacing:-.035em}
.seo-lead{font-size:16px;color:#586659;line-height:1.84;max-width:560px;margin:26px 0 28px}
.seo-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.seo-primary-cta{box-shadow:0 16px 33px rgba(20,43,29,.10)}
.seo-trust{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#687567;margin-top:37px}
.seo-trust-mark{color:#bd965b;font-size:18px}
.seo-visual-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e3e2d9;border-radius:22px;box-shadow:0 27px 60px rgba(32,40,31,.075);transition:transform .4s var(--easing),box-shadow .4s var(--easing)}
.seo-visual-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px rgba(32,40,31,.115)}
.seo-visual-top,.seo-visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 21px}
.seo-visual-top{font-size:10px;letter-spacing:.16em;font-weight:780;color:#879081}
.seo-visual-art{background:linear-gradient(145deg,#ebeae3,#f3f1eb);display:grid;place-items:center;padding:11px 12px 4px;aspect-ratio:1.20;overflow:hidden}
.seo-visual-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 19px 18px rgba(30,34,27,.10));transition:transform .45s var(--easing)}
.seo-visual-art:hover img{transform:scale(1.025)}
.seo-visual-bottom{padding-top:19px;padding-bottom:21px}
.seo-visual-bottom div{display:flex;flex-direction:column;gap:4px}
.seo-visual-bottom div span{color:#8a9285;font-size:10px;text-transform:uppercase;letter-spacing:.10em;font-weight:700}
.seo-visual-bottom strong{font-size:18px;color:#1d2920;letter-spacing:-.03em}
.seo-visual-bottom>a{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #d8ddd2;border-radius:50%;font-size:22px}
.seo-visual-bottom>a:hover{background:#203228;color:#fff;border-color:#203228}
.seo-hero-capabilities{border-top:1px solid #e3e3da;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;padding-bottom:26px}
.seo-capability{display:flex;align-items:center;gap:12px;color:#4e5c50;font-size:12px;font-weight:730}
.seo-mini-star{color:#ba9a65;font-size:15px}
.seo-section{padding:99px 0}
.seo-section-header{display:grid;grid-template-columns:1fr minmax(270px,355px);gap:40px;align-items:end;margin-bottom:38px}
.seo-section-header .section-kicker{margin-bottom:21px}
.seo-section-header h2,.seo-faq-title h2,.seo-contact-copy h2{margin:0;color:#1a2820;font-size:clamp(37px,4vw,60px);font-weight:680;letter-spacing:-.055em;line-height:1.13;max-width:760px}
.seo-section-header>p{margin:0;color:#5e6c5f;line-height:1.8;font-size:14px;max-width:355px}
.seo-insights-section{background:#fff}
.seo-insights-list{border-top:1px solid #e3e7df}
.seo-insight{display:grid;grid-template-columns:80px 1fr 35px;gap:24px;align-items:start;padding:27px 13px;border-bottom:1px solid #e3e7df;transition:background .25s}
.seo-insight:hover{background:#f8f8f3}
.seo-index{font-size:12px;color:#a58b63;font-weight:740;letter-spacing:.07em;margin-top:6px}
.seo-insight h3{font-size:23px;letter-spacing:-.035em;line-height:1.25;margin:0 0 9px}
.seo-insight p{font-size:14px;line-height:1.85;color:#58675a;margin:0;max-width:750px}
.seo-insight-flourish{font-size:20px;color:#b6a17b;justify-self:end}
.seo-offers-section{background:#eff1eb}
.seo-offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.seo-offer{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e1e4dc;border-radius:17px;padding:31px 28px;box-shadow:0 18px 40px rgba(38,47,32,.035);transition:transform .3s var(--easing),box-shadow .3s}
.seo-offer:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(32,42,32,.08)}
.seo-offer-no{color:#a18658;font-size:14px;font-weight:800;letter-spacing:.04em;margin-bottom:20px}
.seo-offer-no span{color:#afb4aa;font-weight:500;font-size:11px}
.seo-offer h3{font-size:26px;margin:0 0 11px;letter-spacing:-.045em;line-height:1.2;color:#1b2920}
.seo-offer>p{font-size:14px;color:#607062;line-height:1.75;margin:0 0 24px}
.seo-offer ul{list-style:none;padding:0;margin:auto 0 26px;border-top:1px solid #ebeee8}
.seo-offer li{position:relative;padding:12px 0 11px 21px;border-bottom:1px solid #ebeee8;color:#384b3f;font-size:13px;line-height:1.52}
.seo-offer li::before{content:'✓';position:absolute;left:0;color:#a68b5c;font-weight:750}
.seo-offer>a{color:#1c3526;font-size:13px;font-weight:790;display:inline-flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #cfd8ce;border-radius:999px;padding:14px 16px;transition:background .25s,color .25s}
.seo-offer>a:hover{background:#1e3225;color:#fff;border-color:#1e3225}
.seo-offer>a span:last-child{font-size:20px;flex-shrink:0}
.seo-proof-section{background:#fff}
.seo-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.seo-proof-card{min-width:0}
.seo-proof-image{display:grid;place-items:center;position:relative;aspect-ratio:1.29;overflow:hidden;border-radius:15px;background:#ece9e2;padding:5px}
.seo-proof-card:nth-child(2) .seo-proof-image{background:#e9ede8}
.seo-proof-card:nth-child(3) .seo-proof-image{background:#e9e9e3}
.seo-proof-image img{width:106%;max-width:none;height:106%;object-fit:contain;transition:transform .5s var(--easing);filter:drop-shadow(0 15px 14px rgba(26,34,30,.09))}
.seo-proof-image:hover img{transform:translateY(-6px) scale(1.028)}
.seo-proof-open{position:absolute;top:15px;right:15px;width:36px;height:36px;display:grid;place-items:center;background:#fff;border:1px solid #e5e7df;border-radius:50%;font-size:19px}
.seo-proof-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 2px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.10em;font-weight:760;color:#809083}
.seo-proof-card h3{font-size:21px;letter-spacing:-.04em;margin:0 0 12px}
.seo-proof-link{font-size:12px;color:#355442;font-weight:800;border-bottom:1px solid #b9b99e;padding-bottom:4px;display:inline-flex;gap:12px;align-items:center}
.seo-proof-link:hover{border-color:#1b3224}
.seo-all-work{display:inline-flex;gap:18px;margin-top:32px;align-items:center;color:#27432e;font-size:13px;font-weight:790;border-bottom:1px solid #ae9776;padding-bottom:6px}
.seo-process-section{background:#f2f0ea}
.seo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.seo-step{border-top:1px solid #cfd4c9;padding-top:18px}
.seo-step-num{font-family:var(--serif);font-size:38px;color:#ae8d5d;line-height:1;margin-bottom:27px}
.seo-step h3{font-size:18px;letter-spacing:-.03em;margin:0 0 12px}
.seo-step p{margin:0;color:#5c695d;font-size:13px;line-height:1.85}
.seo-faq-section{background:#fff}
.seo-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:min(9vw,108px)}
.seo-faq-title{position:sticky;top:120px;align-self:start}
.seo-faq-title p{color:#6a766b;line-height:1.75;font-size:14px;max-width:370px}
.seo-faq-list{border-top:1px solid #e1e5dc}
.seo-faq-item{border-bottom:1px solid #e1e5dc}
.seo-faq-item summary{list-style:none;position:relative;cursor:pointer;padding:23px 43px 23px 0;font-size:16px;font-weight:680;letter-spacing:-.01em;color:#243329;line-height:1.55}
.seo-faq-item summary::-webkit-details-marker{display:none}
.seo-faq-plus{position:absolute;right:6px;top:20px;font-weight:400;font-size:22px;color:#b39870;transition:transform .3s}
.seo-faq-item[open] .seo-faq-plus{transform:rotate(45deg)}
.seo-faq-item p{margin:0;padding:0 36px 25px 0;font-size:14px;line-height:1.82;color:#59685b}
.seo-contact-section{background:#1e2d23;color:#f9f9f4;position:relative;overflow:hidden}
.seo-contact-section:before{content:'';position:absolute;inset:auto auto -310px -250px;width:650px;height:650px;border:1px solid rgba(237,226,198,.12);border-radius:50%;pointer-events:none}
.seo-contact-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:min(7vw,90px);align-items:center;position:relative}
.seo-contact-copy .section-kicker{color:#c8ba9c}
.seo-contact-copy h2{color:#fff;margin:22px 0 18px}
.seo-contact-copy h2 em{color:#e1c38c}
.seo-contact-copy>p{font-size:15px;color:#c9d8ca;max-width:470px;line-height:1.85;margin:0 0 24px}
.seo-contact-direct{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:780;border-bottom:1px solid rgba(236,233,209,.5);padding-bottom:8px;color:#f6ead1}
.seo-contact-email{display:flex;flex-direction:column;gap:5px;margin-top:35px;color:#c5d3c5;font-size:13px}
.seo-contact-email span{color:#9faf9f;font-size:10px;font-weight:800;letter-spacing:.18em}
.seo-contact-email a:hover{text-decoration:underline}
.seo-lead-card{background:#fcfbf7;border:1px solid rgba(255,255,255,.5);color:#1e2c20;border-radius:18px;padding:34px 36px 36px;box-shadow:0 24px 55px rgba(0,0,0,.14)}
.seo-lead-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:790;letter-spacing:.15em;color:#a28f70}
.seo-lead-heading span:last-child{font-size:22px;color:#b29a70}
.seo-lead-card h3{font-size:29px;line-height:1.23;letter-spacing:-.045em;margin:15px 0 10px}
.seo-form-intro{color:#69776a;font-size:13px;line-height:1.7;margin:0 0 24px}
#seo-lead-form{display:flex;flex-direction:column;gap:8px}
#seo-lead-form label{font-size:12px;color:#344637;font-weight:750;margin-top:7px}
#seo-lead-form input,#seo-lead-form select,#seo-lead-form textarea{background:#fff;color:#1d2e21;border:1px solid #ccd6ca;border-radius:9px;padding:12px 13px;min-height:47px;width:100%;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
#seo-lead-form input:focus,#seo-lead-form select:focus,#seo-lead-form textarea:focus{border-color:#a88b60;box-shadow:0 0 0 3px rgba(184,152,104,.17)}
#seo-lead-form textarea{resize:vertical;min-height:95px;max-height:230px}
.seo-form-button{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:10px;background:#1d3324;color:#fff;font-size:13px;font-weight:790;padding:15px 17px;margin-top:14px;min-height:52px}
.seo-form-button:hover{background:#355540;transform:translateY(-1px)}
.seo-form-button span:last-child{font-size:20px}
.seo-form-note{margin:7px 0 0;color:#77847a;font-size:11px;line-height:1.65}
.seo-related{padding:57px 0 63px;background:#f5f5f0}
.seo-related-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}
.seo-related-top>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a48b66}
.seo-related h2{font-size:24px;letter-spacing:-.04em;margin:0}
.seo-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.seo-related-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #dee3d8;background:#fff;padding:22px 23px;border-radius:12px;font-weight:780;font-size:15px;transition:transform .2s,border-color .2s}
.seo-related-link:hover{transform:translateY(-2px);border-color:#a6b39e}
.seo-related-link>span:last-child{font-size:23px;color:#ad8d60}
/* Small navigable commercial hub on the original homepage: new SEO pages, original hero untouched. */
.seo-home-hub{background:#f7f6f2;padding:69px 0 79px;border-top:1px solid #e4e6e0;border-bottom:1px solid #e4e6e0}
.seo-home-hub-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
.seo-home-hub h2{font-size:clamp(31px,4vw,50px);line-height:1.13;letter-spacing:-.055em;margin:0 0 9px}
.seo-home-hub h2 em{font-family:var(--serif);font-weight:400;color:#a88854}
.seo-home-hub p{font-size:14px;line-height:1.78;margin:0;color:#5b665b;max-width:480px}
.seo-home-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.seo-home-hub-card{background:#fff;border:1px solid #e2e5dd;border-radius:14px;padding:22px 23px;min-height:170px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s}
.seo-home-hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(21,36,24,.06);border-color:#c9d1c4}
.seo-home-hub-card strong{font-size:18px;letter-spacing:-.035em;line-height:1.3;margin-bottom:7px}
.seo-home-hub-card>span:nth-child(2){font-size:12.5px;color:#687567;line-height:1.6;max-width:300px}
.seo-home-hub-card .seo-hub-arrow{font-size:24px;color:#ae8f62;margin-top:auto;align-self:flex-end}
@media(max-width:1060px){
 .seo-hero-layout{grid-template-columns:1fr .92fr;gap:30px}
 .seo-title{font-size:clamp(43px,5vw,67px)}
 .seo-offer{padding:26px 23px}
 .seo-offer h3{font-size:23px}
}
@media(max-width:850px){
 .seo-hero-layout{grid-template-columns:1fr;padding-top:54px;gap:33px;padding-bottom:58px}
 .seo-title{max-width:740px;font-size:clamp(50px,7.5vw,66px)}
 .seo-visual-card{max-width:620px;width:100%;justify-self:center}
 .seo-section-header{grid-template-columns:1fr;gap:16px}
 .seo-section-header>p{max-width:650px}
 .seo-offers-grid{grid-template-columns:1fr 1fr}
 .seo-offer:last-child{grid-column:1/-1}
 .seo-steps{grid-template-columns:1fr 1fr;gap:30px}
 .seo-faq-layout{grid-template-columns:1fr;gap:24px}
 .seo-faq-title{position:static}
 .seo-contact-layout{grid-template-columns:1fr;gap:35px}
 .seo-home-hub-grid{grid-template-columns:1fr 1fr}
 .seo-home-hub-card:last-child{grid-column:1/-1}
}
@media(max-width:600px){
 .seo-page .site-width{width:calc(100% - 40px)}
 .seo-page .seo-breadcrumb{font-size:11px;padding-top:16px}
 .seo-hero-layout{padding-top:35px;padding-bottom:37px;gap:27px}
 .seo-eyebrow{font-size:9.5px;letter-spacing:.12em;margin-bottom:21px}
 .seo-title{font-size:clamp(39px,10.5vw,54px);line-height:1.10}
 .seo-lead{font-size:14.5px;line-height:1.77;margin:22px 0 24px}
 .seo-actions{flex-direction:column;align-items:stretch;gap:10px}
 .seo-page .button{width:100%;justify-content:space-between;min-height:51px;font-size:12.5px}
 .seo-trust{margin-top:22px;font-size:11px}
 .seo-visual-card{border-radius:16px}
 .seo-visual-top,.seo-visual-bottom{padding:14px 15px}
 .seo-visual-top{font-size:9px}
 .seo-visual-art{aspect-ratio:1.23;padding:6px 7px 2px}
 .seo-visual-bottom strong{font-size:16px}
 .seo-hero-capabilities{padding-top:14px;padding-bottom:19px;display:grid;grid-template-columns:1fr 1fr;gap:12px 11px}
 .seo-capability{font-size:11px;gap:7px}
 .seo-section{padding:67px 0}
 .seo-section-header h2,.seo-faq-title h2,.seo-contact-copy h2{font-size:clamp(35px,9vw,49px)}
 .seo-section-header{margin-bottom:27px}
 .seo-section-header>p{font-size:13px}
 .seo-insight{grid-template-columns:36px 1fr 0px;gap:11px;padding:22px 1px}
 .seo-insight-flourish{display:none}
 .seo-insight h3{font-size:20px}
 .seo-insight p{font-size:13px}
 .seo-offers-grid,.seo-proof-grid,.seo-steps,.seo-related-grid{grid-template-columns:1fr}
 .seo-offer:last-child{grid-column:auto}
 .seo-offer{padding:25px 22px}
 .seo-offer>p,.seo-proof-card h3{font-size:14px}
 .seo-offer h3{font-size:23px}
 .seo-proof-grid{gap:34px}
 .seo-proof-card h3{font-size:21px}
 .seo-steps{gap:26px}
 .seo-step-num{margin-bottom:14px}
 .seo-faq-item summary{font-size:14px;padding:19px 30px 19px 0}
 .seo-faq-item p{font-size:13px}
 .seo-contact-section{padding-bottom:76px}
 .seo-contact-copy>p{font-size:14px}
 .seo-lead-card{border-radius:15px;padding:26px 21px 26px}
 .seo-lead-card h3{font-size:25px}
 .seo-related{padding:43px 0}
 .seo-related-top{display:block}
 .seo-related h2{font-size:23px;margin-top:10px}
 .seo-related-grid{gap:10px}
 .seo-home-hub{padding:55px 0}
 .seo-home-hub-head{display:block}
 .seo-home-hub h2{font-size:35px}
 .seo-home-hub p{font-size:13px;margin-bottom:19px}
 .seo-home-hub-grid{grid-template-columns:1fr;gap:12px}
 .seo-home-hub-card:last-child{grid-column:auto}
 .seo-home-hub-card{min-height:140px;padding:20px 21px}
}
@media(max-width:360px){.seo-title{font-size:37px}.seo-hero-capabilities{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.seo-visual-art img,.seo-visual-card,.seo-offer,.seo-proof-image img{transition:none!important}}

.seo-footer-links{display:flex;gap:23px;align-items:center;flex-wrap:wrap;padding-top:19px;margin-top:17px;border-top:1px solid rgba(220,231,216,.12)}
.seo-footer-links a{font-size:11px;color:#ced8ca;transition:color .2s}
.seo-footer-links a:hover{color:#fff;text-decoration:underline}