:root{
    --ink:#11231d;
    --ink-soft:#2b4038;
    --muted:#687970;
    --muted-2:#899790;
    --paper:#fbfdfc;
    --paper-2:#f3f8f5;
    --white:#ffffff;
    --line:#dbe7e0;
    --line-2:#e9f0ec;
    --green:#0c7b59;
    --green-2:#075f45;
    --deep:#102f26;
    --deep-2:#0b241d;
    --mint:#e4f4ec;
    --mint-2:#d3ecdf;
    --mint-3:#bfe2d1;
    --sand:#fff5e9;
    --blue:#eef4ff;
    --red:#e34b52;
    --shadow:0 30px 80px rgba(19,67,50,.12),0 6px 18px rgba(19,67,50,.06);
    --shadow-sm:0 16px 44px rgba(19,67,50,.08),0 2px 8px rgba(19,67,50,.04);
    --radius:28px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    color:var(--ink);
    background:var(--paper);
    font-family:Inter,"SF Pro Text","Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  body.menu-open{overflow:hidden}
  a{color:inherit;text-decoration:none}
  button,input{font:inherit}
  button{cursor:pointer}
  svg{display:block}
  img{max-width:100%}
  .page{overflow:hidden}
  .container{width:min(1220px,calc(100% - 56px));margin:0 auto}
  .section{padding:102px 0}
  .section-tag{
    display:inline-flex;align-items:center;gap:9px;
    color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  }
  .section-tag::before{content:"";width:32px;height:2px;border-radius:999px;background:currentColor}
  .section-title{margin:18px 0 18px;font-size:52px;line-height:1.04;letter-spacing:-2.6px;font-weight:780}
  .section-lead{margin:0;color:var(--muted);font-size:18px;line-height:1.65;letter-spacing:-.15px}
  .mini-label{color:var(--green);font-size:11px;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
  .btn{
    min-height:56px;padding:0 22px;border:0;border-radius:15px;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-size:15px;font-weight:760;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  }
  .btn:hover{transform:translateY(-2px)}
  .btn-primary{color:#fff;background:linear-gradient(180deg,#128865,#08704f);box-shadow:0 15px 32px rgba(12,123,89,.24)}
  .btn-primary:hover{box-shadow:0 19px 38px rgba(12,123,89,.3)}
  .btn-dark{color:#fff;background:#112b23;box-shadow:0 13px 28px rgba(10,37,29,.18)}
  .btn-light{color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(20,65,49,.05)}
  .btn-arrow{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
  .text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:14px;font-weight:750}
  .text-link svg{transition:transform .18s ease}
  .text-link:hover svg{transform:translateX(3px)}

  /* Header */
  .site-header{
    position:fixed;left:0;right:0;top:0;z-index:50;height:78px;
    background:rgba(251,253,252,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(219,231,224,.68);
  }
  .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
  .brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:820;letter-spacing:-.55px}
  .brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#075f45,#15916b);box-shadow:0 9px 20px rgba(12,123,89,.2);font-size:19px;font-weight:800}
  .nav{display:flex;align-items:center;gap:28px;margin-left:70px;color:#41554d;font-size:13.5px;font-weight:650}
  .nav a{position:relative;padding:10px 0}
  .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;border-radius:99px;background:var(--green);transition:right .2s ease}
  .nav a:hover{color:var(--green)}
  .nav a:hover::after{right:0}
  .header-actions{display:flex;align-items:center;gap:9px}
  .header-login{padding:12px 13px;color:#41534c;font-size:13.5px;font-weight:680}
  .header-cta{height:43px;padding:0 17px;border-radius:12px;color:#fff;background:#142d25;font-size:13.5px;font-weight:740;display:flex;align-items:center;gap:8px}
  .menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);align-items:center;justify-content:center}
  .mobile-menu{display:none}

  /* Hero */
  .hero{
    min-height:850px;padding-top:78px;position:relative;
    background:
      radial-gradient(circle at 88% 14%,rgba(199,235,218,.9),transparent 31%),
      radial-gradient(circle at 8% 85%,rgba(232,240,255,.78),transparent 27%),
      linear-gradient(180deg,#fbfdfc 0%,#f5faf7 100%);
  }
  .hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  }
  .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding-top:62px;padding-bottom:64px}
  .hero-copy{padding-top:10px}
  .hero-badge{
    display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;
    border:1px solid rgba(12,123,89,.16);background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(24,72,55,.05);
    color:#35685a;font-size:12.5px;font-weight:730;
  }
  .hero-badge i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-style:normal}
  h1{margin:25px 0 22px;max-width:590px;font-size:62px;line-height:1.035;letter-spacing:-3.45px;font-weight:800}
  h1 em{color:var(--green);font-style:normal}
  .hero-lead{max-width:570px;margin:0;color:var(--muted);font-size:18.5px;line-height:1.62;letter-spacing:-.18px}
  .hero-promise{display:flex;align-items:center;gap:11px;margin:21px 0 28px;color:#21483b;font-size:15px;font-weight:760}
  .hero-promise .promise-line{width:34px;height:2px;border-radius:99px;background:var(--green)}
  .hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .hero-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:#75837d;font-size:12px;line-height:1.4}
  .hero-note .dot{width:4px;height:4px;border-radius:50%;background:#93a19b}

  .hero-visual{height:654px;position:relative}
  .hero-glow{position:absolute;right:-42px;top:28px;width:410px;height:410px;border-radius:50%;background:rgba(201,235,219,.72);filter:blur(1px)}
  .hero-shape{position:absolute;left:8px;bottom:18px;width:155px;height:155px;border-radius:50%;background:#fcebdd}
  .app-window{position:absolute;right:0;top:26px;width:688px;height:573px;border:1px solid rgba(31,75,58,.12);border-radius:27px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
  .browser-bar{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fbfcfb;border-bottom:1px solid #edf2ef}
  .browser-dots{display:flex;gap:6px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#d7dfdb}
  .browser-address{width:220px;height:25px;border-radius:8px;background:#f0f4f2;display:flex;align-items:center;justify-content:center;color:#99a39e;font-size:9px}
  .browser-square{width:24px;height:24px;border:1px solid #e4ebe7;border-radius:8px}
  .app-body{height:527px;display:grid;grid-template-columns:146px 1fr}
  .app-sidebar{padding:16px 12px;background:#f7faf8;border-right:1px solid #ebf0ed}
  .app-logo{display:flex;align-items:center;gap:8px;margin:0 5px 20px;font-size:12px;font-weight:800}
  .app-logo b{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:var(--green);color:#fff}
  .side-caption{margin:0 7px 7px;color:#a2ada7;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  .side-row{height:34px;margin-bottom:3px;padding:0 8px;border-radius:9px;display:flex;align-items:center;gap:8px;color:#6e7c76;font-size:10px}
  .side-row.active{background:#e5f3ec;color:#17644d;font-weight:760}
  .side-row i{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:#e2e9e5;font-style:normal;font-size:7px}
  .side-row.active i{background:#bee4d2}
  .side-count{margin-left:auto;font-size:8px;color:#9aa59f}
  .cloud-status{margin-top:92px;padding:10px;border:1px solid #e3ebe7;border-radius:12px;background:#fff}
  .cloud-status-head{display:flex;align-items:center;gap:7px;font-size:8.5px;font-weight:740}
  .yandex-mini{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#fff1f1;color:#f33;font-size:10px;font-weight:900}
  .cloud-meter{height:4px;margin:9px 0 6px;border-radius:99px;background:#edf2ef;overflow:hidden}.cloud-meter b{display:block;width:38%;height:100%;background:#69b294}
  .cloud-status small{color:#98a39d;font-size:7.5px}
  .app-workspace{padding:21px 23px;position:relative;background:linear-gradient(180deg,#fff,#fbfcfb)}
  .workspace-top{display:flex;align-items:flex-start;justify-content:space-between}
  .workspace-top small{display:block;margin-bottom:4px;color:#829089;font-size:9px;font-weight:680}
  .workspace-top h3{margin:0;font-size:19px;line-height:1.15;letter-spacing:-.45px}
  .ready-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#e6f5ee;color:#17664e;font-size:8px;font-weight:800}.ready-pill i{width:6px;height:6px;border-radius:50%;background:#2bab7b}
  .workspace-grid{display:grid;grid-template-columns:198px 1fr;gap:17px;margin-top:17px}
  .photo-preview{height:287px;padding:14px;position:relative;border-radius:16px;background:#edf1ef;overflow:hidden}
  .photo-badge{position:absolute;left:11px;top:11px;z-index:2;padding:5px 7px;border-radius:7px;background:rgba(16,34,28,.8);color:#fff;font-size:7.5px;font-weight:750}
  .paper{width:152px;height:231px;margin:22px auto 0;padding:17px 14px;position:relative;border-radius:5px;background:#fffefb;box-shadow:0 12px 25px rgba(35,54,46,.18);transform:rotate(-2deg)}
  .paper-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.paper-head b{font-size:6.5px}.paper-head i{width:24px;height:7px;border-radius:2px;background:#dfe7e3}
  .paper h4{margin:0 0 11px;font-size:9.5px;letter-spacing:.11em}
  .paper-line{height:4px;margin-bottom:7px;border-radius:99px;background:#e4e9e6}.paper-line.w1{width:88%}.paper-line.w2{width:70%}.paper-line.w3{width:94%}.paper-line.w4{width:55%}
  .paper-stamp{position:absolute;right:17px;bottom:28px;width:45px;height:45px;border:2px solid rgba(221,83,75,.45);border-radius:50%;display:grid;place-items:center;color:rgba(195,65,58,.58);font-size:6px;font-weight:800;transform:rotate(-10deg)}
  .result-panel{padding:14px;border:1px solid #e2ebe6;border-radius:15px;background:#fff;box-shadow:0 10px 24px rgba(27,71,54,.05)}
  .result-label{display:flex;align-items:center;gap:7px;color:var(--green);font-size:8px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.result-label i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e3f3eb;font-style:normal}
  .result-panel h4{margin:10px 0 12px;font-size:14px;line-height:1.25;letter-spacing:-.25px}
  .result-field{padding:9px 0;border-top:1px solid #edf2ef;display:grid;grid-template-columns:86px 1fr;gap:9px;font-size:8px}.result-field span{color:#99a39e}.result-field b{font-weight:730;color:#2c4038}
  .important-box{margin-top:10px;padding:9px;border-radius:10px;background:#fff5e8;color:#765a31;font-size:7.5px;line-height:1.45}
  .saved-bar{position:absolute;left:23px;right:23px;bottom:21px;height:52px;padding:0 13px;border-radius:13px;display:flex;align-items:center;gap:10px;background:#14332a;color:#fff;box-shadow:0 13px 25px rgba(17,52,42,.2)}
  .saved-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.11)}
  .saved-bar b{display:block;font-size:8.5px}.saved-bar span{display:block;margin-top:3px;color:#b9d1c8;font-size:7px}.saved-check{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dff3e9;color:#126249;font-size:10px;font-weight:900}
  .hero-float{position:absolute;border:1px solid rgba(31,75,58,.11);background:rgba(255,255,255,.93);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}
  .float-upload{left:-16px;top:116px;width:176px;padding:13px;border-radius:17px;display:flex;align-items:center;gap:10px}
  .float-upload .icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e5f4ed;color:var(--green)}
  .float-upload b{display:block;font-size:10px}.float-upload span{display:block;margin-top:4px;color:#8b9791;font-size:8px}
  .float-answer{right:-26px;bottom:15px;width:213px;padding:13px;border-radius:17px}
  .float-answer small{display:block;color:#8d9993;font-size:7px;margin-bottom:5px}.float-answer b{display:block;font-size:10px;line-height:1.35}.float-answer span{display:inline-flex;margin-top:8px;padding:5px 7px;border-radius:7px;background:#e3f3eb;color:#17644d;font-size:7px;font-weight:800}

  .trust-strip{position:relative;z-index:2;margin-top:-48px}
  .trust-strip-inner{min-height:86px;padding:18px 25px;border:1px solid rgba(212,228,220,.92);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(24,72,55,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .strip-item{display:flex;align-items:center;gap:11px;padding:0 15px;border-right:1px solid #e8efeb}
  .strip-item:last-child{border-right:0}
  .strip-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e8f5ef;color:var(--green);flex:0 0 34px}
  .strip-item b{display:block;font-size:11px}.strip-item span{display:block;margin-top:3px;color:#89958f;font-size:8.5px;line-height:1.35}

  /* Proof */
  .proof{padding-top:155px;background:#fff}
  .proof-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end;margin-bottom:52px}
  .proof-head .section-title{margin-bottom:0}
  .proof-head .section-lead{max-width:540px;padding-bottom:4px}
  .proof-demo{padding:28px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#f7faf8,#edf7f2);box-shadow:var(--shadow-sm)}
  .demo-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
  .demo-tabs-left{display:flex;gap:7px}
  .demo-tab{height:37px;padding:0 13px;border:1px solid #dce7e1;border-radius:10px;background:#fff;color:#74817b;font-size:10px;font-weight:730}
  .demo-tab.active{border-color:#b9ddcc;background:#e4f3eb;color:#17664e}
  .demo-hint{color:#88958f;font-size:9px}
  .demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}
  .before-card,.after-card{min-height:490px;border:1px solid #dce7e1;border-radius:24px;background:#fff;overflow:hidden;position:relative}
  .card-kicker{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebf0ed;color:#77847e;font-size:9px;font-weight:730}
  .card-kicker b{color:#2b4038;font-size:10px}.card-kicker span{display:inline-flex;align-items:center;gap:6px}.card-kicker i{width:6px;height:6px;border-radius:50%;background:#28a878}
  .before-body{height:442px;padding:25px;background:#e9eeeb;display:grid;place-items:center;position:relative}
  .desk-shadow{position:absolute;left:36px;right:36px;bottom:31px;height:32px;border-radius:50%;background:rgba(26,48,40,.12);filter:blur(12px)}
  .photo-sheet{width:240px;height:340px;padding:29px 25px;position:relative;border-radius:7px;background:#fffdfa;box-shadow:0 22px 42px rgba(25,49,40,.23);transform:rotate(-3.2deg)}
  .photo-sheet::before{content:"";position:absolute;inset:11px;border:1px solid #eee7dc}
  .photo-sheet h4{position:relative;margin:20px 0 18px;text-align:center;font-size:14px;letter-spacing:.15em}
  .photo-sheet .brandline{position:relative;display:flex;justify-content:space-between;font-size:8px;font-weight:800}.photo-sheet .brandline i{width:41px;height:9px;border-radius:2px;background:#dfe7e3}
  .sheet-row{position:relative;margin-top:14px}.sheet-row small{display:block;margin-bottom:5px;color:#8f9994;font-size:7px}.sheet-row b{font-size:9px}
  .sheet-rule{height:1px;margin-top:7px;background:#dfe6e2}
  .big-stamp{position:absolute;right:30px;bottom:45px;width:72px;height:72px;border:3px solid rgba(204,66,57,.42);border-radius:50%;display:grid;place-items:center;color:rgba(181,54,47,.54);font-size:8px;font-weight:850;transform:rotate(-12deg)}
  .photo-name{position:absolute;left:22px;bottom:18px;padding:8px 11px;border-radius:9px;background:rgba(16,34,28,.82);color:#fff;font-size:8px;font-weight:730}
  .after-body{padding:21px}
  .after-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
  .after-title-row small{display:block;margin-bottom:6px;color:var(--green);font-size:8px;font-weight:820;letter-spacing:.09em;text-transform:uppercase}
  .after-title-row h3{margin:0;font-size:21px;line-height:1.16;letter-spacing:-.55px}
  .source-pill{padding:8px 10px;border-radius:10px;background:#e6f4ed;color:#17664e;font-size:8px;font-weight:790;white-space:nowrap}
  .after-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
  .info-cell{padding:12px;border:1px solid #e5ece8;border-radius:12px;background:#fbfcfb}.info-cell small{display:block;margin-bottom:5px;color:#98a39d;font-size:7.5px}.info-cell b{font-size:10px}
  .after-note{margin-top:10px;padding:13px;border-radius:13px;background:#fff6e9}.after-note small{display:block;margin-bottom:5px;color:#a36d27;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.after-note p{margin:0;color:#6b5537;font-size:9px;line-height:1.5}
  .ask-sample{margin-top:10px;padding:13px;border:1px solid #dfe9e4;border-radius:14px;background:#fff}
  .ask-sample .question{margin-left:80px;padding:9px 11px;border-radius:11px 11px 3px 11px;background:#16352c;color:#fff;font-size:8.5px;line-height:1.4}
  .ask-sample .answer{margin-top:8px;padding:10px 11px;border-radius:11px 11px 11px 3px;background:#e8f5ef;color:#285144;font-size:8.5px;line-height:1.45}.ask-sample .answer b{color:#0d6e51}
  .provenance{margin-top:10px;height:42px;padding:0 11px;border-radius:11px;display:flex;align-items:center;gap:8px;background:#f2f6f4;color:#77847e;font-size:7.5px}.provenance b{color:#344a42}.provenance .sep{color:#b5c0bb}.provenance .original-ok{margin-left:auto;color:#17664e;font-weight:800}
  .proof-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:0 4px;color:#77847e;font-size:11px}.proof-caption strong{color:#30483e}.proof-caption .caption-line{flex:1;height:1px;background:#dce7e1}

  /* Problem */
  .problem{background:#f0f7f3}
  .problem-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:82px;align-items:start}
  .problem-copy{position:sticky;top:112px}
  .problem-copy .section-title{max-width:500px}
  .problem-copy .section-lead{max-width:475px}
  .problem-quote{margin-top:28px;padding:18px 19px;border-left:3px solid var(--green);border-radius:0 15px 15px 0;background:rgba(255,255,255,.65);color:#2d473d;font-size:14px;line-height:1.55;font-weight:670}
  .problem-list{display:grid;gap:14px}
  .problem-row{min-height:176px;padding:25px 27px;border:1px solid #dbe7e0;border-radius:23px;background:#fff;box-shadow:0 12px 32px rgba(25,70,53,.055);display:grid;grid-template-columns:62px 1fr 145px;gap:20px;align-items:center}
  .problem-number{font-size:44px;line-height:1;color:#c3ded1;font-weight:800;letter-spacing:-2px}
  .problem-row h3{margin:0 0 8px;font-size:21px;letter-spacing:-.55px}.problem-row p{margin:0;color:#728079;font-size:13px;line-height:1.55}
  .problem-mini{height:112px;padding:11px;border-radius:15px;background:#f4f8f6;position:relative;overflow:hidden}
  .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gallery-grid i{height:25px;border-radius:5px;background:#dce7e1}.gallery-grid i:nth-child(2),.gallery-grid i:nth-child(5){background:#cde7da}.gallery-grid i:nth-child(4){background:#f2ddca}.gallery-count{position:absolute;right:8px;bottom:8px;padding:5px 7px;border-radius:7px;background:#fff;color:#829089;font-size:7px;font-weight:800}
  .folder-tree{display:grid;gap:7px}.folder-line{height:21px;padding:0 7px;border-radius:6px;background:#fff;display:flex;align-items:center;gap:6px;color:#809087;font-size:7px}.folder-line::before{content:"";width:9px;height:7px;border-radius:2px;background:#cfdfd7}.folder-line.indent{margin-left:12px}.folder-line.file::before{height:10px;background:#e7d5c5}
  .search-miss{height:32px;padding:0 9px;border-radius:9px;background:#fff;display:flex;align-items:center;color:#9aa59f;font-size:7px}.search-x{position:absolute;left:11px;right:11px;bottom:11px;padding:9px;border-radius:10px;background:#fff0f0;color:#9b5255;font-size:7px;line-height:1.4}

  /* How */
  .how{background:#fff}
  .how-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}.how-head .section-title{margin-bottom:0}.how-head .section-lead{max-width:520px;padding-bottom:4px}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
  .step-card{min-height:510px;padding:24px;border:1px solid var(--line);border-radius:27px;background:#f8faf9;position:relative;overflow:hidden}
  .step-top{display:flex;align-items:center;justify-content:space-between}.step-number{font-size:12px;font-weight:850;color:var(--green);letter-spacing:.1em}.step-time{color:#93a099;font-size:9px}
  .step-visual{height:250px;margin:20px 0 24px;border-radius:20px;position:relative;overflow:hidden;background:#edf5f1}
  .step-card h3{margin:0 0 10px;font-size:24px;letter-spacing:-.75px}.step-card p{margin:0;color:#728079;font-size:13px;line-height:1.6}
  .step-card .step-foot{display:flex;align-items:center;gap:8px;margin-top:18px;color:#537066;font-size:9px;font-weight:720}.step-foot i{width:19px;height:19px;border-radius:7px;display:grid;place-items:center;background:#e0f2e9;color:var(--green);font-style:normal}
  .phone-shot{position:absolute;left:50%;top:23px;width:112px;height:208px;padding:12px 9px;border:5px solid #1d332c;border-radius:24px;background:#f9fbfa;transform:translateX(-50%) rotate(-2deg);box-shadow:0 14px 26px rgba(19,48,38,.18)}
  .phone-notch{width:32px;height:6px;margin:-6px auto 10px;border-radius:0 0 6px 6px;background:#1d332c}
  .phone-view{height:143px;border-radius:12px;background:#dce5e1;position:relative;overflow:hidden}.phone-paper{position:absolute;left:21px;top:18px;width:61px;height:103px;border-radius:3px;background:#fffdfa;transform:rotate(-4deg);box-shadow:0 8px 13px rgba(25,45,38,.16)}.phone-focus{position:absolute;inset:18px;border:1px solid #fff;border-radius:9px}.phone-shutter{width:25px;height:25px;margin:9px auto 0;border:3px solid #d9e2de;border-radius:50%}
  .upload-pill{position:absolute;right:17px;bottom:19px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 10px 20px rgba(23,61,46,.09);font-size:8px;font-weight:760;color:#295044}.upload-pill span{display:block;margin-top:4px;color:#8a9791;font-size:7px;font-weight:600}
  .ai-visual{background:#f7f2eb}.scan-card{position:absolute;left:22px;top:25px;width:115px;height:172px;padding:13px;border-radius:15px;background:#fff;box-shadow:0 12px 26px rgba(43,55,49,.09)}.scan-card i{display:block;height:5px;margin-bottom:8px;border-radius:99px;background:#e3e9e6}.scan-card i:nth-child(1){width:58%}.scan-card i:nth-child(2){width:86%}.scan-card i:nth-child(3){width:71%}.scan-card i:nth-child(4){width:92%}.scan-beam{position:absolute;left:10px;right:10px;top:77px;height:2px;background:#29a77b;box-shadow:0 0 12px #29a77b}.ai-fields{position:absolute;right:18px;top:45px;width:150px;padding:12px;border-radius:15px;background:#fff;box-shadow:0 12px 25px rgba(43,55,49,.09)}.ai-fields b{display:block;margin-bottom:9px;color:var(--green);font-size:8px}.ai-row{height:28px;padding:0 8px;margin-top:6px;border-radius:8px;background:#f2f6f4;display:flex;align-items:center;justify-content:space-between;font-size:7px}.ai-row span{color:#9aa59f}.ai-row strong{color:#334a41;font-size:7px}
  .library-visual{background:#edf3ff}.library-window{position:absolute;left:19px;right:19px;top:23px;bottom:23px;border-radius:17px;background:#fff;box-shadow:0 13px 26px rgba(40,55,73,.09);overflow:hidden}.library-head{height:42px;padding:0 11px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e8edf1}.library-head i{width:21px;height:21px;border-radius:7px;background:#e3f3eb}.library-head b{font-size:8px}.library-search{margin:10px;height:31px;padding:0 9px;border-radius:8px;background:#f1f4f6;display:flex;align-items:center;color:#8d9893;font-size:7px}.library-results{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px}.library-doc{padding:8px;border:1px solid #e5ece8;border-radius:9px}.library-doc b{display:block;font-size:7px}.library-doc span{display:block;margin-top:4px;color:#99a39e;font-size:6px}.library-answer{position:absolute;left:27px;right:27px;bottom:18px;padding:10px;border-radius:11px;background:#14332a;color:#fff;font-size:7px;line-height:1.4;box-shadow:0 10px 20px rgba(17,52,42,.18)}
  .process-note{margin-top:20px;padding:19px 22px;border-radius:18px;background:#15342b;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.process-note b{font-size:14px}.process-note span{color:#bcd1c8;font-size:11px;line-height:1.5}.process-note .folder-chip{padding:10px 13px;border-radius:11px;background:rgba(255,255,255,.1);font-size:10px;font-weight:750;white-space:nowrap}

  /* Security */
  .security{position:relative;background:linear-gradient(145deg,#0f3026,#0b251e);color:#fff;overflow:hidden}
  .security::before{content:"";position:absolute;right:-170px;top:-180px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
  .security::after{content:"";position:absolute;left:-230px;bottom:-270px;width:610px;height:610px;border-radius:50%;background:rgba(48,129,99,.13)}
  .security-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
  .security .section-tag{color:#8bd0b5}.security .section-title{font-size:54px;max-width:560px}.security .section-lead{color:#b7cbc3;max-width:555px}
  .security-points{display:grid;gap:10px;margin:29px 0 26px}
  .security-point{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;padding:12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045)}
  .security-point i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(139,208,181,.13);color:#9ed8c1;font-style:normal}
  .security-point b{display:block;font-size:12px}.security-point span{display:block;margin-top:4px;color:#a9c0b7;font-size:10px;line-height:1.5}
  .security-link{color:#a8dfc9}
  .security-map{height:548px;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.07);box-shadow:0 26px 58px rgba(0,0,0,.2);backdrop-filter:blur(12px);position:relative;overflow:hidden}
  .security-map::before{content:"";position:absolute;right:-65px;bottom:-65px;width:230px;height:230px;border-radius:50%;background:rgba(87,175,141,.14)}
  .map-title{position:relative;z-index:2}.map-title small{display:block;margin-bottom:5px;color:#9db7ad;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.map-title b{font-size:15px}
  .data-flow{position:relative;height:400px;margin-top:17px}
  .flow-line{position:absolute;left:86px;right:86px;top:192px;height:2px;background:linear-gradient(90deg,#6fae96,#d9eee5,#6fae96)}
  .flow-line::before,.flow-line::after{content:"";position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#8dccb4}.flow-line::before{left:0}.flow-line::after{right:0}
  .flow-node{position:absolute;width:156px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 16px 34px rgba(0,0,0,.16)}
  .flow-node .node-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e5f3ec;color:var(--green);margin-bottom:12px}.flow-node b{display:block;font-size:11px}.flow-node span{display:block;margin-top:5px;color:#7d8a84;font-size:8px;line-height:1.45}
  .flow-device{left:8px;top:126px}.flow-vincle{left:50%;top:45px;transform:translateX(-50%);background:#e1f3ea}.flow-cloud{right:8px;top:126px}.flow-cloud .node-icon{background:#fff0f0;color:#f33}
  .flow-note{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:260px;padding:13px;border-radius:14px;background:rgba(255,255,255,.09);color:#bad0c7;text-align:center;font-size:9px;line-height:1.5}.flow-note b{color:#fff}

  /* Benefits */
  .benefits{background:#fff}
  .benefits-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}.benefits-head .section-title{margin-bottom:0}.benefits-head .section-lead{max-width:540px;padding-bottom:4px}
  .benefit-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:345px 345px;gap:18px}
  .benefit-card{padding:27px;border:1px solid var(--line);border-radius:27px;background:#f8faf9;position:relative;overflow:hidden}
  .benefit-card h3{margin:13px 0 9px;font-size:25px;line-height:1.08;letter-spacing:-.8px}.benefit-card p{margin:0;max-width:355px;color:#728079;font-size:13px;line-height:1.55}
  .benefit-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e3f3eb;color:var(--green)}
  .find-card{background:linear-gradient(145deg,#f6faf8,#edf6f2)}
  .find-card .card-copy{width:44%}
  .search-ui{position:absolute;right:24px;top:24px;width:50%;height:297px;padding:14px;border:1px solid #dce8e2;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(25,61,49,.07)}
  .search-ui-head{display:flex;align-items:center;justify-content:space-between;color:#89958f;font-size:8px}.search-ui-head b{color:#30453d;font-size:9px}.search-input{height:42px;margin:11px 0;padding:0 11px;border-radius:11px;background:#f0f4f2;display:flex;align-items:center;gap:8px;color:#78857f;font-size:8px}.search-input i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#def1e8;color:var(--green);font-style:normal}
  .search-result{height:58px;margin-top:7px;padding:0 9px;border:1px solid #e4ece7;border-radius:11px;display:flex;align-items:center;gap:9px}.search-result .doc-dot{width:31px;height:31px;border-radius:8px;background:#e5f3ed;display:grid;place-items:center;color:var(--green);font-size:8px;font-weight:850}.search-result b{display:block;font-size:8px}.search-result span{display:block;margin-top:3px;color:#9aa59f;font-size:6.5px}.date-pill{margin-left:auto;padding:5px 7px;border-radius:6px;background:#e4f3ec;color:#17664e;font-size:6.5px;font-weight:800}
  .understand-card{background:linear-gradient(145deg,#fff7ed,#fff)}
  .facts-ui{position:absolute;left:26px;right:26px;bottom:23px;height:135px;padding:13px;border:1px solid #eee1d5;border-radius:16px;background:#fff}.facts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.facts-head b{font-size:8px;color:#a36c28;text-transform:uppercase;letter-spacing:.08em}.facts-head span{font-size:7px;color:#98a39d}.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.fact{padding:8px;border:1px solid #eee8e2;border-radius:8px}.fact small{display:block;margin-bottom:3px;color:#a3ada8;font-size:6.5px}.fact b{font-size:8px}
  .ask-card-benefit{background:linear-gradient(145deg,#eef4ff,#fff)}
  .chat-ui{position:absolute;left:24px;right:24px;bottom:23px;height:147px;padding:11px;border:1px solid #e1e8f1;border-radius:16px;background:#fff}.chat-q{margin-left:70px;padding:8px 9px;border-radius:10px 10px 3px 10px;background:#17362d;color:#fff;font-size:7px}.chat-a{margin-top:7px;padding:9px;border-radius:10px 10px 10px 3px;background:#e6f3ed;color:#315347;font-size:7px;line-height:1.4}.chat-a b{color:#0f6c4f}.chat-source{display:flex;align-items:center;gap:6px;margin-top:7px;color:#8b9791;font-size:6.5px}.chat-source i{width:16px;height:16px;border-radius:5px;background:#e5f3ed}
  .action-card{background:linear-gradient(145deg,#f5faf7,#fff)}
  .action-ui{position:absolute;left:24px;right:24px;bottom:23px;display:grid;grid-template-columns:1fr 39px 1fr;align-items:center}.action-box{height:103px;padding:12px;border:1px solid #e3ebe7;border-radius:14px;background:#fff}.action-box small{display:block;margin-bottom:7px;color:#9ba59f;font-size:7px}.action-box b{font-size:8.5px;line-height:1.35}.action-box em{display:inline-block;margin-top:9px;padding:5px 7px;border-radius:6px;background:#fff0d5;color:#9e6b1f;font-size:6.5px;font-style:normal;font-weight:800}.action-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:auto;border:1px solid #dce7e1;background:#fff;color:var(--green)}
  .source-wide{margin-top:18px;padding:27px;border:1px solid var(--line);border-radius:27px;background:#123229;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;overflow:hidden;position:relative}.source-wide::after{content:"";position:absolute;right:-65px;bottom:-90px;width:270px;height:270px;border-radius:50%;background:rgba(62,143,112,.18)}.source-wide h3{margin:10px 0 9px;font-size:27px;letter-spacing:-.85px}.source-wide p{margin:0;color:#b7cbc3;font-size:13px;line-height:1.55}.source-wide .benefit-icon{background:rgba(255,255,255,.1);color:#9ed9c1}
  .source-chain{position:relative;z-index:2;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.chain-item{flex:1;padding:12px;border-radius:13px;background:#fff;color:var(--ink)}.chain-item small{display:block;margin-bottom:5px;color:#94a099;font-size:7px}.chain-item b{font-size:9px}.chain-arrow{color:#8ccbb4;font-size:17px}.chain-check{margin-left:auto;padding:8px 10px;border-radius:9px;background:#dff3e9;color:#17654d;font-size:7px;font-weight:850}

  /* Comparison */
  .comparison{background:#eef7f2}
  .comparison-head{text-align:center;max-width:760px;margin:0 auto 46px}.comparison-head .section-tag{justify-content:center}.comparison-head .section-title{font-size:48px}.comparison-head .section-lead{max-width:690px;margin:0 auto}
  .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
  .compare-card{padding:25px;border:1px solid #d9e6df;border-radius:24px;background:rgba(255,255,255,.72)}
  .compare-card.featured{background:#14342b;color:#fff;border-color:#14342b;box-shadow:0 18px 40px rgba(17,52,42,.18)}
  .compare-head{display:flex;align-items:center;gap:11px;margin-bottom:21px}.compare-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e5f3ec;color:var(--green)}.featured .compare-logo{background:rgba(255,255,255,.1);color:#a4dec8}.compare-head b{font-size:16px}.compare-head span{display:block;margin-top:4px;color:#829089;font-size:9px}.featured .compare-head span{color:#acc5bb}
  .compare-row{padding:13px 0;border-top:1px solid #e5ece8}.compare-row small{display:block;margin-bottom:5px;color:#8d9993;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.compare-row b{font-size:11px;line-height:1.45}.featured .compare-row{border-color:rgba(255,255,255,.1)}.featured .compare-row small{color:#94b7aa}.featured .compare-row b{color:#fff}

  /* Scenarios */
  .scenarios{background:#fff}
  .scenarios-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:50px}.scenarios-head .section-title{margin-bottom:0}.scenarios-head .section-lead{max-width:520px;padding-bottom:4px}
  .scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .scenario-card{min-height:430px;padding:26px;border:1px solid var(--line);border-radius:27px;background:#f8faf9;position:relative;overflow:hidden}
  .scenario-card:nth-child(2){background:#f5f7ff}.scenario-card:nth-child(3){background:#fff8f0}
  .scenario-card h3{margin:14px 0 9px;font-size:24px;letter-spacing:-.75px}.scenario-card>p{margin:0;color:#728079;font-size:13px;line-height:1.55}
  .scenario-visual{position:absolute;left:23px;right:23px;bottom:23px;height:190px;border:1px solid #e1e9e5;border-radius:17px;background:#fff;padding:15px}
  .scenario-query{padding:10px 11px;border-radius:10px;background:#f1f5f3;color:#51665d;font-size:8px}.scenario-query b{color:#2c463c}
  .scenario-answer{margin-top:9px;padding:12px;border-radius:11px;background:#e6f3ed;color:#335548;font-size:8px;line-height:1.45}.scenario-answer strong{display:block;margin-bottom:5px;color:#116f51;font-size:9px}.scenario-source{display:flex;align-items:center;gap:7px;margin-top:9px;color:#8d9993;font-size:7px}.scenario-source i{width:20px;height:20px;border-radius:6px;background:#e6f3ed}.scenario-actions{display:flex;gap:6px;margin-top:9px}.scenario-actions span{padding:6px 7px;border-radius:7px;background:#14342b;color:#fff;font-size:6.5px;font-weight:760}.scenario-actions span.secondary{background:#eef3f0;color:#50655c}

  /* FAQ */
  .faq{background:#f1f7f4}
  .faq-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:76px;align-items:start}
  .faq-copy{position:sticky;top:112px}.faq-copy .section-title{font-size:47px;max-width:420px}.faq-copy .section-lead{max-width:390px}.faq-note{margin-top:24px;padding:16px;border:1px solid #d9e6df;border-radius:15px;background:#fff;color:#718079;font-size:11px;line-height:1.55}.faq-note b{color:#2e493e}
  .faq-list{border-top:1px solid #d5e3dc}
  details{border-bottom:1px solid #d5e3dc}
  summary{list-style:none;min-height:72px;padding:0 5px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:730;cursor:pointer}
  summary::-webkit-details-marker{display:none}
  .faq-plus{width:28px;height:28px;flex:0 0 28px;border:1px solid #cfe0d7;border-radius:9px;display:grid;place-items:center;color:var(--green);transition:transform .18s ease,background .18s ease}
  details[open] .faq-plus{transform:rotate(45deg);background:#e0f2e9}
  .faq-answer{padding:0 52px 22px 5px;color:#6b7a73;font-size:13px;line-height:1.65}.faq-answer strong{color:#2c463b}

  /* Final CTA */
  .final{padding:92px 0 48px;background:#fff}
  .final-card{min-height:420px;padding:54px 58px;border-radius:32px;background:linear-gradient(135deg,#11342a,#0a261e);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center;box-shadow:0 28px 70px rgba(17,52,42,.2)}
  .final-card::before{content:"";position:absolute;right:-110px;top:-130px;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.final-card::after{content:"";position:absolute;left:46%;bottom:-230px;width:520px;height:520px;border-radius:50%;background:rgba(52,137,104,.16)}
  .final-copy,.access-box{position:relative;z-index:2}
  .final-tag{color:#9ad6bf}.final-tag::before{background:#9ad6bf}
  .final-card h2{margin:18px 0 15px;font-size:48px;line-height:1.05;letter-spacing:-2.4px}.final-card p{margin:0;color:#b8cbc3;font-size:16px;line-height:1.6}
  .access-box{padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
  .access-box h3{margin:0 0 7px;font-size:17px}.access-box>p{margin:0 0 17px;color:#aec5bb;font-size:11px;line-height:1.5}
  .access-form{display:grid;grid-template-columns:1fr auto;gap:8px}
  .access-form input{height:54px;padding:0 15px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;outline:none;font-size:13px}.access-form input::placeholder{color:#97afa5}.access-form input:focus{border-color:#82c8ad;box-shadow:0 0 0 3px rgba(130,200,173,.12)}
  .access-form .btn{min-height:54px;white-space:nowrap}
  .access-meta{display:grid;gap:8px;margin-top:15px}.access-meta span{display:flex;align-items:center;gap:8px;color:#b7cbc2;font-size:9.5px}.access-meta i{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#a0d9c3;font-style:normal}
  .form-success{display:none;margin-top:12px;padding:10px 11px;border-radius:10px;background:rgba(153,219,192,.14);color:#bcebd8;font-size:10px}
  .form-success.show{display:block}

  /* Footer */
  footer{padding:28px 0 36px;background:#fff}
  .footer-inner{padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#7b8882;font-size:10px}
  .footer-links{display:flex;align-items:center;gap:22px}.footer-links a:hover{color:var(--green)}

  @media (max-width:1180px){
    .container{width:min(100% - 40px,1040px)}
    .nav{gap:20px;margin-left:25px}
    h1{font-size:54px}
    .hero-inner{grid-template-columns:.86fr 1.14fr;gap:35px}
    .app-window{width:610px;transform:scale(.94);transform-origin:right top}
    .hero-visual{height:610px}
    .float-upload{left:-5px}.float-answer{right:-3px}
  }
  @media (max-width:980px){
    .site-header{height:70px}.nav,.header-login,.header-cta{display:none}.menu-button{display:flex}.brand{font-size:19px}
    .mobile-menu{position:fixed;inset:70px 0 auto 0;z-index:49;padding:20px;background:rgba(251,253,252,.97);border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(20,65,49,.08)}
    .mobile-menu.open{display:block}.mobile-menu a{display:flex;padding:14px 4px;border-bottom:1px solid #edf2ef;font-size:15px;font-weight:700}.mobile-menu .btn{width:100%;margin-top:16px}
    .hero{padding-top:70px}.hero-inner{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-badge{margin:auto}h1{max-width:760px;margin-left:auto;margin-right:auto}.hero-lead{max-width:700px;margin:auto}.hero-promise{justify-content:center}.hero-actions{justify-content:center}.hero-note{justify-content:center}
    .hero-visual{height:620px}.app-window{left:50%;right:auto;transform:translateX(-50%) scale(.94);transform-origin:center top}.float-upload{left:6%}.float-answer{right:5%}
    .trust-strip-inner{grid-template-columns:1fr 1fr}.strip-item:nth-child(2){border-right:0}.strip-item{min-height:54px}.strip-item:nth-child(-n+2){border-bottom:1px solid #e8efeb}
    .proof-head,.how-head,.benefits-head,.scenarios-head{grid-template-columns:1fr;gap:15px}.proof-head .section-lead,.how-head .section-lead,.benefits-head .section-lead,.scenarios-head .section-lead{padding:0}
    .problem-grid{grid-template-columns:1fr;gap:40px}.problem-copy{position:static}
    .steps{grid-template-columns:1fr}.step-card{min-height:470px}.step-visual{height:250px}
    .security-grid{grid-template-columns:1fr}.security-map{max-width:660px;width:100%;margin:auto}
    .benefit-grid{grid-template-columns:1fr;grid-template-rows:auto}.benefit-card{min-height:350px}.find-card .card-copy{width:42%}
    .source-wide{grid-template-columns:1fr}
    .compare-grid{grid-template-columns:1fr}.compare-card{display:grid;grid-template-columns:220px repeat(3,1fr);gap:15px;align-items:center}.compare-head{margin:0}.compare-row{border-top:0;border-left:1px solid #e5ece8;padding:6px 0 6px 15px}.featured .compare-row{border-color:rgba(255,255,255,.1)}
    .scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:370px}.scenario-visual{height:180px}
    .faq-grid{grid-template-columns:1fr;gap:42px}.faq-copy{position:static}
    .final-card{grid-template-columns:1fr}.final-copy{max-width:700px}.access-box{max-width:660px;width:100%}
  }
  @media (max-width:720px){
    .container{width:calc(100% - 28px)}
    .section{padding:72px 0}.section-title{font-size:39px;letter-spacing:-1.7px}.section-lead{font-size:16px}
    .hero{min-height:auto}.hero-inner{padding-top:52px;padding-bottom:64px;gap:35px}.hero-copy{text-align:left}.hero-badge{margin:0}h1{font-size:43px;letter-spacing:-2.15px;margin-top:20px}.hero-lead{font-size:16px}.hero-promise{justify-content:flex-start;font-size:13.5px}.hero-actions{justify-content:flex-start;display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-note{justify-content:flex-start;flex-wrap:wrap;font-size:10px}
    .hero-visual{height:510px;margin:0 -10px}.hero-glow{width:300px;height:300px;right:-80px}.hero-shape{width:100px;height:100px}.app-window{width:620px;transform:translateX(-50%) scale(.73);transform-origin:center top;top:12px}.float-upload{left:0;top:73px;transform:scale(.84);transform-origin:left top}.float-answer{right:0;bottom:0;transform:scale(.84);transform-origin:right bottom}
    .trust-strip{margin-top:-25px}.trust-strip-inner{grid-template-columns:1fr;padding:10px 14px}.strip-item{border-right:0!important;border-bottom:1px solid #e8efeb!important;padding:12px 5px}.strip-item:last-child{border-bottom:0!important}
    .proof{padding-top:105px}.proof-head{margin-bottom:32px}.demo-tabs{align-items:flex-start;gap:10px}.demo-tabs-left{flex-wrap:wrap}.demo-hint{display:none}.proof-demo{padding:14px;border-radius:24px}.demo-grid{grid-template-columns:1fr}.before-card,.after-card{min-height:auto}.before-body{height:390px}.after-body{padding:17px}.after-info{grid-template-columns:1fr 1fr}.ask-sample .question{margin-left:38px}.proof-caption{align-items:flex-start;font-size:9px}.proof-caption .caption-line{display:none}
    .problem-row{min-height:auto;padding:21px;grid-template-columns:45px 1fr}.problem-number{font-size:34px}.problem-mini{grid-column:1 / -1;height:118px}.problem-quote{font-size:13px}
    .step-card{min-height:490px;padding:21px}.process-note{align-items:flex-start;flex-direction:column}.process-note .folder-chip{white-space:normal}
    .security .section-title{font-size:41px}.security-map{height:510px;padding:20px}.flow-node{width:132px;padding:13px}.flow-device{left:0}.flow-cloud{right:0}.flow-vincle{top:52px}.flow-line{left:55px;right:55px}.flow-note{width:225px}
    .benefit-card{min-height:440px}.find-card .card-copy{width:100%}.search-ui{left:20px;right:20px;top:auto;bottom:20px;width:auto;height:230px}.understand-card,.ask-card-benefit,.action-card{min-height:390px}.source-wide{padding:23px}.source-chain{display:grid;grid-template-columns:1fr}.chain-arrow{transform:rotate(90deg);text-align:center}.chain-check{margin:0;text-align:center}
    .comparison-head .section-title{font-size:39px}.compare-card{display:block}.compare-head{margin-bottom:18px}.compare-row{border-left:0;border-top:1px solid #e5ece8;padding:12px 0}.featured .compare-row{border-color:rgba(255,255,255,.1)}
    .scenario-card{min-height:430px}.scenario-visual{height:210px}
    .faq-copy .section-title{font-size:39px}.faq-answer{padding-right:15px}.final{padding-top:72px}.final-card{padding:34px 23px;border-radius:25px;gap:32px}.final-card h2{font-size:39px;letter-spacing:-1.7px}.access-form{grid-template-columns:1fr}.access-form .btn{width:100%}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:13px 18px}
  }

  /* Prepaid AI keys */
  .hero-copy h1{margin-top:0}
  .pricing{padding:94px 0 56px;background:#fff}
  .pricing-shell{padding:58px;border-radius:34px;background:linear-gradient(135deg,#11352b 0%,#0a261f 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 74px rgba(17,52,42,.2)}
  .pricing-shell::before{content:"";position:absolute;right:-140px;top:-185px;width:500px;height:500px;border:1px solid rgba(255,255,255,.09);border-radius:50%}
  .pricing-shell::after{content:"";position:absolute;left:35%;bottom:-330px;width:670px;height:670px;border-radius:50%;background:rgba(58,148,112,.12)}
  .pricing-head,.plan-grid,.pricing-note{position:relative;z-index:2}
  .pricing-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:end;margin-bottom:38px}
  .pricing-tag{color:#9edac3}.pricing-tag::before{background:#9edac3}
  .pricing-head .section-title{margin-bottom:0;color:#fff;font-size:50px}
  .pricing-intro>p{margin:0;color:#b8cbc3;font-size:16px;line-height:1.65}
  .pricing-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
  .pricing-points span{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#c9dbd4;font-size:9.5px;font-weight:700}
  .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
  .plan-card{min-height:372px;padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);display:flex;flex-direction:column}
  .plan-card.featured{background:#f5fbf8;color:var(--ink);border-color:#f5fbf8;box-shadow:0 22px 46px rgba(2,22,16,.2);transform:translateY(-8px)}
  .plan-label{align-self:flex-start;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#a9d9c7;font-size:8.5px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
  .featured .plan-label{background:#dff2e9;color:#11684e}
  .plan-tokens{display:flex;align-items:flex-end;gap:9px;margin-top:25px}
  .plan-tokens strong{font-size:52px;line-height:.86;letter-spacing:-2.6px}
  .plan-tokens span{padding-bottom:5px;color:#a9beb5;font-size:12px;font-weight:700}
  .featured .plan-tokens span{color:#76867f}
  .plan-docs{display:flex;align-items:baseline;gap:7px;margin-top:18px;padding:12px 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
  .featured .plan-docs{border-color:#dfe9e4}
  .plan-docs b{font-size:20px;color:#a8dfca}.featured .plan-docs b{color:var(--green)}
  .plan-docs span{color:#a9beb5;font-size:9.5px}.featured .plan-docs span{color:#788780}
  .plan-card>p{margin:17px 0 22px;color:#b6c9c1;font-size:12px;line-height:1.6}.featured>p{color:#687970}
  .plan-button{height:49px;margin-top:auto;padding:0 14px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.11);color:#fff;font-size:12px;font-weight:780;transition:transform .18s ease,background .18s ease}
  .plan-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
  .featured .plan-button{background:linear-gradient(180deg,#128865,#08704f);box-shadow:0 14px 28px rgba(12,123,89,.22)}
  .pricing-note{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.11);color:#9fb6ad;font-size:9.5px;line-height:1.5}
  .pricing-note span:first-child{color:#d0dfd9;font-weight:720;white-space:nowrap}

  @media (max-width:980px){
    .pricing-head{grid-template-columns:1fr;gap:16px}
    .plan-grid{grid-template-columns:1fr}
    .plan-card{min-height:auto}
    .plan-card.featured{transform:none}
  }
  @media (max-width:720px){
    .hero-copy h1{margin-top:0}
    .pricing{padding:72px 0 32px}
    .pricing-shell{padding:34px 22px;border-radius:26px}
    .pricing-head .section-title{font-size:39px;letter-spacing:-1.8px}
    .pricing-intro>p{font-size:14px}
    .pricing-points{display:grid;grid-template-columns:1fr 1fr}
    .pricing-points span:last-child{grid-column:1 / -1}
    .plan-grid{gap:12px}
    .plan-card{padding:22px;min-height:330px}
    .plan-tokens strong{font-size:48px}
    .pricing-note{flex-direction:column;gap:8px}
    .pricing-note span:first-child{white-space:normal}
  }

  @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}