:root{
  --bg:#faf8f4;--bg-deep:#f5f3ee;--panel:#ffffff;--panel-soft:#f4f6f1;
  --line:#dce5dc;--cyan:#cc5a36;--cyan-bright:#df704e;--cyan-dark:#b74b2e;
  --text:#112d29;--muted:#63746e;--mint:#97c5ad;--orange:#ca5a34;
}
body{background:#faf8f4;color:#17352f}
.container{width:min(1410px,calc(100% - 100px))}
.kicker{color:#cb5c38;font-size:12px;letter-spacing:.23em}
.section-title{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.059em;color:#132f2a}
.section-title .accent{color:#cb5c38}
.section-desc{color:#6d7c74}
.btn{font-weight:750}
.btn-main{background:#cc5835;color:white;border-color:#cc5835;box-shadow:none}
.btn-main:hover{background:#b84c2c;border-color:#b84c2c;box-shadow:0 12px 30px rgba(196,89,51,.15)}
.btn-outline{background:rgba(255,255,255,.48);color:#254b40;border-color:#d8e0d8}
.btn-outline:hover{background:#f0f4ee}
header.site-header{height:91px;background:rgba(250,248,244,.95);border-bottom:1px solid #e8e8e2;box-shadow:none}
.brand{font-family:Georgia,"Times New Roman",serif;color:#102c28;font-weight:750;font-size:21px;letter-spacing:-.05em}
.brand-mark{width:43px;height:54px;color:#163832}
.site-nav{gap:36px}
.site-nav a{font-size:13px;color:#243b36;font-weight:650}
.site-nav a:hover{color:#cb5a36}
.nav-actions>.btn{background:transparent;border-color:#b5c6ba;color:#183e35;box-shadow:none;padding:13px 21px}
.nav-actions>.btn:hover{background:#173d33;color:#fff;border-color:#173d33}
.menu-toggle{border-color:#d3ddd3;color:#153a32}

.hero{background:linear-gradient(115deg,#fbfaf7 0%,#f7f5f0 67%,#ede5db 100%)}
.hero:before{width:55%;height:65%;right:-8%;bottom:-29%;background:radial-gradient(ellipse,rgba(220,210,192,.26),transparent 68%);filter:blur(30px)}
.hero:after{display:none}
.hero-core{grid-template-columns:54% 46%;min-height:700px;align-items:center}
.hero-copy{padding:66px 0 90px;max-width:780px;z-index:8}
.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:#122c27;font-size:clamp(64px,6.5vw,94px);line-height:1.09;letter-spacing:-.065em;margin:22px 0 30px;max-width:850px}
.hero-copy h1 em{color:#122c27;font-style:normal;display:block}
.copper-dot{color:#cc5936}
.hero-copy>p{font-size:20px;line-height:1.72;color:#78837b;max-width:535px}
.hero-actions{gap:15px;margin-top:36px}
.hero-actions .btn{padding:18px 26px}
.hero-footnote{color:#8b9a90;margin-top:30px}
.hero-footnote i{background:#cb653f;box-shadow:0 0 0 4px rgba(203,101,63,.1)}
.showcase{height:675px;margin:0 -75px 0 -28px;transform:none;width:auto}
.showcase:before{content:"";position:absolute;width:510px;height:510px;border-radius:50%;background:linear-gradient(137deg,#e9d8c4,#d5c2ae);right:4%;top:11%;opacity:.68}
.showcase:after{content:"";position:absolute;width:132px;height:435px;background:repeating-linear-gradient(90deg,#ebe1d6 0 15px,#e0d4c8 15px 24px);right:-7%;bottom:-7%;opacity:.72;border-radius:60px 60px 0 0;box-shadow:-10px 0 35px rgba(129,113,96,.05)}
.orb{display:none}
.botanical{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(5px 8px 8px rgba(32,67,47,.1))}
.phone-detail,.hero-side{display:none}
.phone-main{width:352px;height:628px;left:31%;top:30px;z-index:3;transform:rotate(0deg);border:8px solid #1a2928;background:#ffffff;box-shadow:0 28px 70px rgba(39,44,36,.21),inset 0 0 0 1px #dfe5df;border-radius:51px}
.phone:before{background:#172a27;height:22px;width:102px;left:calc(50% - 51px);border-radius:0 0 18px 18px}
.phone-main .phone-content{padding:34px 17px 18px}
.phone-main .phone-status{color:#213d34;margin-bottom:18px}
.phone-main .app-icon{background:linear-gradient(135deg,#5fa991,#2f8065);color:#fff;border-radius:15px}
.phone-main .app-name{color:#183b31;font-size:19px}
.phone-main .app-hint{color:#91a196;font-size:10px}
.phone-main .search-fake{margin-top:17px;background:#f6f8f5;color:#96a79d;border-color:#e5ece5;padding:10px 12px;font-size:10px}
.phone-main .mini-categories{margin-top:13px;gap:7px}
.phone-main .mini-cat{background:#f4f8f4;border:1px solid #e6eee7;color:#526d60;min-height:54px;font-size:10px}
.phone-main .mini-cat:first-child{border-color:#8cc5a9;box-shadow:inset 0 0 0 1px #bce2cd;background:#edf7ef}
.phone-main .mini-cat b{color:#3c9978;font-size:17px}
.phone-main .mini-section{color:#315245;margin:13px 0 8px;font-size:12px}
.phone-main .mini-section span:last-child{color:#538b71}
.phone-main .drug-row{background:#fff;border:1px solid #e7eee8;margin-top:6px;padding:7px 9px}
.phone-main .drug-info b{color:#2f473c;font-size:10px}
.phone-main .drug-info small{color:#9baa9f;font-size:8px}
.phone-main .drug-ico{background:#eef6ef;color:#3b946c}
.phone-main .drug-ok{color:#4f9e76}
.phone-main .drug-warn{color:#d58f47}
.phone-main .phone-summary{background:#eaf4ee;border:1px solid #d9eade;margin-top:11px;padding:10px}
.phone-main .phone-summary .sum-head{color:#335a49;font-size:10px}
.phone-main .phone-summary .sum-head small{color:#8c9c90!important}
.phone-main .sum-grid{margin-top:5px}
.phone-main .sum-grid span{color:#7d9685;font-size:8px}
.phone-main .sum-grid b{color:#2b6d50;font-size:13px}
.phone-main .ring{color:#317d5c;border-color:#d3e6d9;border-top-color:#5baf7a;border-left-color:#5baf7a}
.phone-main .app-nav{color:#859c91;border-color:#e3ece5;bottom:14px;background:#fff}
.phone-main .app-nav span:first-child{color:#2c9470}

.value-strip{background:#fff;border-top:1px solid #eaeae4}
.value-grid{padding:30px 0}
.value{border-color:#e5e6df}
.value svg{color:#c7603e}
.value strong{color:#294c40}
.value span{color:#8d9990}

.projects{background:#faf8f4;border-top:1px solid #eeece5}
.project-panel{background:#f1f4ee;border:1px solid #e0e9dd;box-shadow:0 24px 70px rgba(57,76,61,.06)}
.project-body{padding:59px 62px}
.project-body h3{color:#163b31;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em}
.project-body p{color:#687e72}
.status-pill{color:#a35738;border:1px solid #edc9b7;background:#fff1e9}
.status-pill i{background:#d16f49}
.feature-item{background:rgba(255,255,255,.76);color:#395e4e;border:1px solid #d5e2d5}
.feature-item svg{color:#3c956c}
.project-graphic{background:radial-gradient(circle at 48% 45%,#dbece0,#c6dfd0 55%,#afcdb8 100%)}
.project-graphic:before{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 65px rgba(255,255,255,.13),0 0 0 135px rgba(255,255,255,.12)}
.big-card{background:#fff;border-color:#d2e3d8;box-shadow:0 24px 60px rgba(51,105,71,.2)}
.big-card .app-icon{background:#3e9674;color:#fff}
.big-card .app-name,.big-card h4{color:#254737}
.big-card .app-hint{color:#829c8d}
.big-row{background:#f5f9f4;color:#456651}
.big-row span:last-child{color:#3d9470}
.concept-label{color:#376c56}

.process{background:#ffffff}
.mobile-swipe-hint{display:none}
.step{background:#fafbf8;border:1px solid #e5ebe2;box-shadow:0 12px 35px rgba(26,64,40,.035)}
.step-index{color:#c76340}
.step-icon{background:#f4e1d5;color:#bb623e}
.step h3{color:#254a3b}
.step p{color:#7b8c7f}
.process-note{color:#8d9a8d}
.story{background:#f2f6ef;border-block:1px solid #e0e9de}
.story-symbol{background:radial-gradient(circle,#e2f0e2,#cee5d3);border:1px solid #bfd9c6}
.story-symbol:before,.story-symbol:after{border-color:rgba(55,131,91,.15)}
.story-symbol svg{color:#3f8c6e;filter:drop-shadow(0 0 25px rgba(75,147,104,.14))}
.story p{color:#6b8072}
.story strong{color:#26523d}
.ideas{background:#fff}
.ideas-form{background:#f9fbf7;border:1px solid #dfe8de;box-shadow:0 20px 60px rgba(41,75,47,.06)}
.ideas-form label{color:#2b4d3b}
.ideas-form textarea{color:#254635;background:#fff;border-color:#d5e3d7}
.ideas-form textarea::placeholder{color:#9caea1}
.ideas-form textarea:focus{border-color:#80b99b;box-shadow:0 0 0 3px rgba(84,163,114,.1)}
.form-bottom small{color:#91a294}
.form-response{color:#3f9169}
.saved-note{color:#376b52;background:#e8f6eb;border:1px solid #bcdcc5}
footer{background:#1b4335;border-top:0}
.footer-inner{color:#bdd0c2}
.footer-inner .brand{color:white}
.footer-inner .brand-mark{color:#fff}
.footer-inner a:hover{color:#f3bb91}

dialog{background:#fdfdf9;border:1px solid #dfe9de;color:#183c30;box-shadow:0 30px 100px rgba(26,52,37,.3)}
dialog::backdrop{background:rgba(14,44,32,.58)}
.dialog-head h3{font-family:Georgia,"Times New Roman",serif;color:#143a2f}
.dialog-head p{color:#758a7a}
.close-modal{background:#fff;border-color:#d1ded1;color:#2f5940}
.demo-tabs button{background:#f3f7f1;border-color:#d9e7d9;color:#668475}
.demo-tabs button[aria-selected="true"]{background:#ca5937;border-color:#ca5937;color:white}
.demo-pane{background:#eff6ef;color:#28523d}
.demo-line{background:#fff;color:#365a47}
.demo-line span{color:#3a936d}
.disclaimer{color:#809487}

@media(max-width:1250px){
  .container{width:min(100% - 64px,1410px)}
  .hero-core{grid-template-columns:53% 47%}
  .hero-copy h1{font-size:clamp(62px,6.7vw,85px)}
  .showcase{transform:none;width:auto;margin:0 -75px 0 -20px}
  .phone-main{left:25%}
}
@media(max-width:1050px){
  .hero-core{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:72px 0 0;max-width:760px}
  .hero-copy h1{font-size:clamp(66px,8.1vw,86px)}
  .showcase{width:min(750px,100%);height:680px;margin:25px auto 0}
  .phone-main{left:35%}
  .project-panel{grid-template-columns:1fr}
}
@media(max-width:720px){
  .container{width:calc(100% - 40px)}
  header.site-header{height:69px}
  .brand{font-size:15px}
  .brand-mark{width:31px;height:40px}
  .site-nav{top:69px;background:#faf8f4;border-color:#e4e8de}
  .site-nav a{color:#25493c}
  .menu-toggle{color:#244a3a;border-color:#cbd8ca}
  .hero-copy{padding:39px 0 0}
  .hero .kicker{font-size:10px;letter-spacing:.14em}
  .hero-copy h1{font-size:clamp(41px,10.4vw,58px);line-height:1.08;margin:16px 0 17px;letter-spacing:-.055em}
  .hero-copy>p{font-size:15.5px;line-height:1.6}
  .hero-actions{gap:10px;margin-top:24px}
  .hero-actions .btn{padding:13px 18px}
  .hero-actions .btn-outline{display:none}
  .hero-footnote{margin-top:18px}
  .showcase{height:410px;width:100%;margin:10px auto 0}
  .showcase:before{width:340px;height:340px;right:-15%;top:13%}
  .showcase:after{right:-22%;height:310px}
  .botanical{right:-19%;left:auto;width:120%;height:100%}
  .phone-main{left:50%;top:5px;transform:translateX(-50%) scale(.61);transform-origin:top center}
  .value-grid{gap:16px;padding:18px 0}
  .value{border:0}
  .projects,.process,.story,.ideas{padding-top:40px;padding-bottom:46px}
  .section-top{margin-bottom:22px}
  .section-top .section-desc{margin-top:12px}
  .section-title{font-size:clamp(34px,8.8vw,46px);margin:8px 0 13px}
  .section-desc{font-size:14.5px;line-height:1.55}
  .project-body{padding:26px 21px}
  .project-body h3{font-size:34px;margin:16px 0 13px}
  .project-body p{font-size:14px;line-height:1.6}
  .feature-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 23px}
  .project-graphic{display:none}
  .mobile-swipe-hint{display:block;color:#7c8e81;font-size:12px;margin:16px 0 0}
  .process-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(245px,82%);gap:12px;margin-top:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:2px 10px 12px 1px;scrollbar-width:thin}
  .process-grid:focus-visible{outline:2px solid #cc5a36;outline-offset:3px}
  .step{min-height:225px;padding:22px;scroll-snap-align:start}
  .step-icon{width:50px;height:50px;margin:12px 0}
  .step-icon svg{width:25px;height:25px}
  .step h3{font-size:21px;margin-bottom:8px}
  .step p{font-size:13px;line-height:1.55}
  .process-note{margin-top:12px}
  .story-inner{gap:0}
  .story-symbol{display:none}
  .story p{font-size:14.5px;line-height:1.62;margin:12px 0}
  .ideas-layout{gap:20px}
  .ideas-form{padding:19px}
  .footer-inner{gap:12px}
  .footer-inner .brand{font-size:15px}
}
@media(max-width:390px){
  .hero-copy h1{font-size:40px}
  .showcase{height:380px}
  .phone-main{transform:translateX(-50%) scale(.56)}
  .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .value{gap:8px}
  .value svg{width:24px;height:24px}
}