/* SAVA 360° — approved direction v22, composable on v1.6 visual foundation.
   Original hero_owl.png is left byte-for-byte unchanged. */
:root{--emerald:#008d62;--emerald-dark:#07553e;--mint:#eff9f2;--ink:#123f32}
body{background:linear-gradient(180deg,#f6fcfa 0,#fff 820px);color:#133f31}
.shell{width:min(1320px,calc(100% - 60px))}
.header{background:#ffffffd9;border-color:#ddede3}
.header-inner{min-height:80px}
.logo{font-size:26px;letter-spacing:-.055em}
.logo .brand-360{font-style:normal;font-weight:900;font-size:.78em;letter-spacing:-.04em;color:#008e65;white-space:nowrap}
.logo img{object-fit:cover}
.nav-signin{background:#f8fffb;border:1px solid #d4eee2;border-radius:999px;padding:9px 19px}
.header-actions .btn-green{border-radius:999px;box-shadow:0 9px 26px #128b5930}
.hero{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:18px;min-height:680px;padding-block:63px 45px}
.hero-copy{min-width:0;position:relative;z-index:5}
.eyebrow{background:linear-gradient(100deg,#e0faf0,#f6fffb);border:1px solid #c4f0de;font-size:12px;color:#028c66;padding:9px 14px;box-shadow:0 9px 25px #0b7e4714;letter-spacing:.07em}
.hero h1{margin:18px 0 17px;font-size:clamp(39px,4.2vw,69px);line-height:.99;letter-spacing:-.057em}
.hero h1 .hero-name{display:block;white-space:nowrap;color:#087950;font-size:clamp(56px,6.1vw,100px);line-height:.97;text-shadow:0 3px 2px #0b764d09}
.hero h1 .hero-name em{display:inline-block;font-style:normal;font-size:.62em;letter-spacing:-.07em;color:#036a50;vertical-align:12%;margin-left:2px}
.hero h1 .hero-line{display:block;margin-top:14px;color:#102f27;font-size:clamp(33px,3.6vw,60px);white-space:normal;line-height:1.06}
.lead{font-size:clamp(16px,1.5vw,19px);max-width:535px;margin:0 0 22px;color:#395b4e}
.ask-form{border:1px solid #b6e2cf;box-shadow:0 16px 40px #167a4a18;border-radius:23px;background:#fffefde8;padding:16px;position:relative;z-index:3}
.ask-controls{gap:5px}.send{background:linear-gradient(110deg,#02ad7a,#007b57);border-radius:13px}
.prompt-chips{gap:7px}.prompt-chips button{font-size:11px}
.fineprint{line-height:1.45;margin-top:15px}
.hero-visual{width:100%;align-self:stretch;min-width:0;display:grid;align-items:center}
.approved-visual{height:min(615px,100%);min-height:550px;position:relative;border-radius:42px;background:
 radial-gradient(circle at 27% 65%,#c3f3daaa,transparent 39%),
 radial-gradient(circle at 80% 20%,#f2fae5 0,transparent 37%),
 linear-gradient(145deg,#f8fffa,#dff7ec 58%,#fffcef);
 border:1px solid #daeee0;overflow:hidden;box-shadow:0 32px 65px #107b4a17}
.visual-orbit{position:absolute;left:-4%;bottom:15%;width:75%;height:40%;border-radius:50%;border:9px solid #a5f6da64;transform:rotate(-20deg);pointer-events:none;box-shadow:0 0 24px #7fdbb050}
.orbit-two{width:87%;height:46%;left:-12%;bottom:10%;transform:rotate(-15deg);border-width:3px;border-color:#ffffffa6}
.approved-owl{position:absolute;z-index:3;left:-1%;top:20%;width:43%;height:70%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 28px 15px #245e422b)}
.approved-owl img{width:min(235px,100%);height:min(265px,90%);max-width:100%;max-height:100%;object-fit:cover;object-position:center bottom;border-radius:20px;mask-image:radial-gradient(ellipse 95% 96% at 51% 56%,#000 78%,transparent 100%);animation:owl-breathe 7s ease-in-out infinite}
.approved-owl-badge{display:grid;place-items:center;position:absolute;top:50%;left:56%;font-size:clamp(11px,1.65vw,22px);font-weight:900;color:#fff;background:linear-gradient(125deg,#04ad7b,#006c4d);border:3px solid #ffffffc8;box-shadow:0 6px 13px #155d3b6b;border-radius:50%;width:clamp(38px,4vw,65px);height:clamp(38px,4vw,65px);transform:rotate(-8deg);pointer-events:none}
.approved-owl-badge:after{content:'↻';font-size:.67em;position:absolute;bottom:0px;opacity:.9}
.demo-app{position:absolute;z-index:2;top:17%;right:2.7%;width:62%;min-height:65%;border-radius:23px;background:#ffffffea;border:1px solid #c9e8d8;overflow:hidden;box-shadow:0 25px 60px #0d58452d;backdrop-filter:blur(12px);transform:perspective(950px) rotateY(-8deg) rotateX(1deg)}
.demo-app-top{height:55px;border-bottom:1px solid #def0e4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:linear-gradient(90deg,#fafffa,#edf9f5)}
.demo-app-symbol{font-weight:900;font-size:19px;color:#08754e;letter-spacing:-.04em;white-space:nowrap}
.demo-app-symbol b{font-size:13px}
.demo-mode{font-size:9px;color:#688879;white-space:nowrap}
.demo-app-content{display:grid;grid-template-columns:35% 65%;min-height:330px}
.demo-small-sidebar{background:#f5fbf8;border-right:1px solid #e6f0ea;padding:15px 8px;display:flex;flex-direction:column;gap:12px;font-size:11px;font-weight:750;color:#6d917f}
.demo-small-sidebar div{padding:7px 6px}
.demo-small-sidebar .demo-selected{background:#daf6e7;color:#087a4e;border-radius:10px}
.demo-chat{display:flex;flex-direction:column;padding:17px 12px;gap:13px;min-width:0}
.demo-chat-kicker{font-size:9px;font-weight:900;color:#19855f;letter-spacing:.06em}
.demo-question{align-self:end;background:#e2f7e9;border-radius:16px 16px 4px 16px;color:#3f6a55;padding:9px 10px;font-size:11px;font-weight:650;max-width:97%}
.demo-answer{background:#fff;border:1px solid #e1eee6;border-radius:16px 16px 16px 5px;padding:13px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 22px #114b340d;color:#244a39;font-size:10px}
.demo-answer strong{font-size:11px;line-height:1.4}.demo-answer span{line-height:1.35;color:#3f6f53}
.demo-try{border:0;border-radius:13px;background:#087e58;color:#fff;padding:10px 8px;font-weight:850;font-size:11px;text-align:center;box-shadow:0 7px 15px #06583d1b;cursor:pointer}
.demo-try:hover{background:#046347}
.visual-tag{position:absolute;z-index:4;background:#ffffffdf;backdrop-filter:blur(10px);border:1px solid #c1ecd5;border-radius:999px;box-shadow:0 6px 23px #217d4c24;padding:9px 15px;color:#08744e;font-size:11px;font-weight:850}
.tag-top{left:6%;top:8%}.tag-bottom{right:6%;bottom:7%}
.approved-ribbon{margin-top:-10px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#ffffffee;border:1px solid #dcf0e4;border-radius:24px;box-shadow:0 20px 45px #12593e12;overflow:hidden}
.approved-ribbon>div{padding:24px 16px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;gap:2px 13px;border-right:1px solid #e4efe8}
.approved-ribbon>div:last-child{border:0}
.approved-ribbon>div>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;background:#e0f9ec;border-radius:16px;color:#057a57;font-size:23px}
.approved-ribbon b{font-size:14px;align-self:end}
.approved-ribbon small{font-size:11px;color:#7c9688;line-height:1.3}
.approved-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px;margin-bottom:46px}
.destination{border:1px solid #d7ebe1;background:#fff;border-radius:24px;padding:21px 18px;display:flex;align-items:center;gap:13px;min-height:142px;box-shadow:0 13px 30px #1a634212;transition:transform .2s,border-color .2s}
.destination:hover{transform:translateY(-3px);border-color:#75c89e}
.destination-icon{background:#e9f9f0;border-radius:16px;width:54px;height:54px;display:grid;place-items:center;font-size:26px;color:#087b53;flex:none}
.destination>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.destination strong{font-size:16px;line-height:1.25}
.destination small{color:#7c9787;font-size:12px;line-height:1.4}
.destination-arrow{font-size:22px;color:#0b8660}
.approved-team{background:linear-gradient(110deg,#e9faf0,#f8fcf2);border:1px solid #d7efdf;border-radius:34px;padding:38px 45px;display:flex;align-items:center;gap:30px;margin-bottom:45px;position:relative;overflow:hidden}
.approved-team>div:first-child{flex:1}
.approved-team h2{font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.055em;margin:12px 0}
.approved-team p{color:#617f6d;max-width:600px}
.team-art{flex:0 0 380px;display:flex;align-items:center;gap:7px;justify-content:end;position:relative;z-index:1}
.team-art img{width:155px;height:195px;object-fit:contain;filter:drop-shadow(0 12px 12px #17663723)}
.team-art-info{max-width:220px;display:flex;flex-direction:column;gap:9px;font-size:12px}
.team-art-info strong{font-size:20px;line-height:1.17}
.team-art-info span{color:#617f6d}
.team-art-info .btn{font-size:11px;padding:9px 11px;white-space:normal}
.professions-section{background:linear-gradient(130deg,#f0faf2,#f7fbf7)}
.scenario-card:hover{border-color:#51b994}
.site-footer .brand-360{font-size:.76em;color:#008e62;font-weight:900}
@media(max-width:1230px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero h1 .hero-name{font-size:clamp(56px,5.5vw,76px)}.approved-owl{width:43%}.demo-app{width:65%}.approved-ribbon>div{padding:18px 11px;gap:3px 8px;grid-template-columns:38px 1fr}.approved-ribbon>div>span{width:38px;height:38px}}
@media(max-width:940px){.hero{grid-template-columns:1fr;gap:12px;padding-block:42px 30px;min-height:0}.hero-copy{max-width:750px}.hero h1 .hero-name{font-size:clamp(58px,10vw,92px)}.hero h1 .hero-line{font-size:clamp(36px,7vw,56px)}.hero-visual{max-width:790px;margin-inline:auto}.approved-visual{height:500px;min-height:500px}.demo-app{width:62%;right:4%;top:17%}.approved-owl{left:1%;top:15%}.approved-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-ribbon>div:nth-child(2){border-right:0}.approved-ribbon>div:nth-child(-n+2){border-bottom:1px solid #e4efe8}.approved-destinations{grid-template-columns:1fr}.destination{min-height:100px}.approved-team{flex-direction:column;align-items:start}.team-art{flex:unset}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.header-inner{min-height:65px}.hero{padding-top:25px}.hero h1 .hero-name{font-size:clamp(49px,13.5vw,76px)}.hero h1 .hero-line{font-size:clamp(31px,8.5vw,48px)}.approved-visual{height:470px;min-height:470px}.approved-owl{top:14%;left:-3%;width:51%}.approved-owl img{max-height:310px}.approved-owl-badge{top:52%;left:54%;font-size:15px}.demo-app{right:2%;width:66%;top:17%}.demo-app-content{min-height:275px}.demo-small-sidebar{font-size:9px}.demo-small-sidebar div{padding:5px 2px}.demo-chat{padding:11px 9px;gap:8px}.demo-answer{gap:6px;padding:9px}.approved-destinations{gap:10px;margin-top:25px}.approved-team{padding:25px}.approved-team h2{font-size:30px}}
@media(max-width:490px){.eyebrow{font-size:10px;letter-spacing:0}.hero{padding-bottom:15px}.hero h1 .hero-name{font-size:clamp(48px,13vw,66px)}.hero h1 .hero-name em{font-size:.58em;vertical-align:9%}.hero h1 .hero-line{font-size:clamp(29px,8.1vw,39px)}.lead{font-size:15px}.approved-visual{min-height:360px;height:360px;border-radius:26px}.approved-owl{top:19%;left:-8%;width:55%;height:65%}.approved-owl img{max-height:255px}.approved-owl-badge{width:34px;height:34px;font-size:11px;border-width:2px;top:53%;left:54%}.demo-app{top:14%;right:2%;width:68%;border-radius:15px;min-height:0}.demo-app-top{height:38px;padding:0 7px}.demo-app-symbol{font-size:13px}.demo-app-symbol b{font-size:10px}.demo-mode{font-size:8px}.demo-app-content{grid-template-columns:30% 70%;min-height:220px}.demo-small-sidebar{padding:6px 3px;gap:4px;font-size:7px}.demo-chat{padding:7px 5px;gap:6px}.demo-chat-kicker{font-size:7px}.demo-question{font-size:8px;padding:6px}.demo-answer{font-size:7.5px;padding:6px;gap:5px;border-radius:9px}.demo-answer strong{font-size:8px}.demo-try{font-size:8px;padding:7px 3px}.visual-tag{font-size:9px;padding:6px 10px}.tag-top{left:5%;top:5%}.tag-bottom{right:4%;bottom:3%}.approved-ribbon{border-radius:17px}.approved-ribbon>div{padding:14px 9px;grid-template-columns:34px 1fr;gap:1px 7px}.approved-ribbon>div>span{width:34px;height:34px;font-size:18px}.approved-ribbon b{font-size:11px}.approved-ribbon small{font-size:9px}.destination{padding:15px 12px;border-radius:16px}.destination-icon{width:42px;height:42px;font-size:21px}.destination strong{font-size:14px}.destination small{font-size:10px}.approved-team{border-radius:21px;padding:19px}.approved-team h2{font-size:27px}.team-art{width:100%;justify-content:center}.team-art img{width:115px;height:155px}.team-art-info strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.approved-owl img{animation:none}}