/*
Theme Name: PoultryTrack Company Profile
Theme URI: https://poultrytrack.example/
Author: PoultryTrack
Description: Tema WordPress custom untuk company profile PoultryTrack, dengan gaya peternakan ayam.
Version: 2.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: poultrytrack
*/
:root{--sky:#9bd4ee;--straw:#f2c14e;--barn:#c8402a;--wood:#8a5a34;--dw:#4a2c17;--grass:#5aa05a;--egg:#fff4dc;--ink:#2a1a0e;--bg:#fbe9c0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--egg:#3a2615;--ink:#fff4dc;--bg:#2a1a0e}}
:root[data-theme="dark"]{--egg:#3a2615;--ink:#fff4dc;--bg:#2a1a0e}
*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;scroll-padding-top:calc(70px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 Nunito,system-ui,sans-serif;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.07;background-image:radial-gradient(#2a1a0e .7px,transparent .8px);background-size:4px 4px}
h1,h2,h3{font-family:'Bowlby One',Impact,sans-serif;font-weight:400;margin:0;line-height:1.08}
.w{max-width:1240px;margin:0 auto;padding:0 24px}section{padding:90px 0;position:relative}
h2.sign{display:inline-block;font-size:clamp(26px,4.4vw,54px);background:repeating-linear-gradient(180deg,var(--wood) 0 22px,#7a4d2b 22px 24px);color:#fff4dc;padding:16px 28px;border:5px solid var(--dw);border-radius:10px;box-shadow:0 7px 0 var(--dw);transform:rotate(-1.5deg);margin-bottom:38px;max-width:100%}
section:nth-of-type(even) h2.sign{transform:rotate(1.2deg)}
h3{font-size:20px;margin-bottom:6px}.tag{display:inline-block;background:var(--barn);color:#fff;font-weight:900;font-size:13px;padding:5px 12px;border-radius:20px;transform:rotate(-3deg);margin-bottom:14px;border:3px solid var(--dw)}
.btn{display:inline-block;font:900 15px Nunito;padding:13px 24px;border:4px solid var(--dw);border-radius:40px;background:var(--barn);color:#fff;text-decoration:none;box-shadow:0 6px 0 var(--dw);transition:.15s;cursor:pointer;margin:0 6px 10px 0}
.btn:hover{transform:translateY(4px);box-shadow:0 2px 0 var(--dw)}.btn.alt{background:var(--straw);color:#2a1a0e}
header{position:sticky;top:0;z-index:50;background:var(--wood);border-bottom:6px solid var(--dw);padding-top:env(safe-area-inset-top,0px)}
nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font:400 24px 'Bowlby One';color:var(--straw);text-decoration:none}
.menu{display:flex;gap:20px;align-items:center}.menu a{color:#fff4dc;text-decoration:none;font-weight:700}.menu a:not(.btn):hover{color:var(--straw)}.menu .btn{padding:7px 16px;margin:0;box-shadow:0 4px 0 var(--dw);color:#fff}
#burger{display:none;background:var(--straw);border:3px solid var(--dw);border-radius:8px;font-size:20px;padding:2px 10px;cursor:pointer}
.hero{background:var(--sky);padding:60px 0 0;overflow:hidden;color:#2a1a0e}.hero .g{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center}
.hero h1{font-size:clamp(44px,7.4vw,104px);color:#fff4dc;-webkit-text-stroke:3px var(--dw);paint-order:stroke fill;text-shadow:0 8px 0 var(--dw)}.hero h1 span{color:var(--straw)}
.hero p{max-width:470px;font-size:19px;font-weight:700;margin:30px 0 22px}
.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--straw);right:6%;top:30px;box-shadow:0 0 0 18px #f2c14e66}
.cl{position:absolute;height:34px;width:120px;background:#fff;border-radius:40px;opacity:.9;animation:dr 45s linear infinite}.cl:before{content:"";position:absolute;width:56px;height:56px;background:#fff;border-radius:50%;left:20px;top:-24px}
@keyframes dr{from{transform:translateX(-160px)}to{transform:translateX(110vw)}}
.vis{position:relative;min-height:480px}.barn{position:absolute;width:300px;right:30px;bottom:0}
.phone{position:absolute;left:14%;top:6px;width:210px;background:var(--dw);border-radius:30px;padding:9px;transform:rotate(-4deg);box-shadow:8px 8px 0 #0003;z-index:2}
.scr{background:var(--egg);color:#2a1a0e;border-radius:22px;padding:13px;font-size:12px;min-height:380px}.scr b{font:400 18px 'Bowlby One';display:block;line-height:1.15}
.scr .r{background:#fff;border:2px solid var(--dw);border-radius:10px;padding:7px 9px;margin-top:7px}.ok{color:#1d7a35;font-weight:900}
.hen{position:absolute;width:210px;right:-4px;bottom:-6px;z-index:3;animation:bob 3s ease-in-out infinite}.chk{position:absolute;width:64px;bottom:-4px;left:6%;z-index:3;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-2deg)}}
.fence{height:78px;background:linear-gradient(var(--dw),var(--dw)) 0 16px/100% 9px no-repeat,linear-gradient(var(--dw),var(--dw)) 0 46px/100% 9px no-repeat,repeating-linear-gradient(90deg,var(--wood) 0 24px,transparent 24px 42px);border-bottom:34px solid var(--grass);margin-top:-30px;position:relative;z-index:4}
.grid{display:grid;gap:24px}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c5{grid-template-columns:repeat(5,1fr)}
.card{background:var(--egg);color:var(--ink);border:4px solid var(--dw);border-radius:16px;padding:24px 22px;box-shadow:0 7px 0 var(--dw);transition:.2s;position:relative}.card:hover{transform:translateY(-5px) rotate(-.6deg)}
.card:after{content:"";position:absolute;top:9px;right:11px;width:9px;height:9px;border-radius:50%;background:var(--dw)}.card p{margin:6px 0 0}.card small{display:block;font-weight:900;color:var(--barn);margin-bottom:4px}
.egg{width:58px;height:72px;margin-bottom:12px;background:var(--straw);color:#2a1a0e;border:4px solid var(--dw);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;display:grid;place-items:center;font:400 22px 'Bowlby One'}
.wire{background-color:var(--straw);color:#2a1a0e;background-image:linear-gradient(45deg,#0000 47%,#8a5a3355 47% 53%,#0000 53%),linear-gradient(-45deg,#0000 47%,#8a5a3355 47% 53%,#0000 53%);background-size:34px 34px}
.barnbg{background:var(--barn);color:#fff4dc}.grassbg{background:var(--grass);color:#fff}.night{background:#2b2f66;color:#fff4dc}.skybg{background:var(--sky);color:#2a1a0e}.deep{background:#3f7d4a;color:#fff}
.deco{position:absolute;width:90px;right:4%;top:-34px;z-index:2}
.flow{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap}.flow .card{text-align:center;min-width:210px;font:400 20px 'Bowlby One'}.flow .card span{display:block;font-size:44px}.ar{font:400 44px 'Bowlby One';color:var(--barn)}
.cat{font:400 26px 'Bowlby One';margin:44px 0 16px;color:var(--straw)}.spec{columns:2;gap:26px}.spec div{break-inside:avoid;background:#fff4dc22;border-left:8px solid var(--straw);border-radius:0 12px 12px 0;padding:10px 16px;margin-bottom:12px}.spec b{color:var(--straw)}
.steps .card{margin-top:26px}.steps .card:not(:last-child):before{content:"";width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 38V18M20 20L6 8M20 20l14-12M20 20V4' fill='none' stroke='%234a2c17' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute;right:-24px;top:40%;z-index:2}
.arch{display:flex;flex-direction:column;align-items:center;max-width:720px;margin:10px auto 44px}.n{background:var(--wood);color:#fff4dc;border:4px solid var(--dw);border-radius:10px;padding:12px 28px;font:400 18px 'Bowlby One';box-shadow:0 5px 0 var(--dw);text-align:center}
.roof{background:var(--barn);clip-path:polygon(50% 0,100% 100%,0 100%);padding:46px 90px 12px;border:0;box-shadow:none;border-radius:0}.l{width:6px;height:30px;background:repeating-linear-gradient(var(--straw) 0 8px,transparent 8px 12px)}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.row .n{background:var(--straw);color:#2a1a0e}
.swot{display:grid;grid-template-columns:1fr 1fr;gap:22px}.swot>div{padding:30px;border:5px solid var(--dw);border-radius:16px;box-shadow:0 8px 0 var(--dw);min-height:240px}.swot h3{font-size:clamp(28px,3.6vw,44px);margin-bottom:12px}.swot ul,.bmc ul{margin:0;padding-left:18px}.swot li{margin:4px 0}
.s1{background:var(--grass);color:#fff}.s2{background:var(--straw);color:#2a1a0e}.s3{background:var(--sky);color:#2a1a0e}.s4{background:var(--barn);color:#fff}
.bmc{display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"kp ka vp cr cs" "kp kr vp ch cs" "co co rv rv rv";gap:10px;background:var(--wood);padding:12px;border:5px solid var(--dw);border-radius:16px}
.bmc>div{padding:15px;background:var(--egg);color:var(--ink);border-radius:10px;font-size:15px;border:3px solid var(--dw)}.bmc h3{font-size:15px;color:var(--barn);margin-bottom:8px}.bmc .vp{background:var(--straw);color:#2a1a0e}.bmc .vp h3{color:var(--dw)}
.per{width:110px;height:110px;margin-bottom:10px}
.mf{display:grid;gap:8px;max-width:400px;margin:34px auto 0}.mf div{border:4px solid var(--dw);border-radius:14px;background:var(--egg);color:var(--ink);padding:12px;text-align:center;font:400 18px 'Bowlby One';box-shadow:0 5px 0 var(--dw)}.mf .d{border:0;background:none;box-shadow:none;color:var(--straw);padding:0;font-size:28px}
.price .big{font:400 42px 'Bowlby One'}.price .big span{font:700 16px Nunito}.price ul{padding-left:18px;margin:14px 0 22px}.price.rec{background:var(--straw);color:#2a1a0e;transform:scale(1.04) rotate(-1deg)}
.price .tg{position:absolute;top:-18px;left:14px;background:var(--barn);color:#fff;padding:4px 14px;font-weight:900;border:3px solid var(--dw);border-radius:20px;transform:rotate(-4deg)}
.cta{background:#f28b30;color:#fff;text-align:center;overflow:hidden;padding-bottom:0}.cta .sun2{position:absolute;width:440px;height:440px;border-radius:50%;background:var(--straw);left:50%;bottom:-220px;transform:translateX(-50%)}
.cta h2{font-size:clamp(34px,6vw,84px);text-shadow:0 6px 0 var(--dw);-webkit-text-stroke:2px var(--dw);paint-order:stroke fill}.trio{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:20px;position:relative}.trio svg{animation:bob 3s ease-in-out infinite}
footer{background:var(--dw);color:#fff4dc;padding:60px 0 30px}footer .grid{grid-template-columns:2fr repeat(4,1fr)}footer a{display:block;color:#fff4dc;text-decoration:none;margin:6px 0;opacity:.8}footer a:hover{opacity:1;color:var(--straw)}footer h3{font-size:15px;color:var(--straw);margin-bottom:10px}
.fu{opacity:0;transform:translateY(22px);transition:.6s}.fu.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fu{opacity:1;transform:none;transition:none}.hen,.chk,.trio svg,.cl{animation:none!important}html{scroll-behavior:auto}}
@media(max-width:768px){section{padding:60px 0}#burger{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--wood);flex-direction:column;align-items:flex-start;padding:20px 24px;border-bottom:6px solid var(--dw)}.menu.open{display:flex}
.hero .g,.c3,.c4,.c5,.swot,footer .grid{grid-template-columns:1fr}.spec{columns:1}.vis{min-height:430px}.barn{width:220px;right:0}.phone{left:4%;width:190px}.hen{width:150px}.sun{width:90px;height:90px}.deco{width:60px}
.bmc{grid-template-columns:1fr;grid-template-areas:"vp" "cs" "ch" "cr" "kp" "ka" "kr" "co" "rv"}.row{grid-template-columns:1fr}.roof{padding:46px 50px 12px}.ar{transform:rotate(90deg)}.steps .card:not(:last-child):before{right:calc(50% - 12px);top:auto;bottom:-34px;transform:rotate(90deg)}.card:hover{transform:none}.price.rec{transform:none}}
.ic{width:56px;height:56px;display:block;margin:0 auto 6px}.flow .ic{width:84px;height:84px}.egg .ic{width:42px;height:42px;margin:0}.logo .ic{display:inline-block;width:34px;height:34px;vertical-align:middle;margin:0 6px 0 0}.swot h3 .ic,.mf .ic{display:inline-block;width:46px;height:46px;vertical-align:middle;margin:0 10px 0 0}.mf .ic{width:42px;height:42px}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.pt-page{padding:80px 24px;max-width:900px;margin:0 auto}.pt-page h1{font-size:clamp(30px,5vw,52px);margin-bottom:24px}.pt-page article{margin-bottom:40px}.pt-page a{color:var(--barn)}