:root{--blue:#074a86;--green:#2f7a4f;--gold:#d8a028;--ink:#102033;--muted:#637083;--line:#dfe7ee;--soft:#f6f8fb;--white:#fff;--shadow:0 24px 80px rgba(12,45,78,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,#f8fbfd);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto;border-radius:18px}iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;box-shadow:var(--shadow);background:#111}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,54px);background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,238,.8)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.02em;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 10px 26px rgba(7,74,134,.2)}.top-nav{display:flex;align-items:center;gap:4px}.nav-item{position:relative}.nav-item>a{display:block;padding:10px 13px;border-radius:999px;color:#3b4654;font-weight:650;font-size:14px}.nav-item.is-active>a,.nav-item:hover>a{background:#edf5f4;color:var(--green)}.dropdown{position:absolute;right:0;top:42px;display:grid;gap:8px;min-width:270px;padding:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease}.nav-item:hover .dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown a{padding:10px 12px;border-radius:10px;color:var(--ink);font-size:14px}.dropdown a:hover{background:var(--soft)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.hero,.page-hero,.content-shell{max-width:1200px;margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:620px;padding:80px clamp(18px,4vw,24px);overflow:hidden}.hero:before{content:"";position:absolute;inset:70px 0 40px;border-radius:36px;background:radial-gradient(circle at 76% 24%,rgba(216,160,40,.2),transparent 28%),linear-gradient(135deg,#f7fbff,#eef7f2 60%,#fff);z-index:-2}.current-lines{position:absolute;inset:120px 40px;background:repeating-linear-gradient(150deg,transparent 0 34px,rgba(7,74,134,.08) 35px 37px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);animation:drift 12s linear infinite;z-index:-1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--green);margin:0 0 14px}.hero h1,.page-hero h1{font-size:clamp(44px,7vw,86px);line-height:.98;margin:0 0 24px;letter-spacing:0;color:#071729}.hero p{font-size:19px;color:#405064;max-width:640px}.hero-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px}.button,.wsite-button-inner,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;font-weight:800;transition:.2s ease;cursor:pointer}.primary,.wsite-button-inner{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button:hover,.wsite-button-inner:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,32,51,.14)}.hero-device{padding:28px;border-radius:34px;background:rgba(255,255,255,.62);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}.hero-device img{width:100%;border-radius:24px}.page-hero{padding:78px clamp(18px,4vw,24px) 42px}.page-hero h1{max-width:900px}.content-shell{padding:0 clamp(18px,4vw,24px) 90px}.wsite-elements{display:block}.wsite-section-wrap,.wsite-section,.wsite-section-elements,.wsite-multicol,.wsite-multicol-table-wrap{display:block}.wsite-section-elements{padding:0}.wsite-content-title,h2{font-size:clamp(28px,4vw,48px);line-height:1.08;margin:34px 0 18px;letter-spacing:0;color:#071729}.paragraph,p,li{font-size:17px;color:#26384d}.paragraph{margin:14px 0 24px}.paragraph strong,li strong{color:#101c2a}ul,ol{padding-left:24px}li{margin:8px 0}.content-shell>div,.product-detail,.legal{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,52px);box-shadow:0 18px 70px rgba(8,38,64,.08);overflow:hidden}.content-shell>div:nth-child(even){background:var(--soft)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;align-items:start}.grid-cell{min-width:0}.wsite-button,.button{margin:6px 10px 12px 0}.wsite-button+.wsite-button,.button+.button,.form-submit-button+*{margin-left:12px}.wsite-youtube,.wsite-image{margin:28px 0}.wsite-image img,.galleryImageBorder{box-shadow:var(--shadow);border:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.wsite-form-container,.wsite-form-field{display:grid;gap:12px}.wsite-form-input,input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.wsite-form-label,label{font-weight:750;color:#17283b}.form-submit-button,input[type=submit]{width:auto;background:var(--ink);color:#fff;margin-top:16px}.wsite-social{display:flex;gap:14px;flex-wrap:wrap}.blog-post,.blogCommentWrap,.blog-sidebar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0}.site-footer{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:30px;padding:56px clamp(18px,5vw,70px);background:#071729;color:#dce8f4}.site-footer h2{font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 14px}.site-footer p,.site-footer a,.site-footer label{display:block;color:#dce8f4;font-size:14px;margin:9px 0}.newsletter input{margin-top:8px}.newsletter button{margin-top:14px;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}.success{display:none}.newsletter.is-sent .success,.email-forward-form.is-sent .success{display:block;color:#aee0bf}.footer-bottom{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.legal{max-width:860px;margin:0 auto}.wsite-menu-wrap,.wsite-menu,.wsite-menu-default,.wsite-menu-item-wrap,.wsite-footer,.footer-wrap,.banner-wrap,.nav-wrap,.header-wrap{display:none!important}@keyframes drift{from{background-position:0 0}to{background-position:500px 0}}@media(max-width:900px){.site-header{align-items:flex-start}.nav-toggle{display:block}.top-nav{position:absolute;left:16px;right:16px;top:68px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.top-nav.is-open{display:flex}.dropdown{position:static;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:0;background:var(--soft);margin:0 8px 8px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:46px}.site-footer{grid-template-columns:1fr}.content-shell>div,.product-detail,.legal{padding:22px}.paragraph,p,li{font-size:16px}.hero-actions{gap:18px}.wsite-button,.button{margin:8px 0 14px 0}}

body{overflow-x:hidden}.animated-home{background:#fbfcf8}.home-hero{position:relative;min-height:calc(100vh - 70px);display:grid;align-items:end;overflow:hidden;background:#061521}.home-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:140px;background:linear-gradient(180deg,rgba(251,252,248,0),#fbfcf8)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;filter:saturate(.95) contrast(1.05);transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,26,.88),rgba(4,24,35,.58) 48%,rgba(4,15,26,.24)),linear-gradient(0deg,rgba(4,15,26,.72),rgba(4,15,26,.1) 42%)}.home-hero-inner{position:relative;z-index:2;width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(24px,5vw,70px);align-items:end;padding:clamp(74px,11vh,140px) clamp(18px,4vw,28px) clamp(92px,13vh,150px)}.home-hero-copy h1{max-width:820px;margin:0;color:#fff;font-size:clamp(48px,8vw,104px);line-height:.94;letter-spacing:0}.home-hero .eyebrow,.home-hero .hero-lede{color:#d8f2e5}.hero-lede{max-width:720px;margin:28px 0 0;font-size:clamp(18px,2vw,22px);color:#dbe8f3}.hero-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.34);backdrop-filter:blur(14px)}.hero-panel{padding:24px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.24);border-radius:18px}.hero-panel img{display:block;max-width:180px;margin-bottom:18px;background:#fff;padding:10px;border-radius:14px}.hero-panel p{margin:0;color:#edf7ff;font-size:15px}.home-band,.home-cta{width:min(1200px,100%);margin:0 auto;padding:clamp(74px,9vw,118px) clamp(18px,4vw,28px)}.intro-band,.research-band{background:linear-gradient(180deg,#fbfcf8,#eef7f2)}.section-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--green)}.split-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(26px,6vw,78px);align-items:start}.home-band h2,.home-cta h2,.visual-break h2{margin:0;color:#071729;font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:0}.intro-copy p,.model-copy p,.research-band p{font-size:18px;color:#314358}.advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:52px}.advantage-card{min-height:260px;padding:26px;border:1px solid rgba(7,74,134,.14);border-radius:8px;background:#fff;box-shadow:0 18px 60px rgba(8,38,64,.08);transition:transform .35s ease,box-shadow .35s ease}.advantage-card:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(8,38,64,.13)}.advantage-card span{display:block;margin-bottom:34px;color:var(--gold);font-weight:800}.advantage-card h3{margin:0 0 12px;font-size:24px;color:#071729}.advantage-card p{margin:0;color:#47586b}.model-band{display:grid;grid-template-columns:minmax(0,.72fr) minmax(300px,1fr);gap:clamp(26px,6vw,82px);align-items:center}.text-link{display:inline-flex;margin-top:16px;font-weight:800}.model-stage{position:relative;min-height:560px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(216,160,40,.25),transparent 35%),linear-gradient(135deg,#09263b,#0b5d73 55%,#3d765d);box-shadow:0 28px 90px rgba(7,30,45,.24)}model-viewer{display:block;width:100%;height:560px;background:transparent}.viewer-hint{position:absolute;z-index:2;left:18px;top:18px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.88);font-size:13px;font-weight:800;color:#163247;box-shadow:0 10px 28px rgba(0,0,0,.14)}.model-loading,.model-fallback{display:grid;place-items:center;height:100%;padding:24px;text-align:center;color:#fff;font-weight:800}.visual-break{position:relative;min-height:360px;display:grid;align-items:end;margin:30px 0;overflow:hidden;background:#071729}.visual-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:.72;filter:saturate(.9) contrast(1.05)}.visual-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,26,.82),rgba(4,15,26,.22))}.visual-break>div{position:relative;z-index:1;width:min(1200px,100%);margin:0 auto;padding:70px clamp(18px,4vw,28px)}.visual-break h2,.visual-break .section-kicker{color:#fff}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:50px}.stat{padding:24px;border-left:3px solid var(--green);background:#fff}.stat strong{display:block;font-size:clamp(44px,6vw,72px);line-height:1;color:#071729}.stat span{display:block;margin-top:10px;color:#526276;font-weight:700}.section-heading{max-width:790px}.product-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}.product-tile{display:grid;min-width:0;border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 18px 60px rgba(8,38,64,.08);transition:transform .3s ease,box-shadow .3s ease}.product-tile:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(8,38,64,.13)}.product-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}.product-tile span{padding:18px 18px 0;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.product-tile strong{padding:4px 18px 20px;color:#071729;font-size:22px}.media-band{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:36px;align-items:center}.video-wrap iframe{border-radius:8px}.home-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;border-top:1px solid var(--line)}.home-cta h2{max-width:760px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease,clip-path .85s ease}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.js-motion .reveal-delay-1{transition-delay:.1s}.js-motion .reveal-delay-2{transition-delay:.2s}.js-motion .reveal-delay-3{transition-delay:.3s}.js-motion .product-tile.reveal,.js-motion .visual-break.reveal{clip-path:inset(8% 0 0 0)}.js-motion .product-tile.reveal.is-visible,.js-motion .visual-break.reveal.is-visible{clip-path:inset(0 0 0 0)}@media(max-width:1000px){.home-hero-inner,.split-grid,.model-band,.media-band{grid-template-columns:1fr}.home-hero-inner{align-items:end}.hero-panel{max-width:520px}.advantage-grid,.stats-row{grid-template-columns:1fr}.product-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.model-stage,model-viewer{min-height:460px;height:460px}.home-cta{display:block}.cta-actions{justify-content:flex-start;margin-top:24px}}@media(max-width:620px){.home-hero{min-height:780px}.home-hero-inner{padding-top:88px}.home-hero-copy h1{font-size:46px}.hero-lede{font-size:17px}.home-band,.home-cta{padding:64px 18px}.product-showcase{grid-template-columns:1fr}.model-stage,model-viewer{min-height:390px;height:390px}.visual-break{min-height:420px}.button{width:100%;text-align:center}.hero-actions,.cta-actions{display:grid;gap:10px}.home-band h2,.home-cta h2,.visual-break h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.current-lines{animation:none}.button:hover,.wsite-button-inner:hover,button:hover,input[type=submit]:hover,.advantage-card:hover,.product-tile:hover{transform:none}.js-motion .reveal{opacity:1;transform:none;transition:none;clip-path:none}.hero-bg{transform:none}model-viewer{--poster-color:transparent}}

.brand{flex:0 0 auto}.brand-mark{width:142px;height:42px;border-radius:0;background:#fff url("assets/published-pterofin-logo.png") center/contain no-repeat;box-shadow:none;color:transparent;font-size:0}.brand>span:not(.brand-mark){display:none}.site-header{gap:18px}.top-nav{min-width:0;flex-wrap:wrap;justify-content:flex-end}.button,.wsite-button-inner,button,input[type=submit]{line-height:1.2;min-height:48px;text-align:center;white-space:normal}.wsite-button{display:inline-flex!important;margin:12px 16px 18px 0!important;vertical-align:top}.wsite-button-inner{margin:0!important}.wsite-button+.wsite-button,.button+.button,.form-submit-button+*{margin-left:0}.wsite-multicol-table-wrap{overflow:visible}.grid-cell{display:inline-block;vertical-align:top;margin:0 18px 18px 0}.form-submit-button,input[type=submit]{margin:18px 16px 18px 0}.content-shell .button,.content-shell .wsite-button-inner{max-width:100%}.model-band{padding-top:clamp(70px,9vw,108px);padding-bottom:clamp(70px,9vw,108px)}.intro-band{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(7,74,134,.08);border-bottom:1px solid rgba(7,74,134,.08)}.intro-band>.section-kicker,.intro-band>.split-grid,.intro-band>.advantage-grid{position:relative;z-index:2}.water-flow{position:absolute;z-index:1;left:50%;bottom:-22px;width:130vw;height:48%;min-height:300px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(124,190,203,.28) 28%,rgba(8,102,130,.3) 62%,rgba(7,74,134,.24));filter:saturate(1.08)}.water-flow:before,.water-flow:after{content:"";position:absolute;left:-8%;right:-8%;top:-46px;height:115px;background:radial-gradient(58px 28px at 6% 55%,rgba(255,255,255,.75) 0 42%,transparent 44%),radial-gradient(84px 38px at 18% 38%,rgba(166,222,230,.62) 0 46%,transparent 48%),radial-gradient(76px 34px at 31% 52%,rgba(255,255,255,.56) 0 44%,transparent 46%),radial-gradient(90px 40px at 48% 40%,rgba(142,207,220,.62) 0 48%,transparent 50%),radial-gradient(74px 32px at 64% 54%,rgba(255,255,255,.55) 0 43%,transparent 46%),radial-gradient(92px 42px at 82% 38%,rgba(137,202,218,.58) 0 48%,transparent 50%);opacity:.9;animation:waterDrift 13s linear infinite}.water-flow:after{top:18px;opacity:.42;filter:blur(10px);animation-duration:18s;animation-direction:reverse}.advantage-grid{position:relative;z-index:2}.advantage-card{position:relative;overflow:hidden;backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82));will-change:transform,opacity}.advantage-card:before{content:"";position:absolute;left:18px;right:18px;bottom:-36px;height:72px;border-radius:999px;background:radial-gradient(circle at 20% 45%,rgba(255,255,255,.85),transparent 28%),radial-gradient(circle at 54% 35%,rgba(142,207,220,.72),transparent 30%),radial-gradient(circle at 78% 54%,rgba(255,255,255,.7),transparent 25%);opacity:0;transform:translateY(20px) scale(.82);transition:opacity .55s ease .15s,transform .75s cubic-bezier(.2,.85,.25,1) .1s}.js-motion .advantage-card.reveal{opacity:0;transform:translateY(88px) scale(.95);clip-path:inset(26% 0 0 0);transition:opacity .72s ease,transform .9s cubic-bezier(.2,.85,.25,1),clip-path .9s cubic-bezier(.2,.85,.25,1)}.js-motion .advantage-card.reveal.is-visible{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}.js-motion .advantage-card.reveal.is-visible:before{opacity:1;transform:translateY(0) scale(1.05)}.product-model-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(300px,1fr);gap:clamp(24px,5vw,56px);align-items:center;margin:34px 0 42px;padding:clamp(22px,4vw,38px);border:1px solid rgba(7,74,134,.14);border-radius:8px;background:linear-gradient(135deg,#f8fcff,#edf7f2);box-shadow:0 18px 70px rgba(8,38,64,.08)}.product-model-panel h2{font-size:clamp(28px,3.8vw,48px);margin:0 0 16px}.product-model-stage{min-height:430px}.product-model-stage model-viewer{height:430px}.product-model-panel .model-copy p{font-size:17px}.model-fallback{background:rgba(7,23,41,.72)}@keyframes waterDrift{from{transform:translateX(0)}to{transform:translateX(16%)}}@media(max-width:1120px){.brand-mark{width:120px}.nav-item>a{padding:9px 10px;font-size:13px}}@media(max-width:1000px){.product-model-panel{grid-template-columns:1fr}.product-model-stage,.product-model-stage model-viewer{min-height:420px;height:420px}.water-flow{height:42%;min-height:380px}.advantage-card{min-height:220px}}@media(max-width:620px){.brand-mark{width:112px;height:36px}.site-header{align-items:center}.product-model-panel{padding:18px}.product-model-stage,.product-model-stage model-viewer{min-height:360px;height:360px}.water-flow{height:58%;min-height:520px}.wsite-button{display:flex!important;width:100%;margin:12px 0 18px!important}.wsite-button-inner{width:100%}.grid-cell{display:block;margin:0 0 18px}}@media(prefers-reduced-motion:reduce){.water-flow:before,.water-flow:after{animation:none}.advantage-card:before{display:none}.js-motion .advantage-card.reveal{opacity:1;transform:none;clip-path:none}}
/* Cleaner HyperFrames-style section animation: calm ribbons, not fake fluid blobs. */
.intro-band{background:linear-gradient(180deg,#fbfcf8 0%,#f4fbf7 52%,#eaf5f0 100%)}
.water-flow{left:0;right:0;bottom:0;width:auto;height:44%;min-height:260px;transform:none;overflow:hidden;background:linear-gradient(180deg,rgba(247,252,250,0),rgba(220,241,239,.6) 32%,rgba(180,221,219,.72) 74%,rgba(224,243,235,.92));filter:none}
.water-flow:before,.water-flow:after{display:none}
.flow-ribbon,.flow-glint{position:absolute;display:block;left:-12%;right:-12%;pointer-events:none}
.flow-ribbon{height:96px;border-radius:999px;opacity:.78;filter:blur(.2px);transform:translateX(-5%) rotate(-1deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7) 16%,rgba(80,159,181,.34) 36%,rgba(255,255,255,.54) 55%,rgba(70,142,166,.3) 74%,rgba(255,255,255,0))}
.flow-ribbon-a{top:30px;animation:flowRibbon 12s linear infinite}
.flow-ribbon-b{top:104px;opacity:.54;transform:translateX(4%) rotate(1.2deg);animation:flowRibbon 16s linear infinite reverse}
.flow-ribbon-c{top:178px;opacity:.36;transform:translateX(-2%) rotate(-.4deg);animation:flowRibbon 20s linear infinite}
.flow-glint{width:180px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.68}
.flow-glint-a{top:92px;animation:flowGlint 5.8s ease-in-out infinite}
.flow-glint-b{top:184px;animation:flowGlint 7.6s ease-in-out infinite 1.1s}
.js-motion .water-flow.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1.1s ease}
.js-motion .water-flow.reveal.is-visible{opacity:1;transform:translateY(0)}
.advantage-card:before{display:none}
.advantage-card:after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(8,102,130,.38),transparent);opacity:.38}
.js-motion .advantage-card.reveal{opacity:0;transform:translateY(54px);clip-path:inset(18% 0 0 0);transition:opacity .72s ease,transform .82s cubic-bezier(.18,.9,.22,1),clip-path .82s cubic-bezier(.18,.9,.22,1),box-shadow .35s ease}
.js-motion .advantage-card.reveal.is-visible{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
.js-motion .advantage-card.reveal.is-visible:nth-child(1){transition-delay:.05s}
.js-motion .advantage-card.reveal.is-visible:nth-child(2){transition-delay:.15s}
.js-motion .advantage-card.reveal.is-visible:nth-child(3){transition-delay:.25s}
@keyframes flowRibbon{from{translate:-8% 0}to{translate:8% 0}}
@keyframes flowGlint{0%{translate:-120% 0;opacity:0}18%{opacity:.72}65%{opacity:.72}100%{translate:calc(100vw + 120%) 0;opacity:0}}
@media(max-width:1000px){.water-flow{height:36%;min-height:310px}.flow-ribbon{height:80px}.flow-ribbon-a{top:58px}.flow-ribbon-b{top:138px}.flow-ribbon-c{top:214px}}
@media(max-width:620px){.water-flow{height:48%;min-height:520px}.flow-ribbon{left:-42%;right:-42%;height:72px}.flow-ribbon-a{top:170px}.flow-ribbon-b{top:274px}.flow-ribbon-c{top:378px}.flow-glint-a{top:230px}.flow-glint-b{top:350px}}
@media(prefers-reduced-motion:reduce){.flow-ribbon,.flow-glint{animation:none}.js-motion .water-flow.reveal,.js-motion .advantage-card.reveal{opacity:1;transform:none;clip-path:none;transition:none}}

.skimmer-models{display:grid;gap:28px;padding-top:clamp(70px,9vw,108px);padding-bottom:clamp(70px,9vw,108px)}
.skimmer-models-intro{max-width:780px}
.new-model-panel,.old-model-panel{border:1px solid rgba(7,74,134,.14);border-radius:8px;background:linear-gradient(135deg,#f8fcff,#edf7f2);box-shadow:0 18px 70px rgba(8,38,64,.08)}
.new-model-panel{padding:clamp(18px,3vw,28px)}
.model-panel-heading{max-width:800px;margin-bottom:18px}
.model-panel-heading h2,.model-panel-heading h3{margin:0 0 10px;color:#071729;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:0}
.model-panel-heading p:not(.section-kicker){margin:0;color:#314358;font-size:17px}
.skimmer-explorer-frame{display:block;width:100%;height:clamp(760px,68vw,900px);aspect-ratio:auto;border:0;border-radius:8px;background:#081821;box-shadow:0 28px 90px rgba(7,30,45,.18)}
.old-model-panel{display:grid;grid-template-columns:minmax(0,.72fr) minmax(300px,1fr);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(22px,4vw,38px)}
.old-model-panel .model-copy p{font-size:17px}
.skimmer-product-models{display:grid;gap:26px;margin:34px 0 42px}
.skimmer-product-models .new-model-panel{background:linear-gradient(135deg,#f8fcff,#edf7f2)}
.skimmer-product-models .skimmer-explorer-frame{height:clamp(760px,76vw,920px)}
@media(max-width:1000px){.old-model-panel{grid-template-columns:1fr}.skimmer-explorer-frame,.skimmer-product-models .skimmer-explorer-frame{height:1060px}}
@media(max-width:620px){.new-model-panel,.old-model-panel{padding:18px}.skimmer-explorer-frame,.skimmer-product-models .skimmer-explorer-frame{height:1120px}.model-panel-heading h2,.model-panel-heading h3{font-size:30px}}

.skimmer-new-band{position:relative;background:linear-gradient(180deg,#071927 0%,#0a2637 58%,#071927 100%);margin:0;padding:clamp(72px,9vw,110px) 0;color:#fff;overflow:hidden}
.skimmer-new-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(47,122,79,.18),transparent 34%,rgba(216,160,40,.12));pointer-events:none}
.skimmer-new-inner{position:relative;width:min(1200px,100%);margin:0 auto;padding:0 clamp(18px,4vw,28px);display:grid;gap:28px}
.skimmer-new-band .section-kicker,.skimmer-product-models .new-model-panel .section-kicker{color:#78d8d0}
.skimmer-new-band .model-copy h2,.skimmer-new-band .model-panel-heading h3,.skimmer-product-models .new-model-panel h2{color:#fff}
.skimmer-new-band .model-copy p,.skimmer-product-models .new-model-panel p:not(.section-kicker){color:#d7e9eb}
.skimmer-new-band .text-link{color:#a5e1dc}
.skimmer-new-band .text-link:hover{color:#fff}
.skimmer-new-band .new-model-panel,.skimmer-product-models .new-model-panel{background:transparent;border:1px solid rgba(210,232,232,.16);box-shadow:none;padding:0}
.skimmer-new-band .model-panel-heading,.skimmer-product-models .new-model-panel .model-panel-heading{padding:0 0 18px;margin:0}
.skimmer-new-band .skimmer-explorer-frame,.skimmer-product-models .new-model-panel .skimmer-explorer-frame{border:1px solid rgba(210,232,232,.14);box-shadow:0 32px 90px rgba(0,0,0,.28)}
.skimmer-old-band{display:grid;gap:28px;background:#fbfcf8}
.skimmer-old-band .old-model-panel,.skimmer-product-models .old-model-panel{background:#fff;border-color:rgba(7,74,134,.14)}
.skimmer-product-models .new-model-panel{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(58px,8vw,88px) max(clamp(18px,4vw,28px),calc((100vw - 1200px)/2 + 28px));background:linear-gradient(180deg,#071927 0%,#0a2637 58%,#071927 100%);border-left:0;border-right:0;border-radius:0}
.skimmer-product-models .old-model-panel{margin-top:10px}
.skimmer-detail{overflow:visible}
@media(max-width:620px){.skimmer-new-band{padding:62px 0}.skimmer-product-models .new-model-panel{padding-top:52px;padding-bottom:58px}.skimmer-new-band .model-copy h2,.skimmer-product-models .new-model-panel h2{font-size:34px}}