@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#182522;--muted:#718078;--green:#216e52;--light:#f6f8f6;--line:#e6ebe7;--pale:#e7f3eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.announcement{height:35px;background:#edf5f0;color:#305f49;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;font-weight:600}.announcement a{text-decoration:underline;text-underline-offset:3px}.announcement-dot{display:inline-block;flex:none;width:7px;height:7px;background:#55aa72;border-radius:50%}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;white-space:nowrap}.brand>span:not(.brand-mark){color:#348463}.brand b{color:#348463}.brand-mark{height:36px;width:36px;border-radius:10px;color:white;background:#206f52;display:grid;place-items:center;margin-right:9px}.brand-mark svg{width:28px}.header nav{display:flex;gap:30px;font-size:13px;font-weight:700}.header nav a:hover{color:var(--green)}.header-action{border:1px solid #c9d7ce;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:700}.header-action span{margin-left:10px}.menu-btn{display:none;border:0;background:none;font-size:25px}.hero{margin-top:12px;min-height:520px;border-radius:20px;background:#f1f6f2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative}.hero-content{padding:70px 0 70px 74px;position:relative;z-index:2}.eyebrow,.overline{display:inline-flex;align-items:center;gap:9px;color:#37835f;font-size:11px;letter-spacing:1.3px;font-weight:800}.hero h1,h2,h3{font-family:'Manrope',Arial,sans-serif}.hero h1{font-size:clamp(39px,4.6vw,61px);line-height:1.16;letter-spacing:-2.6px;margin:24px 0 19px;font-weight:800}.hero h1 span{color:#36855e}.hero-content>p{font-size:16px;line-height:1.85;max-width:460px;color:#5c7165}.hero-buttons{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:10px;padding:16px 22px;font-weight:700;font-size:13px}.primary{background:#216e52;color:white}.primary:hover{background:#14533a}.secondary{background:white;border:1px solid #d7e4db}.hero-footnote{display:block;color:#82948a;font-size:11px;margin-top:26px}.hero-showcase{height:100%;min-height:490px;position:relative}.hero-circle{position:absolute;width:450px;height:450px;border-radius:50%;background:#dfece2;top:35px;left:4%}.phone{position:absolute;border-radius:34px;box-shadow:0 20px 38px #254c3440}.back-phone{width:207px;height:385px;top:78px;left:11%;background:linear-gradient(140deg,#c5d7ca,#8eb19c);transform:rotate(-14deg);border:8px solid #8cac9a}.phone-emblem{position:absolute;top:46%;left:48%;color:#5c9775;font-size:31px}.camera{position:absolute;top:21px;left:17px;display:grid;grid-template-columns:repeat(2,26px);gap:8px}.camera i,.mini-cameras i{display:block;width:26px;height:26px;border-radius:50%;background:#223e38;border:4px solid #829d91;box-shadow:inset 0 0 0 3px #152c28}.front-phone{width:215px;height:425px;top:45px;left:41%;background:linear-gradient(145deg,#1c4e43,#7fbc9b 48%,#204737);border:8px solid #263c34;transform:rotate(9deg);overflow:hidden}.notch{height:16px;width:78px;border-radius:20px;background:#122b25;position:absolute;left:calc(50% - 39px);top:11px;z-index:2}.screen-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#b5e4b1a6,transparent 70%);left:-75px;top:90px}.screen-text{position:absolute;top:145px;left:20px;right:20px;color:white;text-align:center;font-size:24px;line-height:1.25;font-family:Manrope,sans-serif;font-weight:800}.screen-text span{display:block;font:600 12px 'DM Sans',sans-serif;margin-top:20px;letter-spacing:2px}.hero-label{position:absolute;bottom:55px;left:2%;background:white;border:1px solid #dce8df;border-radius:12px;box-shadow:0 8px 30px #385c3e17;padding:13px 19px;font-size:12px;line-height:1.7;color:#6a7b70}.hero-label b{display:block;font-size:14px;color:#1e4d38}.three-benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:30px;padding-bottom:58px;gap:20px}.three-benefits>div{display:flex;gap:14px;align-items:center}.benefit-icon{width:42px;height:42px;border-radius:12px;background:#edf5f0;color:#267c55;display:grid;place-items:center;font-size:23px}.three-benefits p{margin:0;display:flex;flex-direction:column;gap:4px}.three-benefits b{font-size:13px}.three-benefits small{font-size:12px;color:var(--muted)}.catalog-section{background:#f8faf8;padding:79px 0 86px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.sell h2,.how h2,.closing h2{font-size:clamp(28px,3.4vw,41px);letter-spacing:-1.65px;line-height:1.25;margin:13px 0}.section-head p,.sell p,.closing p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}.outline-pill{font-size:11px;color:#5f846b;border:1px solid #c8dbce;border-radius:30px;padding:10px 15px;white-space:nowrap}.catalog-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:33px 0 24px}.searchbox{height:47px;min-width:250px;width:350px;border:1px solid #e0e8e2;background:white;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px}.searchbox svg{width:19px;color:#8b9c90}.searchbox input{border:0;outline:0;min-width:0;width:100%;font-size:12px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #e0e7e0;background:white;color:#708078;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:700}.chip.selected{background:#206e51;border-color:#206e51;color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid #e5ebe6;background:white;border-radius:14px;overflow:hidden;transition:transform .15s,box-shadow .15s}.product-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #183d2410}.product-visual{height:245px;background:#eef2ee;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card:nth-child(3n + 2) .product-visual{background:#f4f0f0}.product-card:nth-child(3n + 3) .product-visual{background:#eef0f3}.sample-tag{position:absolute;top:16px;left:16px;border-radius:6px;background:white;color:#607c68;font-size:10px;font-weight:800;letter-spacing:.6px;padding:7px 9px}.mini-device{width:112px;height:214px;background:var(--phone);border:5px solid var(--edge);border-radius:22px;box-shadow:12px 17px 23px #1e2a2632;position:relative;transform:rotate(-8deg) translateY(13px)}.mini-cameras{position:absolute;left:9px;top:9px;display:grid;grid-template-columns:repeat(2,18px);gap:5px}.mini-cameras i{width:18px;height:18px;border-width:3px;box-shadow:inset 0 0 0 2px #172b29}.mini-symbol{position:absolute;top:46%;left:44%;font-size:19px;color:#ffffff8c}.product-info{padding:19px 20px 16px}.product-info h3{font-size:17px;letter-spacing:-.55px;margin:0 0 5px}.product-info p{font-size:12px;color:var(--muted);margin:0 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ec;padding-top:13px}.product-bottom>span{color:#7b8b81;font-size:12px}.product-arrow{width:32px;height:32px;border-radius:8px;border:1px solid #d6e3da;background:white;font-size:17px;color:#266f50}.catalog-note{display:flex;gap:12px;margin-top:23px;color:#65766a;font-size:12px;line-height:1.6}.catalog-note>span{font-size:21px;color:#3b8c61}.catalog-note p{margin:0}.sell{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:455px;gap:70px;padding-block:80px}.sell-text{max-width:480px}.sell-text .button{margin-top:27px}.sell-image{height:365px;border-radius:17px;background:#eaf2ec;position:relative;overflow:hidden}.sell-disc{position:absolute;left:20%;top:-12%;width:430px;height:430px;border-radius:50%;background:#d8e8da}.sell-mini-phone{width:155px;height:285px;background:linear-gradient(145deg,#bed2c5,#87ab92);border:7px solid #7ca48b;border-radius:29px;position:absolute;top:26px;left:35%;transform:rotate(-15deg);box-shadow:10px 20px 29px #41634938}.sell-mini-phone>span{position:absolute;top:45%;left:43%;font-size:28px;color:#64997a}.sell-caption{position:absolute;bottom:22px;left:25px;background:white;padding:14px 18px;border-radius:9px;box-shadow:0 9px 26px #20432d21}.sell-caption span{display:block;color:#8a9c8e;font-size:9px;font-weight:800;letter-spacing:1px}.sell-caption b{font-size:13px;display:block;margin-top:5px}.how{background:#f8faf8;padding:80px 0}.how h2{margin-bottom:30px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{padding:26px 27px;background:white;border:1px solid #e6ece7;border-radius:12px}.step-index{font-size:12px;color:#29825b;font-weight:800}.step-grid h3{font-size:17px;margin:22px 0 11px}.step-grid p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.closing{margin-block:85px;text-align:center;padding:54px 20px 59px;background:#eaf4ed;border-radius:17px}.closing p{max-width:590px;margin:0 auto}.closing-tag{display:inline-flex;align-items:center;gap:9px;margin-top:25px;padding:11px 17px;background:white;border-radius:30px;font-weight:700;color:#246d4b;font-size:12px}.footer{border-top:1px solid #e8ece8;min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer .brand{font-size:20px}.footer .brand-mark{width:29px;height:29px}.footer .brand-mark svg{width:24px}.footer p,.footer>span{color:#829087;font-size:12px}dialog{border:0;border-radius:17px;box-shadow:0 20px 80px #0003;padding:42px;max-width:440px;width:calc(100% - 36px)}dialog::backdrop{background:#112b20a8}dialog h2{font-size:27px;margin:14px 0}dialog p{color:var(--muted);line-height:1.7}dialog .button{margin-top:17px}.dialog-close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:28px}.no-results{grid-column:1/-1;color:#7b8b80;padding:25px;text-align:center}
@media(max-width:950px){.header nav{gap:13px}.hero-content{padding-left:38px}.hero h1{font-size:44px}.hero-circle{width:330px;height:330px;top:82px}.back-phone{left:2%}.front-phone{left:34%}.catalog-toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.announcement{font-size:10px}.header{height:67px}.header nav{display:none;position:absolute;z-index:30;top:99px;left:0;right:0;background:white;padding:25px;flex-direction:column;box-shadow:0 12px 20px #0001}.header nav.is-open{display:flex}.header-action{display:none}.menu-btn{display:block}.brand{font-size:23px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:48px 25px 14px}.hero h1{font-size:39px;letter-spacing:-1.9px}.hero-content>p{font-size:14px}.hero-showcase{min-height:315px;max-height:315px}.hero-circle{width:295px;height:295px;top:11px;left:calc(50% - 145px)}.back-phone{width:147px;height:260px;top:37px;left:calc(50% - 122px);border-radius:23px}.front-phone{width:151px;height:287px;top:18px;left:calc(50% - 16px);border-radius:25px}.front-phone .screen-text{top:95px;font-size:17px;left:10px;right:10px}.hero-label{bottom:13px;left:10px;padding:8px 12px;font-size:10px}.hero-label b{font-size:11px}.three-benefits{grid-template-columns:1fr;gap:16px;padding-bottom:38px}.catalog-section,.how{padding-block:56px}.section-head{align-items:start}.outline-pill{display:none}.section-head h2,.sell h2,.how h2,.closing h2{font-size:29px}.product-grid{gap:12px}.product-visual{height:184px}.mini-device{width:87px;height:165px;border-radius:17px}.mini-cameras{grid-template-columns:repeat(2,14px)}.mini-cameras i{width:14px;height:14px}.product-info{padding:14px 12px}.product-info h3{font-size:14px}.product-info p{font-size:11px}.product-bottom>span{font-size:10px}.sample-tag{top:9px;left:9px;font-size:8px}.sell{grid-template-columns:1fr;gap:32px;padding-block:60px}.sell-image{height:270px}.sell-mini-phone{top:13px;left:37%;transform:rotate(-15deg) scale(.82)}.sell-caption{bottom:12px}.step-grid{grid-template-columns:1fr}.closing{margin-block:55px;padding-block:43px}.footer{flex-wrap:wrap;justify-content:start;padding-block:26px;gap:4px 20px}.footer p{display:none}.footer>span{margin-left:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}}
